【Day 13】K1 章振兴 banner图分析

题目：

Banner分析训练

选出一个你觉得不错的活动Banner，从中分析有哪些你可以学到的内容。

注：banner可以是手机上的，也可以是PC端的

---

      banner图的设计要做的是准确地把信息传达给用户，直白一点讲就是通过对文字图形的处理去传递某种情绪给到消费者，让消费者产生点击购买的欲望，banner图的受欢迎程度直接关系到图片的点击率和转化率。

淘宝电商banner图

这个是一张比较经典的淘宝电商爆款设计风格，我从下面几个方面分析这个banner图的设计

主题：采用不同的颜色标识来文案文字的中心来凸显banner的主题内容，简洁明了

图形设计：整个画面的底色根据产品的色调和风格来决定，爆款多为平易近人、干净利落的，取模特的两个画面放在banner的两侧，使得整个画面平衡，最好为一静一动两种风格，给人的视觉冲击也比较大。

字体：在字体上采用方正兰亭超细黑、汉仪秀英体，表明女性的特点是细致优雅、苗条细长，字如其人的感觉

文案：文案位于中间部分，用一个多边形形状来隔离出来，文案的话参考了设计的四大基本原则（来源于《写给大家看的设计书》这本书）进行排版，最重要的是突出产品的名称和价格部分，其他文字根据设计的亲密性来排版，为装饰作用。

人性：结合人性的弱点-贪婪，在设计一个banner图的时候，都是对人性的把握和理解，揣度人性设计banner图，人性贪婪，贪小便宜等打折促销的眼球让利的角度去吸引消费者注意力。

用户浏览习惯：大多数的用户在浏览网页的时候都是从上到下，从左到右的浏览。为使banner更容易被用户浏览,顺应用户的浏览习惯，焦点聚集到中间，不让产生找不到重点和焦点内容

总结：我们在设计一个banner图的时候要考虑到用户的需求点，结合人性的把握度和理解，banner图片的设计重点在吸引受众用户眼球点击欲望

1.字体上根据不同的用户受众采用不同字体，banner图的设计字体采用统一的字体，尽量一张banner图字体不要超过三个字体格式，不同字体对应视觉感受有不同的效果

2.文案要配合设计的四大基本原则进行排版，最重要的是突出产品的名称和价格

3.图形设计方面画面的底色要根据不同的场景和产品勾画来决定。

PS：

设计的四大基本原则  ——《写给大家看的设计书》

1. 对比（Contrast）

对比的基本思想就是要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。对比能够让讯息更准确的传达，内容更容易的被找到、被记住。如果你想让对比效果更明显，就一定要大胆，不要让两种颜色看起来好像差不错又不一样。当然也不要在同一个页面使用太多种字体。

2. 重复（Repetition）

重复的目的就是“一致性”，让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、材质、空间等。这样一来既能增加条理性，又能增加统一性。

3. 对齐（Alignment）

任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能够建立一种清晰、精巧而清爽的外观，提升可读性。避免一个页面上混用多种对其模式，也就是不要有一些置左，有一些置右。尽量避免使用居中对齐，除非是比较正式、稳重的设计（别动不动就让什么都居中，有些时候居中是一种很土的对齐方式）。

4. 亲密性（Proximity）

彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。

写给大家看的设计书 https://book.douban.com/subject/3323633/