banner图的设计技巧
来源: | 作者:lszing | 发布时间: 2017-11-10 | 1337 次浏览 | 分享到:
一、选择最有效的轮播图尺寸
因为现在的电脑基本都是宽屏显示器,而轮播图显示在网站首页的顶部,所以图片的高度以占据浏览器第一屏最好;在高度一定的情况下,轮播图越宽效果也会越好。
所以信达互联北京网站设计公司在设计营销型网站时,会将首页banner轮播图的尺寸控制在 1600X500,这个尺寸在一般电脑上无需滚动即可看完,且所占面积不小,十分抢眼,给用户带来了较好的阅读体验。

二、轮播图文件格式、大小播放频次
1.文件格式
JPG、 PNG、 GIF都能够让你的信息有效的传递。出于网站加载速度等考虑,我一般不会建议轮播图用 Adobe Flash格式展示。如果一定要用Flash Banner的话,记得要转换成GIF格式,这样就能获取全设备支持,以便更多的人浏览到。
2.文件要尽可能的小,在保证图片清晰度的前提下,图片文件越小越好。因为客户一般登陆一个网站会直接向下翻动,图片越小载入速度越快;这样才能”赶得上”客户的浏览速度,轮播图才有机会让用户看到。
3.限制轮播图的页数,一般认为5张以下最好,不宜过多。另外自动轮播的速度不要过快或过慢;且要循环轮播,避免到最后一页就停止轮播了。
4.提供指示条,告知用户目前轮播图是第几页;还有滑动按钮,让客户手动浏览更多张轮播图。

三、轮播图的内容呈现、设计要素
1.内容、盈利模式分明
网站中的轮播图是最吸引访客眼球的位置,所以要先告诉客户你是做什么的。看似简单的要求,很多网站却忽略了这点,网站轮播图的文字内容是“诚信”、“共赢”之类的屡见不鲜。
忽略图片上没展示全的文字,谁知道这网站是做啥的吗?不禁为该司的SEMer捏把汗,怕是烧钱烧到心焦都很难有客户咨询呢。
打开网站就知道,这个公司是做了28年商用厨房设备工程的。客户不仅知道产品,而且盈利模式及核心竞争力都很明显的表示出来了。
2. 内容文本要清晰可见
设计轮播图时,标题和正文需使用不同的字体尺寸,尽量在4行以内;不要使用非主流字体、潦草的字体、过于纤细的字体、全大写字体以及小于10pt的字体。
另外还可以通过使用粗重、对照分明的字体,打造一种视觉上的紧迫感。让客户迫不及待的点击。不过这招偶尔试一下还行,不能总用。
3.合适的色彩
用色正确,方为王道。色彩具体怎么搭配,老牛在这就不详谈。要注意在设计轮播图时,选用的色彩应该与网站整体色系协调搭配;还有,设计Banner时要用RGB色彩模式,因为一般都是在屏幕上看广告的。如果你的轮播图和网站的风格相符,完美搭配,那么用户会对这则信息产生信赖感。

热门新闻