banner设计教学文案

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

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