020-85548809,29883069

网站设计、网站优化、微信开发

资讯

分享你我感悟

您当前位置>主页 > 资讯 > 高品质网页banner设计细节处理技巧

高品质网页banner设计细节处理技巧

网页banner,网站展示首图,用户进入网站映入眼帘的页面设计视觉。可以说,一个优秀的网站banner图,可以提升整个网站的品质感和档次。那么设计一个优秀的网页banner图,设计是需清楚那几个要点。
 
主题明确
首先我们设计一张图是,应清楚这张设计的用途。让用户一眼就能知道一张图传达出那些信息。所以小编建议在设计整个框架时,尽量减少过多的辅助干扰元素,banner切割的太细碎,内容繁多,就会分散用户的注意力。
 
突出重点文字
用最醒目的字眼图片内容的核心,让用户可以最快的获取的其中的信息,如下图,主题信息和价格做的不明显,让用户阅读的很吃力。“5折”字样一定要大,要醒目,其余的则需要相应的弱化。

高品质网页banner设计的几个要点-突出重点文字

 
正确的排布方式应该像下面这样:

高品质网页banner设计的几个要点-突出重点文字

 
符合用户阅读习惯
这点主要要注意整个版面的排版,按用户的阅读习惯出发,从左至右,从上到下。如下图:

网页banner设计需清楚那些要点

 
颜色不要过于刺激
有些客户会要求用比较夸张的色彩来吸引访问者的眼球,希望由此提升banner的关注度,实际上,亮色谁能吸引眼球,但往往会让产用户产生视觉疲劳,从而丢失用户。

高品质网页banner设计的几个要点-颜色不要过于刺激

上图的颜色选可能过于鲜艳了,看久了眼睛会疲劳。而下图的颜色稳重、纯净,让人看了很舒服:

优秀网页banner设计的几个要点-颜色不要过于刺激

 
产品数量不宜过多
 
“多”并不等于富,不等于好;适量即可。整个banner的显示尺寸非常有限,摆放太多产品,反而会让画面拥堵、不透气,视觉效果大打折扣。

设计网页banner图需注意那些问题-产品数量不宜过多

 
留白
留白是设计的一门学问,留白的方式大小都会影响画面的整体效果。正确而适当的留白不仅能够保持良好的阅读率,更能很大程度上的提升画面的气愤和品质。

高品质网页banner设计的几个要点

 
平衡信息和视觉元素
 
当所要表达过度是,如何平衡好信息与元素、元素与元素之间的画面?如何在有限的尺寸里尽可能的完美呢?
大家可以对比上面两张图,就能够体会到平衡了:

高品质网页banner设计的几个要点-平衡信息和视觉元素

高品质网页banner设计的几个要点-平衡信息和视觉元素

 
一张优秀的网站banner设计可以激发用户的点击欲望,优秀banner的设计同时也是对客户的一种尊重,用户在选择时,潜意识里会认可你。
,