找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3105|回复: 0

[分享] 高品质网页banner设计细节处理技巧

[复制链接]
发表于 2017-9-18 18:03:09 | 显示全部楼层 |阅读模式 来自 中国–广东–广州–番禺区
网页banner,网站展示首图,用户进入网站映入眼帘的页面设计视觉。可以说,一个优秀的网站banner图,可以提升整个网站的品质感和档次。那么设计一个优秀的网页banner图,设计是需清楚那几个要点。

主题明确
首先我们设计一张图是,应清楚这张设计的用途。让用户一眼就能知道一张图传达出那些信息。所以小编建议在设计整个框架时,尽量减少过多的辅助干扰元素,banner切割的太细碎,内容繁多,就会分散用户的注意力。

突出重点文字
用最醒目的字眼图片内容的核心,让用户可以最快的获取的其中的信息,如下图,主题信息和价格做的不明显,让用户阅读的很吃力。“5折”字样一定要大,要醒目,其余的则需要相应的弱化。

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

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

颜色不要过于刺激
有些客户会要求用比较夸张的色彩来吸引访问者的眼球,希望由此提升banner的关注度,实际上,亮色谁能吸引眼球,但往往会让产用户产生视觉疲劳,从而丢失用户。
上图的颜色选可能过于鲜艳了,看久了眼睛会疲劳。而下图的颜色稳重、纯净,让人看了很舒服:

产品数量不宜过多

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

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

平衡信息和视觉元素

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

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


原文链接出处:广州网页设计http://www.ewpv.com/news_text.asp?ID=1243
,


发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-21 23:50 , Processed in 0.035180 second(s), 8 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表