Cover Flow图片浏览

Cover Flow（苹果首创的将多首歌曲的封面以3D界面的形式显示出来）的图片浏览方式，之前做过类似的需求：既能方便用户快速浏览图片，又能在有限的空间内更多、更好的展示图片信息。先通过两个Cover Flow案例来对比一下：

案例一：



优点：

u  利用3D效果在宽度有限的情况下，尽量在可视区展示较多的图片

u  有一个最佳效果展示区（中间），能够让用户看到图片的完整信息

缺点：

u  快速浏览图片时由于不能翻页，所以操作不够方便

u  不适用图片数量过多的场景使用

案例二：



优点：

u  通过交错式排布，能够弥补显示数量上的不足

u  可快速翻页进行浏览，适合图片数量较多时候的场景使用

缺点：

u  队列中的图片初始态均为小图（不是最佳效果），故初始态的展示效果没有方案一好


总结

通过案例一、案例二，我们能够看出两种不同的Cover Flow 图片浏览方式的一些交互特点,以及各自的适用准则，大概总结如下：




以每个图片的个体信息为浏览的主信息流

展示空间较少、图片总数量较少、需要凸显图片的最佳效果、图片大小能够有多种尺寸时适用




以每页的图片队列信息为浏览的主信息流

展示空间较少、图片总数量较多、需要满足用户快速浏览的需求、图片大小只有少量固定尺寸时适用、图片的最佳效果需要辅助触发（Mouser over）

[本日志由 quicksand 于 2010-03-08 02:58 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 图片浏览图片浏览 CoverCover FlowFlow