首页 > 网页教程 > 设计分享 > 网页Banner设计的风格、排版以及配色经验分享

网页Banner设计的风格、排版以及配色经验分享

时间:2012-08-25    来源:阿里UED

Banner设计可以说是我日常工作中最主要的一块需求,banner不比大型项目,从设计成本上来讲不可能给太多的时间给设计师,所以这也引发了我对如何更有效率地完成一个banner的思考。我觉得构成banner的重点主要有三个方面,即风格,排版以及配色。我个人的习惯是先定风格,再做大致的排版和配色,然后根据整体再来调整,最后再优化细节。

小编推荐:网页配色设计教程专题 【网页配色理论、配色工具一网打尽!】

下面我就根据自己的一些经验从从这3个方面展开来讲一下(视觉大牛们请轻拍):

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

下面我就按照我们这边的风格风向标来举一些例子:

1.时尚风:   

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

2.复古风: 

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

3.清新风:

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

4.炫酷风: 

这种风格通常比较多的是深色背景,有一些比较质感的元素跟光影特效。上面这个其实是我当时给一个活动做的版头,平时这类风格做的会比较少点,写分享的时候也没有找到合适的banner,就拿了这个,我觉得可以归类到这个风格。

5.简约风:

简约风的特点就是极简主义、大空间,就像这个banner没有任何过多的装饰元素 ,整体感觉就是非常的透气然后是排版,所谓排版,即将文字、图片、图形等可视化信息元素在版面布局上调整位置、大小,使版面达到美观的视觉效果。

相关推荐
淘宝店铺banner设计简易排版参照模板图文教程简析超级实用
打造优秀网页banner广告设计的8个要点
新手教程:Flash广告设计要素分享
快速设计节日促销专题的经验分享
淘宝店铺广告文案排版快速设计经验分享
淘宝店铺banner广告设计技巧分享(一)
从优秀案例分析网页Banner视觉构成与创意设计
网站Banner广告设计经验谈
14个有效提高网站Banner点击率的设计技巧分享
广告图片素材设计:如何从优秀到卓越?(上篇)
广告图片素材设计:如何从优秀到卓越?(中篇)
网站Banner横幅广告设计怎样才能提高点击率?
网络广告设计必备:Banner设计从入门到精通教程
如何快速设计好Banner?6个步骤帮你速成!
网站Banner广告条怎样设计才能提高点击率?
电商设计:5个快速进阶的电商Banner设计技巧
从人性的角度,揭露电商Banner设计背后的14个秘密
电商设计:韩国电商BANNER的构图/配色/元素/应用分析
网站的旗帜(Banner)广告条字体设计简析
网易UED分享banner广告条设计的定位与思考
网页UI之Banner广告条设计案例赏析
BANNER设计的几个实用性策略
腾讯CDC分享QQ登录界面的banner设计过程点滴
网站设计中BANNER(广告条)中的字体结构分析
创建优秀的网络表单广告设计经验分享
7个网站/淘宝网店做促销图BANNER广告关键性标准推荐
淘宝知名品牌名店的BANNER广告设计评价及分析(1)
淘宝品牌名店的BANNER广告设计评价及分析(2)

分类导航

教程推荐

热门特效

热门教程