先了解什么是优秀的banner?




优秀的设计特征:色彩、图片、信息




设计师犯的四宗罪:过度设计、配图不佳、用色不当、欠缺考虑信息




解决方式

实战举例(一)
1:拍摄产品,抠图。

2:选背景色

3:排版

4:信息内容设计


4.2确定需要突出的文字信息

5:优化字体设计


纯色设计banner较为普遍,如下:


渐变的背景色实战举例(二)
1,色彩构思

2:渐变选择


3:点缀细节

前后对比

渐变背景运用在电商banner中的例子

真实场景实战案例(三)

1:拍摄商品照片

2:优化照片、构图


3:放置文字信息

电商banner使用场景的例子

小结:

网友评论