网站首页
手机版

如何做好Banner设计

更新时间:2022-03-19 03:08:53作者:佚名

如何做好Banner设计

banner大体由以下五部分组成:版式,字体,颜色,背景,点缀。我就针对这几点做些具体分析。
  
  一、关于版式
  
  大家发现没有,大体上 banner 版式可分为两种:图文左右排版、文字居中。

  1. 图文左右排版
  
  如果把 banner 中图片部分遮去,而只保留文字部分。人们能够获取的关键词有:5首电影歌曲、回忆过往的。因此即使没有配图,文字也能将信息精准地带给用户,文字所占比例应当比图片多些。这也就解释了为何大部分左右排版的 banner 都是文字占比大于图片。

总结出图右字左和图左字右的区别了吗?图片在右,配图内容比较模糊;图片在左,配图内容比较清晰。由于人们习惯的阅读顺序是从左到右,左边放什么意味着用户会先看到什么。当图片信息清晰时图片放左,先用特定配图吸引用户目光,再加以具体的文字阐述就更正常不过了。而如果把含义不清的配图放在左边,用户得看到右边的文字部分才能获得 banner 想传递的内容,这会导致用户接收信息时间增加。
  
  2. 文字居中
  
  在工作中我没怎么接触过文字居中的排版方式,因此很抱歉没法做太多的剖析。印象中电商比较喜欢此类排版,也许是文字放在正中的位子,底下可以放许多产品?
  
  大小标题比例约为2:1。其实这和一级标题,二级标题是同个道理,我们在设计 banner 时总希望用户能把 banner 上的文字看全,但又不希望大小标题混在一起主次不清,因此在排版合理,用户能看清字的综合考虑下,大小标题比例约为2:1。
  
  二、关于字体
  
  都说字体有各自的性格,衬线体笔画有粗细之分,它模仿的是中国古代字体和古代碑文上的字体,因此衬线体能给人古典,文艺的感觉,适合用于文艺气息或与女子的相关设计。
  
  三、关于颜色
  
  在生活中,色彩心理学让人们对颜色的认知有很大的影响,因此在设计中选择主色调也要遵从如上,例如活泼年轻的内容可选择纯度较高的蓝绿色、绿色等作为主色调。文艺类内容则适合饱和度不高,偏向白色这类能让人平静的色彩。关于颜色的搭配,我一般会在花瓣上找些主题相近的 banner 作参考。
  
  四、关于点缀
  
  大约有3种。椭圆点缀,圆角矩形点缀,实物点缀。圆形圆角矩形点缀可适当加些渐变和阴影,为了不让实物点缀太过抢眼,可以适当做些弱化,比如降低透明度或是做些模糊处理。
  
  五、关于背景
  
  大约有3种,纯色背景,实物背景,材质背景。根据画面的需要可以选择合适的底图。

本文标签: 标签  简介  banner  

为您推荐

excel表格怎么大批量筛选(excel表格怎么大批量筛选重复项并快速删除)

1、在选中单元格后,点击排序和筛选。2、在展开的界面中,点击筛选。3、在单元格界面中,点击全部显示。4、在展开的界面中,点击确定即可。

2023-03-21 15:30

Word2007文档水印怎么去除(word2007文档如何去除水印)

Word2007文档水印怎么去除 Word2007文档水印怎么去除 方法一 页面布局-页面背景-水印-删除水印,文档中的水印被删除. 方法二 页面布局-页面背景

2023-03-15 00:31

Word2003文档中的回车符怎么隐藏(怎样隐藏word里的回车符)

Word2003文档中的回车符怎么隐藏 Word2003文档中的回车符怎么隐藏 隐藏回车符 1.单击菜单栏"工具"下的"选项",在打开的窗口中取消勾选"视图"选

2023-03-15 00:30

Word2007自动滚动怎么设置(如何设置word自动滚动)

Word2007自动滚动怎么设置   Word2007自动滚动怎么设置 1.首先打开一篇长篇文档,单击其左上角的"office按钮"在弹出的快捷菜单中选择"Wo

2023-03-15 00:29

Word2013文档中大纲视图如何使用(word2007大纲视图)

Word2013文档中大纲视图如何使用 在Word 2013中,用户可以使用大纲视图来查看并编辑文档的大纲结构,同时可以对正文进行处理.在大纲视图模式下,文档的

2023-03-15 00:29

Word怎么用快捷键快速修改文字格式 word快捷键修改

Word怎么用快捷键快速修改文字格式   Word怎么用快捷键快速修改文字格式 1.电脑上新建word文件,例如命名为"word技巧" 2.双击"word技巧"

2023-03-15 00:27