网站中应用图片幻灯片是比较常见的,大多数网站设计师都会考虑到应用在网站中,因为效果很不错。应用图片幻灯片也是要讲究技巧的,它涵盖着对于用户的体验度的思考,并不是盲目的,所以图片幻灯片设计也要注重细节性小技巧。我们可以看看几家大型网站中的幻灯片设计,从中体会技巧。
1、更初的时候是点击照片跳转到下一张,再然后是点击照片的左边是上一张,点击照片右边是下一张,当我们习惯了这样的照片浏览方式之后,似乎我们的鼠标就会被限制在照片的范围之内。百度空间里的相册浏览页面扩大了鼠标的可点击范围,使得照片翻页不在只是局限在照片里面,而是整个页面的宽度,以及在中间部分加入了照片放大功能。还有就是侧边预览图的滚轮支持。
2、**亚马逊的首页轮换图片,每刷新一次,都是随机不同的顺序显示,这样的设计解决了对于较多图片轮换而靠后的图片信息很少被看到的问题,这点对于电子商务等时效性不是很讲究的网站来说尤其重要。
3、腾讯网内容页里对照片这块的处理则有更多的细节,比如图片下方的预览图、比如图片底部的可隐藏的说明文字。当一块有限的空间被堆叠更多的功能时,好与坏开始变成一个相对的事情。
4、当在页面的链接处用鼠标右键点击时,弹出的菜单:IE从上下到是“打开”、“在新选项卡中打开”、“在新窗口中打开”;Firefox从上到下的顺序是“在新窗口中打开”、“在新选项卡中打开”;而Chrome的则是“在新标签页中打开链接”、“在新窗口中打开链接”。IE的前几项“打开”完成就是左键单击的行为,实则无意义;Firefox对这个顺序的处理似乎仍停留在浏览器还未引进标签页的设计上,标签页正是为了解决桌面上铺满浏览器窗口而设计的,所以在这个顺序上,Chrome的设计则是更好的。
我们要从这些知名的网站图片幻灯片设计中吸取经验,这些设计都是本着用户体验的角度着想的,这也是我们所一直追寻的。
网站图片幻灯片设计不能忽略的小技巧,谢谢阅读。