浅说相册图片详情页面中大图的浏览方式

作者:四娘 来源:Taobao.com UED Team 时间:2009-02-01 18:34:00 

对于相册来说,大图的浏览非常重要,因为对浏览者来说最重要的就是大图看得爽不爽,因为做项目的需要,我比较了许多相册的大图浏览方式,现在一一评说,本文只代表我个人的观点,欢迎大家拍砖呀!

Flickr

Flickr一直是专业摄影爱好者喜欢的相册,它在照片详情页面提供了许多的尺寸供浏览者选择,还体贴的提供了“大尺寸下载”的链接,让浏览者能把心仪的照片下载到自己的硬盘。

在Flickr的所有尺寸中,除了“大图下载”外,还有Flickr周到的正方形75×75像素图片,因为现在许多聊天工具、博客、论坛的个人信息上都需要用到这种小尺寸的正方形照片,Flickr帮助大家裁切出这样的正方形照片无疑为许多想在个人信息上上传正方形图片却不懂得制作的用户提供了方便,当然,真正有多少用户用到这个图片,这个还是需要有实践与数据来考证的,至于照片其它几个规格的尺寸个人感觉作用不大。

在看图片时,Flickr支持Cooliris插件,可以播放幻灯,有两种方式可以进入:(1)当用户把鼠标放在图片上几秒后,图片的左下角出现图标 ,点击图标弹出幻灯演示页面;(2) 相册右边有一个“播放幻灯”的图标,点击后会弹出幻灯播放;

Cooliris黑色背景下全屏的展示图片确实给了用户一种很好的视觉感受,当然这个插件也有一些其它的不足,但有总比没有好;不过,Flickr“播放幻灯”的图标设计得难于识别,不知道是“播放幻灯”的意思,没有多少人会把一个页面的图标都mouseover一次的。

另外,Flickr没有点击图片翻到下一页的功能,这对许多习惯了这种翻页方式的高级用户来说显得有些不方便。

Facebook

Facebook的大图浏览没有原图查看,也没有不同尺寸的图,用户上传的图被缩放到了一个固定的尺寸,用户可以点击查看下一张图片;facebook也象Flickr一样支持Cooliris插件,可以播放幻灯,这种播放方式必须是用户安装了这个插件的情况下才能播放,且因为该插件的服务器在国外,遇到网速不够快的用户用这个插件看图有点儿卡。

Google的相册picasa

Google的相册picasa保持了google设计的一惯的简洁风格,图片的尺寸是我看过的相册中最大的了,有912像素的宽和高,比其它网站相册产品的图片都要大,在显示器越来越大的今天,这样的大图看起来真的很爽,除此之外,picasa的图片右上角有一个放大的功能,点右上角的放大镜,图片会在一个固定的窗口内放到一个很大的尺寸,用户可以拖动大的图片,查看自己关心的部份, picasa的这个功能比简单的查看原图要方便些;因为简单的查看一张比较大的原图时,浏览器窗口会出现横竖两个方向的滚动条,用户用起来不方便。


另外,picasa也没有点击翻看下一张照片的功能,这个是许多用户习惯了的一种看照片的方式;

标签:相册,浏览,图片,尺寸
0
投稿

猜你喜欢

  • CSS技巧及常见问题列表

    2008-04-06 14:00:00
  • 用蜜罐来阻止垃圾评论

    2007-11-06 12:35:00
  • HTML5 离线存储之Web SQL

    2011-06-19 14:13:19
  • Asp无组件生成缩略图

    2007-10-26 12:08:00
  • 加固SQL参数与存储过程

    2012-03-12 19:44:08
  • CSS分栏布局的方法:绝对定位和浮动

    2009-04-30 13:10:00
  • 关于网站地图

    2011-01-06 12:14:00
  • IE6浮出层穿透解决方案中的iframe高度自适应

    2009-10-30 18:08:00
  • 立足于传统行业设计

    2008-07-26 12:36:00
  • asp截取字符串方法

    2009-02-09 13:30:00
  • 内容适应形式

    2010-03-18 16:09:00
  • 如何在ADSI中查询用户属性?

    2010-06-17 12:53:00
  • form 元素内的字段 name 不要跟 form 属性名称一致

    2008-10-22 13:25:00
  • 英文版面设计的8个禁忌

    2009-10-14 20:42:00
  • 如何在Access报表中每隔N行显示一条粗线

    2008-11-16 18:11:00
  • 实际应用:MySQL5存储过程编写

    2008-11-11 12:25:00
  • CSS像素图制作攻略

    2009-05-19 19:32:00
  • ASP批量生成静态页面的写法(批量生成技巧iframe)

    2011-02-24 11:01:00
  • CSS图片代码效果汇总

    2008-09-04 12:14:00
  • firefox扩展插件制作方法

    2007-10-12 13:50:00
  • asp之家 网络编程 m.aspxhome.com