移动端缩略图设计方法，移动端缩略图设计怎样不糊掉

2021-12-01 21:42:38

阅读 10252次标签：开发作者：蓝blue

　　移动端的缩略图设计估计是很多设计师头疼的事情。原因无他，因为移动端的缩略图设计很容易糊掉，因为是缩略图，所以像素不可能太高，所以这样容易导致图片模糊。还有另一个问题就是手机屏幕较小，这个缩略图放置的问题也是一个老大难的问题。

缩略图设计

　　图片是否有用?

　　你可别因为列表项有图可配，就觉得理所应当要展示出图片。

　　首先想一想图片是否对指引用户选择列表中的条目有帮助。更好的检验方法是问问自己如果只通过图片你是否能够找到自己想要的东西。如果答案是否的话(也许是因为图片过小以至于看不清细节或是因为这些只是再普通不过的通用图片)，那么请果断放弃吧。

　　相反，如果仅凭借文字，用户很难做出合适的选择(至少在不来回跳转页面的情况下)，那么设计中就应该考虑使用缩略图。这种情况多发生在商品或是服务购买中，用户往往都被喜好情绪主导，比方说两条裙子，它们之间的差别估计也只能靠图片来说明了——哪怕是再不起眼的图片。当然，如果列表的内容本身就是可视化的(比如视频或是照片)，那么缩略图用于帮助用户浏览页面和导航是再合适不过了，确保使用足够大的缩略图，或是保证相关必要文字展示的基础上使用宫格排版。

　　那位置呢：左还是右?

　　一旦决定要在列表中使用图片缩略图，那么问题来了，放在哪呢?缩略图应该放在说明文字的左边还是右边，应当取决于图片与文字信息的权重比较。究竟图片是用户浏览列表的最重要信息?还是只是辅助的信息?

　　如果图片使用户浏览列表的首要因素，那么将它放在左边(适用于从左至右阅读习惯的语言，如果是从右至左阅读习惯的语言，就反过来)，这样能帮助用户在浏览列表是快速的过滤查找。反之亦然，如果图片相对于文字次要一些，那么就将图片放在文字的右边。

　　图片相对于文字的优先程度同样也应当用于决定缩略图设计的尺寸。图片越不重要，尺寸就应当越小。然而，需要注意的是，如果缩略图过小的话，识别性就会大大降低，甚至失去在列表中存在的作用(在减小图片尺寸的处理中，可以同时使用剪切和缩放，这样可以缓解由于过度缩放造成的识别性问题)。从另一方面来说，过大的缩略图一定程度上也会不合时宜的吸引用户过多的注意力，或是引入相关说明文字的设计问题(例如，为了显示出完整的说明文字，字体大小有可能会受到影响变得难以辨认，或者保证阅读效果的前提下，说明文字可能无法全部显示出来——这些都是对体验的伤害)。还有，大图片需要更多的加载时间——这也是不容忽视的问题。

　　另一个能帮你决定将缩略图放在哪儿的因素是，对于列表中的所有项目，是否都有合适的图片。如果没有的话，可以把缩略图放在右边，用于辅助文字信息。这样能确保文字都是左对齐的，而用户的视线流就可以沿着左侧往下，帮助用户更快的找到感兴趣的内容。

　　以上就是移动端缩略图设计方法，移动端缩略图设计怎样不糊掉的介绍。如果你想找缩略图设计服务，或者想要了解更多缩略图设计资讯，就上一品威客网。一品威客网汇集全国千万优秀专业人才，提供最全面、最专业的缩略图设计服务。