banner设计的经验总结（篇目一）

这是一篇我对banner设计的总结笔记，希望对您有帮助，我是一个爱分享的人，我叫Jaking。
（注：本文图片大多数来之公众号[做设计的面条]，TTTing姐姐大人！）

好了，我们进入正题吧：

一，banner是什么？
Banner 英文翻译过来就是指横幅或者旗帜，如今我们直接把它代指任何投放于线上（PC端、移动端）的各种尺寸和形状的广告图，有静态和动态两种，而且是可点击的。

二、banner作用？
广告，你懂的。

三、banner的构成？
文案或商品或模特或背景等组合，如今天站酷上看到的banner：

（空气中充满着浓浓的设计狗的味道，哈哈）

网上看到这么一句话：一个好看且合格的banner图一定是经过设计师反复思考，反复修改而做出来的，并不是你口中分分钟就可以做完的。
是不是感觉这话没毛病啊，可是就有“人”打破了这说法，你认识阿里巴巴的“鲁班”吗？它去年在双十一期间做出了1.7亿张banner，而且质量不亚于某些设计师做的banner。（这就是人工智能的成果，随着科技快速发展，估计美工今后可能会失业？）

【常用的banner类型】
一、高大上的banner
所谓甲方口中的“高大上”就是指这种吧，除了高端大气上档次外，更要显得沉稳、时尚、简约。
（你直接打开苹果官网或香奈儿官网给他看，问是不是这种高大上？不是的话就打开小米官网继续问。毕竟我们只能搞清楚对方和自己理解相同词语的差异点在哪？）

设计师的理解：

“高大上”banner偏高冷型，你爱买不买的心理。针对的人群偏上层人士。
页面上文案超级简短，甚至只放一个品牌名。
商品必须单个，放大加裁剪。大面积留白，主要用色黑白灰或单色。

客户的理解：

“高大上”banner偏暖，让人看到就想看个究竟，文案不能短，反正必须能引起用户的冲动感就好。
图案什么的多放几个，你是设计师你专业，你看着办。
最后，logo放最高，标题放大，上移一点，所谓的高大上就出来了。

二、稳打稳扎的banner
这个一类型就是根据固有的要求（模板）来制作，存在这一种气氛，比如友好，可爱/活跃，热闹，静。
整体画面比较自然，也比较常见，如果要吸引点击量的话就要在选产品图和文案上加功夫。

三、简洁的banner
这里的简洁不是指“高大上”那种简洁，而是指“简约风”。
主要针对对象：文艺青年和素雅少女。
这类型的banner使用要看情况，虽然它和“手绘风”都有独特的魅力，但它不像“手绘风”可到处随便使用。
它的最大优势是在电商平台鲜艳的轮播图中可以脱颖而出。
文案可长可短。商品必须小，颜色素雅，大面积留白，主要米色或浅色。

四、鲜艳活力的banner
这一类banner眼球冲击很强，大多运用鲜艳但不刺眼的颜色，全面积底色色块。
主要针对对象：省钱，懂得如何合理花钱的人。（省钱不等于你穷，我很喜欢这句实话）
超多商品展示，体现促销感，主要考验排版能力。
文案可多可少，文字加粗。颜色带有对比。

五、手工型banner
看了TTTing的文章才了解到这个的。这种手工制作的banner绝对不亚于其它类型的banner啊。
这个考验了手绘能力，手工能力，创意思维等。（话说TTTing的手工确实值得我们赞撼）

六、摄影型banner
拍张照，做个后期调整，简简单单出来一张banner？这个考验摄影和构图能力。

【常见的风格类型】
时尚风

复古风

清新风

炫酷风

简约风

手绘风

以上的六种风格，我会在（篇目二）做出详细的总结笔记。

【具体排版】
有平铺 [整齐上下或左右平铺，45度斜铺，中心点发散平铺]

有立体 [俯视视觉感]

有场景 [实物具体展示]

有三维空 [近大远小，近实远虚，疏密结合，几何构图]

有人物及动作 [人物合理位置，合理大小加裁剪，目的鲜明]

【整体-常用构图】

左右为图，中间文案

左右文案，中间为图

左图右文

右图左文

上文下图

文字为主体居中

不规则构图

另外还有对角构图和S型构图我就不放图了。

【颜色】
我认为色彩这方面不是几段话就能说明白，这个要根据自身的学习与积累，关于色彩这方面内容比较多，建议大家可以多看一些这方面的书籍介绍。
这里我大概说一下几点：
1、banner颜色可以提取产品色的邻近色，要么做到衬托产品，要么做到突出产品，另外如果页面多产品摆放时要注意产品主次关系及其颜色的主次；
2、要知道为什么选择这颜色，其作用和所起的效果都要做到；
3、色相，明度，色阶，是否准确考虑banner所处的环境？与文案和主题是否对应？
4、可根据banner风格定颜色。
5、总之颜色的使用要有理有据，适当就好。

【文字】
字体选择符合字体、颜色符合气氛、大小有对比、排版符合平衡定律、做到易识别，有情趣。别忘了对齐。

【元素】
衬托、聚焦、重复原则
【其它要求】
注意视觉风格一致性、平衡感、空间感、主次、光影。

【好的banner范例】
1、带有趣味，有意思的banner，或搞怪的banner，让人会心一笑。
2、有创意的banner，除了带有趣味，更有视觉效果。
3、让人产生共鸣的文案和画面。

以上为个人笔记，谢谢观赏。