浅谈banner设计

关于Banner的设计,相信已经有很多人都看过这方面经验的分享了,我来公司也做过了一些Banner的设计,那在这其中通过不断的学习、实践积累了自己的一些小小经验和方法,下面给大家浅浅的分享下我总结的Banner设计经验。如有错误,尽管拍砖,小女子虚心请教学习。

Banner设计其实是我们接触">互联网工作后,最常见一种工作。那么Banner到底是什么呢?Banner的核心使命其实是吸引用户关注,然后被点击。他的主旨就是主题明确,突出关键内容,抓住用户眼球。一个Banner他是由“背景、主视觉和标题文字”三部分组成,在我刚刚接到需求的时候,我首先分析他的重点词、字,想要表达什么,分析好了后可以在纸上画下草稿,在大脑里有个大概的视觉效果,想法多的话可以画几版不一样的,最后根据草稿定一个定稿,接下来就可以找素材着手做了。在做期间,还要注意整体的美观,让人看起来舒服。
下面从这三部分逐一给大家分享下。

一、背景

我们画画的同学可能都知道,一个画面不可能都面面俱到,重点的需要细致刻画,有的一笔带过即可。设计一个Banner8630.html">有时候就像画画似的,首先要有大的环境,那Banner的背景就好比大环境,其实主要是起到衬托、烘托气氛的作用。一个新需求过来,首先我们考虑要营造一个什么样的环境,什么样的气氛,是欢快的、悲伤的、可爱的还是…比如过年,可能就用红橙色,比如儿童类的,颜色上就要纯一点,活泼点等等。

但是需要注意一点,背景不能太花,否则会影响整体的一个可读识性,简单,清晰即可。

二、主视觉元素

Banner中的主视觉要清楚,符合主题,元素不可太多,否则看起来跟人感觉就会乱。有的人在做时只要是有地,就全放满,其实页面适当的“留白”也是提升画面品质的一个好方法。视觉元素不论是人物,还是其他,一定要清晰,在我们找素材的时候也要找像素质量高的,我一般会去站酷、昵图网、花瓣或者直接google搜,不要太多。还有一点注意的是不可盗用他人的作品,头像等等。大家都懂的:)

下面的这个Banner看起来就比较乱,东西太多,想表达的也太多,这时候需要用户去花时间思考它想告诉我们什么,而往往这时候用户是不愿意是思考的,一是画面不知道他要表达什么,二是整体上没有吸引住用户的眼睛,这种情况下这个Banner是做到比较失败的。

三、标题文字

标题文字非常重要,是整个Banner的主题,重点文字一定要在背景中突出出来,不论用颜色对比、放大、变形设计还是即便做立体效果等等。(这里我分享一个经验,就是在页面上新建一个黑色的图层,样式改成饱和度,整体上成黑白的效果后一眼就能看出来了)

这个Banner标题用了描边和投影,从背景中出来了,但还是看起来不舒服,主要是他的文字有用曲线、斜线的方式,让人不禁会顺着字的排版顺读下去,他这里面不同方向的斜线用的还比较多,这种方式看多了就会比较累,没有形成统一。

这个Banner看起来比较清新,没有过多的元素,但重点是文字,由于背景用的浅色,文字也用的浅色,用户是很难看出来的,影响用户的阅读性。

最后总结
几点

1.画面整体统一,颜色搭配的看起来舒服;
2.页面元素要以组为单位;(如文字和文字之间的间距不要过大,让人看起来是一组)
3.采用吸引力的用语,或者添加“火速参与”等刺激性的词语按钮等,让用户在最短的时间内有去点击他的欲望。
4.主次对比分明,合理安排页面布局;
5.输出K数不宜过大,否则加载速度会慢;
6.最后最重要的一点是,前期工作一定要与需求方沟通好,要知道,在工作中,沟通是非常重要的一件事情。

以上是自己在平时工作中总结的一点点小经验吧,希望对初学设计的同学来说有点帮助,还望大师们多多指点,我会虚心学习。有部分图是从网上找的,在这里借用下,如果侵犯您的权了,请告知下。谢谢。

