【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/ 


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,391评论 25 707
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,725评论 1 92
  • 1.用户体验设计,解决用户需求,减少用户理解和操作的成本,给用户留下美好的印象。特征:严谨、理性、创意(关注于解决...
    正版书呆子阅读 484评论 0 1
  • 今天这个日子里,我们都是大小孩 买一堆黑米锅巴喜之郎果冻跳跳糖旺仔小馒头哇哈哈大白兔….. 我们长大了,但还是有童...
    粉团子zheng阅读 178评论 1 0
  • 写下这个题目的第二天我发现,神圣不需要救赎,神圣就是神圣,放纵就是放纵。它们之间可以在不同的时空共存于同一个生命体...
    初人阅读 646评论 0 0