恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
怎样设计banner
0.0°
2018-10-10 原创文章 经验/观点 举报 2064 22 14 2

Banner设计可以说是我们日常工作中最主要的一块需求,banner不比大型项目,从设计成本上来讲不可能给太多的时间给设计师,那么怎样去快速的设计banner呢

Banner设计可以说是我们日常工作中最主要的一块需求,banner不比大型项目,从设计成本上来讲不可能给太多的时间给设计师,那么怎样去快速的设计banner呢?

我觉得构成banner的重点主要有三个方面,即风格,排版以及配色。我个人的习惯是先定风格,再做大致的排版 和配色,然后根据整体再来调整,最后再优化细节。

首先是风格, 一般情况下风格在跟需求方沟通的时候就已经定好了大概的方向,同时我们可以问他要一些参考,进一步确认风格,还有种情况是需求方方没有任何的要求,就说让 你自己把握就好,那这个我觉得也是分两种情况,一种是需求方真的信任你,放手让做,还有种就是其实他自己也不知道要什么样的,只是想等你做出来以后看了再 说,如果是这种情况不讲清楚的话很有可能就会面临重做的悲剧。第一种类型基本就不需要太操心,自己根据内容什么的来把握就好。第二种类型的话就需要引起注 意了,我们可以自己找一些认为比较合适的参考让需求方来选择,然后根据他的选择和需求方确认风格,防止他后面说什么不要这种风格的,重做一版看看之类的。 那么怎么来分别是哪种类型的呢?我觉得吧一些经常合作的,是完全可以根据以往的经验的来判断他是属于哪种类型的,如果是第一次合作的我就会先直接判定为第 二种类型,也就是他自己也不知道要什么样的,以后再根据他的表现重新分类好了。

A:时尚风

Image title

可以看到上面这2个banner都有共同的特点,大标题、模特,报刊潮流杂志风。

B:复古风:

Image title

复古风的重点是传统元素和复古图案,像第一个用了书法字体跟水墨感觉的图案, 第二个则是包含了传统的剪纸元素 。

C:清新风

Image title

清新风的重点就是清爽、唯美,轻盈色调跟自然系,比如上面这个banner就让人感觉十分的清新。

D:炫酷风

Image title

E:简约风

Image title

简约风的特点就是极简主义、大空间,就像这个banner没有任何过多的装饰元素 ,整体感觉就是非常的透气。

然后是排版,所谓排版,即将文字、图片、图形等可视化信息元素在版面布局上调整位置、大小,使版面达到美观的视觉效果。之前在网上看到过一篇关于ppt排版六原则(对齐,聚拢,重复,对比,强调,留白)的文章,我觉得这个在banner的设计中也是同样适用。这里我把这些原则稍微修改了下,更加适用于banner的设计。

一、对齐原则

相关的内容要对齐,方便用户视线快速移动,一眼看到最重要的信息。

二、聚拢原则

将内容分成几个区域,相关内容都聚在一个区域中。

三、留白原则

千万不要把banner排得密密麻麻,要留出一定的空间,这样既减少了banner的压迫感,又可以引导读者视线,突出重点内容。

四、降噪原则

颜色过多、字体过多、图形过繁,都是分散读者注意力的”噪音”。

五、重复原则

排版时,要注意整个设计的一致性和连贯性,避免出现不同类型的视觉元素。

六、对比原则

加大不同元素的视觉差异,这样既增加了banner的活泼,又突出了视觉重点,方便用户一眼浏览到重要的信息。


下面是比较常规的版式,主要是大方向的,时间紧的时候可以选择一种拿来直接套用,这里我根据以往的经验大致分了6类:

Image title








更新:2018-10-10

收藏

22人已收藏

Calamus

摇曳在笔尖的舞姿,是聚光灯下最浓烈的一抹艳红。

  • 26

    作品

  • 45

    粉丝

  • 24

    关注

  • 个人总结&作品集
  • 帮煮小程序V1.0界面设计
  • 木材码头平台2周年庆典H5长图
  • 百度战略合作——远中和小程序
相关标签
经验设计GUI分享

    猜你喜欢

      2018-10-10 原创文章 经验/观点 举报 2064 22 14 2

      怎样设计banner

      0.0°

      你确定要举报怎样设计banner

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年10月31日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      14
      22
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录