(微博UDC原创博文,转载请注明出处

时间: 2024-09-20 05:55:22

浅谈banner设计的相关文章

2013浅谈网页设计趋势

京东这次的改版,看到遍地都是网友吐糟的声音,什么设计太简单了.首页版块不明显.设计没个性等等,乱七八糟的一大堆差评. 对于这些吐糟的人,我将他们分为三类人:一类是专业的网页设计师,他们本就有着更高的见地;另一类是普通的用户,不管旧版是否合理,反正已经使用习惯了,对于新版的改变一下子无法适应过来,难于接受,或者潜意识下就产生了对新变化的抗拒心理;最后一类是属于随风逐流者,看到别人吐糟自己也跟着吐糟,可能有些人压根就没看过新版. 在这些吐糟人中,第一类人毕竟是少数,大多数往往属于后两类人. 好与差没

浅谈数据库设计技巧(上)

技巧|设计|数据|数据库|数据库设计 说到数据库,我认为不能不先谈数据结构.1996年,在我初入大学学习计算机编程时,当时的老师就告诉我们说:计算机程序=数据结构+算法.尽管现在的程序开发已由面向过程为主逐步过渡到面向对象为主,但我还是深深赞同8年前老师的告诉我们的公式:计算机程序=数据结构+算法.面向对象的程序开发,要做的第一件事就是,先分析整个程序中需处理的数据,从中提取出抽象模板,以这个抽象模板设计类,再在其中逐步添加处理其数据的函数(即算法),最后,再给类中的数据成员和函数划分访问权限,

浅谈产品设计中的可用性和可访问性

在用户体验这个行业,经常会听到,可用性,可访问性这样专业的名词,但是,事实上在很多产品实现过程里都忽略了这一点!WHY? 举个很简单的例子,用户的注册流程,很多交互设计师在做这块流程设计的时候都无可避免的忽略了部分可用性和可访问性,直白点说,产品的应用场景没有cover全用户群,损害了这部分用户的可用性和访问性. 太抽象?不明白?好,那我们就用户注册流程展开,侃侃流程中用户提交表单的设计. 看上图,这是现有支付宝注册流程中的一块功能,要实现的功能很简单,个人用户直接填写注册信息,是企业用户的话,

浅谈数据库设计技巧

说到数据库,我认为不能不先谈数据结构.1996年,在我初入大学学习计算机编程时,当时的老师就告诉我们说:计算机程序=数据结构+算法.尽管现在的程序开发已由面向过程为主逐步过渡到面向对象为主,但我还是深深赞同8年前老师的告诉我们的公式:计算机程序=数据结构+算法.面向对象的程序开发,要做的第一件事就是,先分析整个程序中需处理的数据,从中提取出抽象模板,以这个抽象模板设计类,再在其中逐步添加处理其数据的函数(即算法),最后,再给类中的数据成员和函数划分访问权限,从而实现封装. 数据库的最初雏形据说源

黄金分割的金苹果——浅谈apple设计中的黄金分割

你研究或者不研究,美就在那里,不偏不移:你发现或者不发现,黄金分割就在那里,不多不少.了解他,发现美,也给自己增加精彩,好作品不会没有依据. 掀开面纱 0.618或者1.618,这个数字是否觉得似曾相识.这其实是一个数学比例关系(说到数学,不要先着急晕哦,知道咱们做设计得对计算都不敏感,呵呵),即把一条线段分为两部分,此时短段与长段之比恰恰等于长段与整条线之比,其数值比为1:1.618或0.618:1. 这就是黄金分割律,由公元前六世纪古希腊数学家毕达哥拉斯所发现,后来古希腊美学家柏拉图将此称为

浅谈EDM设计

进入阿里巴巴一直从事运营的设计,免不了接触的就是活动专题.edm营销.DM营销.SMS营销等等,这里要重点讲一讲EDM营销,我是个营销的外行,此文仅从自己的经验来阐述一些问题. EDM营销(Email Direct Marketing)也即:Email营销.电子邮件营销.首先问几个问题,我们为什么要去做EDM的营销呢?EDM在营销充当什么样的角色?这些能否影响到EDM的设计呢?我们应该从什么样的角度去思考EDM的设计? 一.edm的营销目的 过去一年接触的EDM营销,主要分两类:品牌宣传和事件营

浅谈交互设计中Web UI与手机UI的区别

  做了几年的UI和交互,这期间曾经接触过网页设计和手机应用界面的设计,现在简单的谈一下两者之间的区别,个人拙见做个小总结,不同意见轻拍. 首先,网页设计与手机UI,操作的媒介不同,鼠标与手,这是一个很大的区别,而这个区别所造成的几点不同如下: 1. 精确度不同: 鼠标的准确度是相当高的,哪怕是再小的按钮,对于鼠标来说,也是可接受的(注意,仅仅是可接受),点击的错误率不会很高. 而手的准确度相对而言就没那么高了,而且还要照顾一些肢端较大的用户,因此对于手机UI中的按钮,就需要一个比较大的范围,以

浅谈网页设计中的色彩理论

无可争议的是,色彩是任何设计领域中最重要的一方面. 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点. 一.颜色术语 你们当中很多人可能已经在学校学过一些色彩基础知识,让我们快速回顾一些术语,来更好的把握色彩和运用色彩. 色轮的主要组成 所有的色彩能在一个色轮中呈现.在这个色轮中,我们能把颜色分成3大块:原色,辅助色和第三颜色. 三原色分别是红色,蓝色和黄色.这些色彩是基础色,他们组成了色轮上

浅谈UED设计流程与原则

UED设计流程在各个公司之间可能会有所不同,国内的设计师在知乎社区上讨论了各自公司(包括腾讯.百度等)的UED设计原则.流程等,希望大家从中可以得到帮助. 来自腾讯的交互设计师eviliu强调设计流程主要考虑以下两方面的问题:一是设计原则是怎么来的,二是要怎么配合设计的上下游团队.就设计原则来说,从四个方面进行了阐述: >始终将用户体验放在第一位--在设计流程中将用户体验融入其中,将其贯穿于设计的始末,使用户体验的结论能够直接影响到设计的方向.同时设计过程中通过展开脑暴.竞品分析.焦点小组等方式