logo淇敼浣滀笟 (banner鎺掔増璁捐鍟嗕笟)

Hello,大家好,我是CGWANG的UI讲师彭老师,今天要给大家带来一个宠物店banner的UI作业修改!

我们先来看一下原图

logo淇敼浣滀笟,banner鎺掔増璁捐鍟嗕笟

具体分析视频

点击链接观看精彩视频

http://v.qq.com/x/page/q03405uced0.html

logo淇敼浣滀笟,banner鎺掔増璁捐鍟嗕笟

案例分析:

1、把宣传语放在了最显眼的位置,有点主次颠倒。

2、虽然说整体画面看上去非常可爱,但是背景元素太多,导致我们的视线无法非常集中。

修改建议视频

点击链接观看精彩视频

http://v.qq.com/x/page/t0340esvv8l.html

logo淇敼浣滀笟,banner鎺掔増璁捐鍟嗕笟

修改建议:

1、先把背景多余的东西删除,用渐变工具给背景一个简约时尚的颜色。

2、画出一个肉骨头的形状,从而衬托主次关系。

3、调整宠物店名称的字体,放在骨头上面,形成主标题。

4、然后再通过字体排版、大小以及投影来调整宣传语。

5、然后决定服务项目字体的位置,再进行细节和整体的调整。

作业总结

前后对比图

logo淇敼浣滀笟,banner鎺掔増璁捐鍟嗕笟

结视频

点击链接观看精彩视频

http://v.qq.com/x/page/u0340thtcno.html

logo淇敼浣滀笟,banner鎺掔増璁捐鍟嗕笟

彭老师想对有类似毛病的同学说

商业banner设计一定不能跨越的误区,就是不能一味地追求新奇好看,使得画面过于杂乱,影响视觉焦点。主次关系也要分明,重要的信息点一定要明确表达。

看到这的都是真爱,关注我们的微信公众号“CGWANG实训中心”,是我们最大的动力,么么哒!