Cover Flow图片浏览
Cover Flow（苹果首创的将多首歌曲的封面以3D界面的形式显示出来）的图片浏览方式，之前做过类似的需求：既能方便用户快速浏览图片，又能在有限的空间内更多、更好的展示图片信息。先通过两个Cover Flow案例来对比一下：
案例一：
优点：
u 利用3D效果在宽度有限的情况下，尽量在可视区展示较多的图片
u 有一个最佳效果展示区（中间），能够让用户看到图片的完整信息
缺点：
u 快速浏览图片时由于不能翻页，所以操作不够方便
u 不适用图片数量过多的场景使用
案例二：
优点：
u 通过交错式排布，能够弥补显示数量上的不足
u 可快速翻页进行浏览，适合图片数量较多时候的场景使用
缺点：
u 队列中的图片初始态均为小图（不是最佳效果），故初始态的展示效果没有方案一好
总结
通过案例一、案例二，我们能够看出两种不同的Cover Flow 图片浏览方式的一些交互特点,以及各自的适用准则，大概总结如下：
以每个图片的个体信息为浏览的主信息流
展示空间较少、图片总数量较少、需要凸显图片的最佳效果、图片大小能够有多种尺寸时适用
以每页的图片队列信息为浏览的主信息流
展示空间较少、图片总数量较多、需要满足用户快速浏览的需求、图片大小只有少量固定尺寸时适用、图片的最佳效果需要辅助触发（Mouser over）
案例一：
优点：
u 利用3D效果在宽度有限的情况下，尽量在可视区展示较多的图片
u 有一个最佳效果展示区（中间），能够让用户看到图片的完整信息
缺点：
u 快速浏览图片时由于不能翻页，所以操作不够方便
u 不适用图片数量过多的场景使用
案例二：
优点：
u 通过交错式排布，能够弥补显示数量上的不足
u 可快速翻页进行浏览，适合图片数量较多时候的场景使用
缺点：
u 队列中的图片初始态均为小图（不是最佳效果），故初始态的展示效果没有方案一好
总结
通过案例一、案例二，我们能够看出两种不同的Cover Flow 图片浏览方式的一些交互特点,以及各自的适用准则，大概总结如下：
以每个图片的个体信息为浏览的主信息流
展示空间较少、图片总数量较少、需要凸显图片的最佳效果、图片大小能够有多种尺寸时适用
以每页的图片队列信息为浏览的主信息流
展示空间较少、图片总数量较多、需要满足用户快速浏览的需求、图片大小只有少量固定尺寸时适用、图片的最佳效果需要辅助触发（Mouser over）
这篇文章由 流沙 发表于2010-3-8 14:52:37
原文地址 http://www.uesand.com/article/38.htm
有必要的话，你可以 收藏/分享 一下
更多流沙的文章»
