浅说相册图片详情页面中大图的浏览方式(2)
作者:四娘 来源:Taobao.com UED Team 发布时间:2009-02-01 18:34:00
网易相册
对网易相册我一直有一种说不出的亲切感,熟悉并喜欢网易这种简洁明了的风格,网易相册的大图查看也是很简单的。
网易相册的大图下加了一个阴影,在视觉上增加了许多的美感,但图片不大,也没有原图查看或放大的功能,这个对想看精美大图的摄影爱好者来说是一个遗憾,要看相册的原图,需要通过相册右侧的一个“下载此照片”的链接,这个链接并不容易被用户关注到;
网易相册的大图浏览,当在大图上点鼠标时,图片会翻到“上一张”或“下一张”,以图片竖直方向中心线为轴线,鼠标点到图片竖直中心线左面时变成向左的箭头,点击图片出现“下一张”;鼠标点到图片竖直中心线右面时变成向右的箭头,点击图片出现“上一张”,整个图片切换的过程非常的流畅。
百度相册
百度有许多产品都做得很好,但是说真的相册做得挺一般的,百度相册的大图查看可能是因为属于个人空间的一个栏目的原因,真的没有什么亮点,首先,图片的尺寸很小,点击图片出现图片的原图,感觉百度的相册在设计上是比较粗糙的。
QQ相册
QQ相册图片尺寸挺大的,页面上也有类似于网易相册的那种用鼠标在照片上点击往前或后翻的功能,也会以图片竖直方向中心线为轴线,鼠标变成向左或向右的箭头,点击照片出现“上一张”或“下一张”的分页,就大图浏览这一点来说,QQ相册还是不错的。
Yupoo相册的大图浏览与Flickr差不多,图片的尺寸不大,可以查看几个规格尺寸的图片;
个人认为在设计产品时借鉴成功者的经验确实是一种很好的方法,但首先应该能分得清哪些是成功的经验,哪些不是,一味的照搬,不分良莠,反而会对产品有负面的影响;
巴巴变
巴巴变无论从色彩还是产品的设计都太象Flickr了,可见一个成功的产品对行业内其它产品的影响有多大,但巴巴变有一个不得不提的特色,它有专门针对网店店铺设计的相册,有许多有趣的功能,但就大图查看来说与Flickr差不多;
走马观花的看了许多相册产品,各自都有自己的特色,当然也有许多共同之处,我总结了一下相册大图查看页面设计时需要注意的几点:
(1) 在本公司网站设计规范许可的宽度范围内,图片查看越大越好!
(2) 在图片上加上点击翻页的功能,这是许多用户已经习惯了的看图方式,也能方便的让用户查
看本相册的其它照片;
(3) 如果相册是需要播放幻灯的,那么就选择一种合适的方式,是在本页内播放还是弹出一全
屏的页面播放,或者是支持Cooliris插件,根据自己商业目标和目标用户群来进行选择,也曾
有设计师与我讨论过是否可以用 flash来做幻灯的播放,在这点上我个人的建议是别轻易使用
flash来查看需要展示精致细节的图片,因为flash会自动的对图片进行压缩,会损害到图片的
质量,另外,图如果太大的话,会需要比较长的loadding时间;
(4) 尽可能的为用户提供原图,或放大的图片,便于用户查看更精致的细节;
(5) 对其它的相册产品可以借鉴,但不要抄袭,要借鉴其它产品的成功之处,而不是无论是
否符合自己的产品特色和用户需要都照搬过来,因为不是功能越多的产品就越好,而是越符合
自己产品目标用户群需要的产品就越好;
猜你喜欢
- -crop参数是从一个图片截取一个指定区域的子图片.格式如下:convert -crop widthxheight{+-
- 如果您的网站面向世界各地的冲浪者或者对外开展商贸活动,检测来访者的浏览器语言类型就非常现实了。这里提供的脚本可以检测流露;浏览器
- 技巧之一:提高使用Request集合的效率 访问一个ASP集合来提取一个值是费时的、占用计算资源的过程。因为这个操作包含了一系列对相关集合的
- asp程序运行速度试验实验:1。作相同的分支条件判断:IF 比 SELECT慢。用以下程序测试:
- 总的来说,提高应用程序性能的最好的方法是发现应用的瓶径之所在,和数据库进行交互的性能无疑是决定应用程序性能的重要环节之一。因为ADO是当前最
- 在数据库应用的设计中,我们往往会需要获取某些表的记录总数,用于判断表的记录总数是否过大,是否需要备份数据等。我们通常的做法是:select
- 举例: 如:在字段名处输入:username,password,email,telphone 注意:不同的字段名用英文逗号隔开,且不支持星号
- 先把我的browser信息说明一下:这是在opera里about中显示的“浏览器识别”Opera/9.62 (Windows NT 5.1;
- 一个表单焦点效果javascript函数,可以用在美化表单界面,挺好看的。function validForms(){  
- 于是写测试程序。。。不行 下载最新的ODBC。。。还是不行 通过sql plus查询。。。咦?竟然也查不到。。。 于是,折腾。。。折腾。。。
- 代码如下:Dim strName, iLoop For Each strName 
- 我用asp+access写程序, sql="select *&
- 话说网站首页是用.NET语言写的,而二级栏目页却是用ASP写的,然后再配上众多全手工的静态专题页,整个网站形成了一个大杂烩。想要在这大杂烩中
- 简介你手中的这本《JavaScript王者归来》不仅是一本传播知识的书,更是一本求道的书。本书分为五个部分循序渐进地与读者讨论了JavaSc
- 【MySql常用命令】1:使用SHOW语句找出在服务器上当前存在什么数据库:mysql> SHOW DATABASES;2:创建一个数
- 最近重新温习了一次《javascript设计模式》,确实是一本好书,每次看都有不同的领悟,每次领悟到的都受益匪浅,无怪古圣人都说学无止镜了,
- dim dr dr="2123123" dr1=Cint(dr) dr2=Clng(dr) 可参考如下函数说明: CIn
- 因为比较简单,我就不说什么了。一看就明白的!1.sql防注入函数Function ChkStr(InString) &
- MyISAM 是MySQL中默认的存储引擎,一般来说不是有太多人关心这个东西。决定使用什么样的存储引擎是一个很tricky的事情,但是还是值
- <!-- #include file="../conn.asp" --&