(翻译)缩略图(Thumbnail)

问题概述

  用户不想下载每张图片的原图,只想概览这些图形。

示例

这里写图片描述

用途

  • 用于有一组图片想展示给用户;
  • 用于想展示给用户一组图片,如果要下载这些图片的原图,即占用带宽,又耗费用户大把时间;
  • 用于让用户能够快速浏览一组图片;
  • 用于在下载图片、电影或页面的原始文件前,先让用户有个初步印象。

解决方案

  缩略图是大图片的缩小版。缩略图可以展示任意图形:图片、电影或者是网页的截图。
  相邻的多个缩略图的尺寸(高度和宽度)都是相同的。为了保持缩略图与原图之间的尺寸比例相同,生成缩略图的过程包含缩放与裁剪操作。
  常用的缩略图尺寸如下:

尺寸(宽×高) 描述
48×48 微小尺寸
64×64 小尺寸
80×80 中等尺寸
96×96 中等尺寸
128×128 大尺寸
144×144 极大尺寸
160×160 超大尺寸

说明

  在单个网页中使用缩略图模式,让用户对多张图片或多部电影进行概览。再有,缩略图可以节省带宽,用户可以预览缩略图来找想要的那一张图片,不用点击所有的图片。

原文地址:http://ui-patterns.com/patterns/Thumbnail

猜你喜欢

转载自blog.csdn.net/gc_2299/article/details/79945479
今日推荐