RED主要内容1、为什么要设计banner2、banner的三要素3、怎样设计banner4、提升与案例一、为什么要设计banner不以转化为目的的banner都是耍流氓粗俗点概括上图就是:一看二点三买。理论上说就是通过真实有效的信息传达来吸引用户点击了解继而不断的实现商业价值。1、信息传达其实就是告诉别人你是干什么的。对于电商来说就是告诉受众是卖什么的。要求信息正确、真实有效、传达视觉的路线清晰明了。强调第一眼,鲜明的视觉中心。如果一眼望去都没能明白这个图片在诉说什么,很多情况下受众就会转身离开。想要一眼有所得,就需要有清晰的视觉层次,换个角度说你希望受众第一眼看什么,接下来看什么,然后是什么……一般来说用户在一个画面的停留也就几秒钟,所以建议内容不要太多不然很难抓到重点而错失良机。2、吸引点击准—一针见血了解用户群,迎合他们的期待,摸清楚他们的兴趣点。越来越多的人选择在互联网上购物多半是足不出户,还可以得到更多的优惠或者服务。那就放出优惠和服务,喊出口号来。狠-刀刀见血戳中痛点的文案。如果上面是喊出了口号,这里就是要口号响亮!如果打的就是低价、折扣、满减、服务,请让他们够醒目,一瞥既见!另一种事件营销类,组织、策划利用新闻热点、人物、事件,吸引媒体或者消费者的注意和兴趣,以提升企业名誉、服务、销售的方式。(如下图)其实在写作中,我们通过中心思想告诉读者道理和内涵,那么banner就是通过视觉告诉受众卖什么和怎么卖!3、商业价值互联网有句老话,只要你能实现用户价值,就一定能带来商业价值!从设计角度来看二、一个画面不可能都面面俱到,重点的需要细致刻画,有的一笔带过即可。设计一个Banner有时候就像画画,首先要有大的环境,那Banner的背景就好比大环境,其实主要是起到衬托、烘托气氛的作用。一个新需求过来,首先我们考虑要营造一个什么样的环境,什么样的气氛,是欢快的、悲伤的、可爱的还是…比如过年,可能就用红橙色,比如儿童类的,颜色上就要纯一点,活泼点等等。背景Banner中的主视觉要清楚,符合主题,元素不可太多,否则看起来跟人感觉就会乱。主视觉元素标题文字非常重要,是整个Banner的主题,重点文字一定要在背景中突出出来,不论用颜色对比、放大、变形设计还是即便做立体效果等等标题文字内容为主,装饰为辅视觉风格统一视觉层次分明构图合理三、怎样设计banner一般原则•1、主题•一般来说拿到一个需求建议不要立即就做,你需要分析项目的目标受众,客户的年龄,性别,收入,职业,位置和生活方式。了解你的受众是确保你传达正确信息的关键。然后就是想怎么样才能突出想表达的主题,这就需要一个中心思想。既是我们想要表现的主题。•2、合适的风格•在设计中为了突出主题,也会运用一些视觉表现手法:民族风-古典的、复古的、文化底蕴的;扁平风-活泼的、简单的;写实风-场景再现,增加真实和代入感;小清新-色彩清爽,气氛轻盈;舞台风-大促或者颁奖的镁光灯聚集感;怎样设计banner3、合理的构图设定好风格之后,开始考虑画面的结构,这个多数会根据使用场景的宽比决定,比较扁的位置,布局时不建议太复杂,文案尽量醒目。最常用的三种结构:左右,左中右、居中。4、字体的性格我们可以通过提问的方式找到答案:什么样的字体适合这个主题?字体变形是为了表达什么?变形后好识别吗?受众看到这种字体会想到什么?字体大小是否合适?字体如何打破沉默——不破不立同样是简单的字体,只是打破了整段的文字,做单个字体的倾斜,整体看起来就活泼跳动了很多,或者可以做单个字体的叠加,凹凸效果同样可以让简单的默认字体变得跳跃起来在设计banner时通常我们如果我们想突出文字,那么就要使文字和背景拉开空间,而为文字做一个简单的纯色底色不可谓不是一个省事的办法如何打破字体的沉默——空间独立字必须横平竖直才是最好看的嘛?当然不是,在一些设计中一个倾斜的文字排版不仅可以打破默认字体的沉默还可以帮助整个画面的构图,真是百试不爽如何打破字体的沉默——斜能压正5、背景素材的呼应搭建不要为了装饰而装饰,所有的装饰都要有意义!素材是为了衬托主题,增加联系,丰富血肉。大家肯定会经常看到很多banner上有飘落的树叶、飞鸟、花瓣之类的小元素来增加画面的生气。细心的朋友还会发现有些景物的模糊处理。焦点是清晰的,周边是模糊的。这样就有了远近、虚实关系,增强了图片的纵深感和感染力。6、最后的调整从整体到局部,再由局部到整体。常用的二个方法:眼睛离开画面一会,再次回到画面的时候有没有一眼获取重要信息。黑白模式下对比黑白灰关系。RED太多的附加元素,会干扰用户对主题的识别0201030406050708主题明确点、文字突出符合阅读习惯用最短时间激起点击欲望色彩不要过于要醒目亮”色虽然能吸引眼球,但往往会让访问者感觉刺眼、不友好甚至产生反感。产品数量不宜过多信息数量要平衡留白banner画面中需要留空,留空可以使图形和文字有呼吸的空间一样自由总结REDREDREDREDRED