福建快三时间开奖结果

网站设计中离不开的banner设计技巧

来源:郑州网站建设 时间:2015-11-02 08:00:32 点击:作者:壹点胜科技

文章详情

一个网站里面为何要设置banner?有没有人想过这个问题?壹点胜科技小贝想着很多人知道这个,但是事实证明还是有些人忽略了,banner主要的意

一个网站里面为何要设置banner?有没有人想过这个问题?壹点胜科技小贝想着很多人知道这个,但是事实证明还是有些人忽略了,banner主要的意义是为了通过图文的性质表现出我们的想法,通过想法的传递,让?#27809;?#35748;可我们的产品,这正是我们所追求的。世界看?#24120;?#32593;站看Banner,门面当然要漂亮,不过很多同学以为做Banner是门技术活儿,自己学艺不精做不了。如果你看了今天这篇文,就会明白,技术于Banner,就像刀法于人,虽有招式,但无内功支撑,久战必败。而这篇好文,就是Banner的内功修炼心法,按6个步骤来,速成可待。
网站设计banner
第一步:定义要传达什么信息
这一步,和视觉、审美什么的都没关系。
比如,半月谈,我们要传达的信息有:
品牌LOGO,让?#27809;?#19968;眼就知道哪里出品,下次形成条件反射,所谓的视觉认知是需要一定的重复的,只有不?#29616;?#22797;才能加深?#27809;?#21360;象。 子品牌LOGO,让?#27809;?#30693;道我们出了什么东西,并且有系列?#23567;?br /> 以上就是我们要传达的核心信息了。你也可以认为这就是一个BANNER,只是——看起来没那么好看而已。
但是,我们发?#20013;?#24687;还不够,我们还想要传达:
我们的内容大概是什么,从而让?#27809;?#24418;成期待 既然是系列,我们希望?#27809;?#33021;够知道这是第几期,从而当他们想要从某一期有兴趣时点击到全部,也有地方去。
所以,我们把信息又放出来。现在我们有4类信息。
第二步:定义信息的优先级
虽然我们有4类信息,但是优先级肯定不一样的,所以对应到设计上,我们给它放的版块的大小、颜色的突出是不一样的。
第三步:考虑?#27809;?#35270;觉路径
也即你想引导?#27809;?#20808;看哪里,再看哪里,然后再做什么。
通常,?#27809;?#30340;阅读从?#31995;?#19979;,从左到右边,所以一般重要的内容会放到左上角。
不过这个规则可以用醒目的?#35745;?#21050;眼的颜色轻易打破,但是我建议你不要轻易这么做,所有的?#35745;?#21644;颜色都要有意义,为什么要用这个?#35745;?#20026;什么要用这个颜色。
确保?#27809;?#19968;开始有视觉中心,如果?#27809;?#19968;眼不知道先看什么,那么这个banner就是失败的。
有了视觉焦点后,你可?#28304;?#35270;觉焦点引申开来,使用视觉里的亲密性原则(把内容相近的地理位置靠近一些、对比原则等等),引导?#27809;?#20174;视觉焦点进而关注到其他细节、或者促使行动的东西。
第四步:考虑标准识别颜色
既然我们要传达品牌形象,请确保用色从我们的标准VI色盘中选择,而不要随便用。
我是配色弱怎么办?有这3个板斧打遍天下,?#20146;。?#21697;牌传达,重复性很重要。就像我们看到红、黄、?#30528;?#33394;会想到麦当劳,看到绿和黑就想到星巴克一样。
第五步:做视觉的排版
(不要考虑太多设计技能,否则就陷入到?#20309;?#19981;是专业的,所以我不会做设计上)
排版上,信息已经完整,优先级已经出来,无非就是把它变得好看一些而已。
让banner好看的几个要诀:
1. 对齐
很好办吧,让内容纵向、横向都有一条线,可以对齐。要么居中,要么底部。尽量确保页面上不要有一个元素,没有任何元素和它能够形成对齐的关系。
2. 亲密
不要让所有内容都没有聚集地堆在一起,让那些关?#24403;?#36739;亲密的内容聚合成一个区域,不要让一个banner上的区域超过4个。
3. 简单质感:
千万不要加任何PS的?#21496;怠?#38452;影、能不渐变就不渐变,因为已经不流行了,不要盲目使用各种样式。
4. 如果要用图标,尽量选择样式统一,且能够保持你的优先级次序的图表。比如我们引导?#27809;?#20808;看左边,再看右边,结果你在右边的图标里选择了一个血红的,可能?#27809;?#30340;视线立马被吸引过来了。
5. 不要让字体超过3种。尽量用宋体、黑体、方正黑体,不要用什么魏碑体、行楷等,一看就比较山寨。
第六步:做更多的美化
如果你不想做,其实上面也可以了。
想做的话,我们可以:
比如花点时间去做一个流行的扁平化背?#30333;?#39280;——还是要强调一点,不要为了装饰而装饰,所有的装饰都要有意义、让背?#26696;?#21152;有质?#23567;?#27604;如加点磨?#26696;?#35273;。 比如,你还可以?#23454;?#21464;换下别的排版,比如:居中的排版,更容易引导?#27809;?#20174;?#31995;?#19979;的阅读视角,也是很多人?#36947;?#27604;较?#19981;?#30340;排版风格。
综上所述,做banner有一大半的精力是梳理信息、设定优先级、设定?#27809;?#27983;?#26469;?#24207;,和PS的技能没有太多关系,所以,每个人都可以去尝试做好一张看似很有设计感,但是实际上?#32622;?#33457;什么精力的banner。

上一篇:网站制作时企业一定要注意的几项
下一篇:80后创业网站建设成为一个必备品

相关热词搜索:网站设计

壹点胜首页 | 网站建设公司|网站建设动态 | 网站建设套餐 | 营销型网站 | 郑州网站托管 | 网站建设价格 | 网站建设案例 | 联系我们
电话:0371-56603669 / 18638746614    地址:郑州市金水区?#34987;?#36335;索凌路庙李商务大厦6单元1101室   郑州壹点胜电子科技有限公司
   [email protected] http://www.yhrml.tw All rights reserved     备案号:豫ICP备14002738号    
郑州网站建设壹点胜二维码

豫公网安备 41010502003024号

福建快三时间开奖结果 比利亚雷亚尔vs巴伦西亚结果 伯恩茅斯vs伯恩利分析 安徽省25选5走势图 阿拉维斯足球 尤文图斯标志 火影忍者ol下载 死于威尼斯 桑普多利亚尤文图斯 冒险岛隐士 beautyleg万人比基尼派对