图像列表(Image Lists)
图像列表在有组织的网格中显示图像集合。
图像列表表示重复模式中的项目集合。它们有助于提高对所持内容的视觉理解。
原则
1、视觉
图像列表允许用户根据图像扫描内容。
2、可比较
图像列表允许用户轻松比较其中的项目。
3、集合
图像列表与周围的内容和布局进行了响应性集成。
类型
1、标准图像列表(Standard image list)
标准图像列表最适合同等重要的项目。它们具有统一的容器尺寸、比例。
标准图像列表可以带或不带文本标签显示。
2、插缝图像列表(Quilted image list)
插缝图像列表强调集合中的某些项目。他们使用不同的容器大小和比率来创建图像层次结构。
插缝图像列表不应在图像容器下方显示文本,因为它会破坏布局。
3、编织图像列表(Woven image list)
编织图像列表使用交替的容器比率来创建有节奏布局。编织图像列表最适合浏览对等内容。
4、砌体图像列表(Masonry image list)
砌体图像列表使用动态大小的容器高度来反映每个图像的纵横比。此图像列表最适合用于浏览未裁剪的对等内容。(即常听到的瀑布流形式)