网页幻灯片设计中的一些小细节

2016-02-17 03:58 6 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的网页幻灯片设计中的一些小细节,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - 平面设计 】

图片幻灯片是网页中最常见的一种效果,功能几乎差别不大,可很多网页设计师可能都没有考虑过这种最常用的幻灯片其中所涵盖的用户体验思想,本文通过国内外几家大型网站中的幻灯片来分析他们各自的设计小细节及给我们带来的体验

1、卓越亚马逊的首页轮换图片,每刷新一次,都是随机不同的顺序显示,这样的设计解决了对于较多图片轮换而靠后的图片信息很少被看到的问题,这点对于电子商务等时效性不是很讲究的网站来说尤其重要;

网页幻灯片设计中的一些小细节,PS教程,图老师教程网

2、最初的时候是点击照片跳转到下一张,再然后是点击照片的左边是上一张,点击照片右边是下一张,当我们习惯了这样的照片浏览方式之后,似乎我们的鼠标就会被限制在照片的范围之内。百度空间里的相册浏览页面扩大了鼠标的可点击范围,使得照片翻页不在只是局限在照片里面,而是整个页面的宽度,以及在中间部分加入了照片放大功能。还有就是侧边预览图的滚轮支持;

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

网页幻灯片设计中的一些小细节,PS教程,图老师教程网

3、而腾讯网内容页里对照片这块的处理则有更多的细节,比如图片下方的预览图、比如图片底部的可隐藏的说明文字。当一块有限的空间被堆叠更多的功能时,好与坏开始变成一个相对的事情;

网页幻灯片设计中的一些小细节,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

4、当在页面的链接处用鼠标右键点击时,弹出的菜单:IE从上下到是打开、在新选项卡中打开、在新窗口中打开;Firefox从上到下的顺序是在新窗口中打开、在新选项卡中打开;而Chrome的则是在新标签页中打开链接、在新窗口中打开链接。IE的第一项打开完成就是左键单击的行为,实则无意义;Firefox对这个顺序的处理似乎仍停留在浏览器还未引进标签页的设计上,标签页正是为了解决桌面上铺满浏览器窗口而设计的,所以在这个顺序上,Chrome的设计则是最好的;

网页幻灯片设计中的一些小细节,PS教程,图老师教程网

5、当页面中需要出现页码时,可以看到很多网站对这个翻页的设计都做了处理,比如减少上一页的可点击区域,增加下一页的可点击区域。很长一段时间来,浏览器的前进与后退两个按钮是同样的大小,但在页面中翻页时用户更多的操作是在下一页,同样的,对于浏览器的前进与后退,用户更多的操作行为会是在后退,所以Firefox对这两个按钮的设计做了处理,增大了后退按钮,更便于用户的频繁操作.

参与讨论和交作业

来源:http://www.tulaoshi.com/n/20160217/1578280.html

延伸阅读
标签: Web开发
源程序: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / meta http-equiv="expires" content="0" titleJavaScript幻灯片效果/title styl...
如何在PPT2010中将多个幻灯片合成一个幻灯片   ①首先,新建一个演示文稿然后进入审阅选项卡,在比较选项组中选择比较(将另一演示文稿与当前演示文稿进行比较合并); ②此时会弹出一个选择要与当前演示文稿合并的文件窗口; ③再弹出的窗口中,选择你要合并的PPT文件,然后点击打开,此时PowerPoint会将原来的演示...
黑色背景的PPT幻灯片设计技巧   平时制作PPT课件的时候很少黑色背景设计,并非不喜欢,由于因为色彩单一,需要有较高的PPT设计水平,不过也不是绝对的不可亵玩。 黑、白、灰、金、银没用明显的色彩相貌属性,属于无色色系。无彩色系也具有一定的内行,并被人们接受,甚至成为永远的流行色。审视你的衣橱,是不是黑色或者深色衣服...
想必大家都有遇到这样的情况吧,就是在进行PPT幻灯片播放过程中,演讲者还没有进行任何操作,幻灯片就自动翻页了,这种结果并不是我们想要的,我们需要的是,可以手动让它翻页,那么这究竟是怎么回事呢?如何才能避免呢?下面就为大家一一道来:很多演讲者会用“幻灯片放映”中的“排练计时”来预先练习,此种情况适用于重...
PowerPoint2013中如何在播放幻灯片时跳过某些幻灯片   有些时候,我们会希望只播放某些幻灯片,还有些幻灯片是不需要播放的,但我们又不希望将这些幻灯片删除掉,因为删了就再也没有了不是吗?想解决这些烦恼吗?进来看看吧! 操作步骤很简单的: 1、用PowerPoint2013打开一篇文稿,并选中我们需要隐藏的幻灯片,切换到幻灯片...

经验教程

155

收藏

24
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部