题目:
Banner分析训练
选出一个你觉得不错的活动Banner,从中分析有哪些你可以学到的内容。
注:banner可以是手机上的,也可以是PC端的
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/