南昌UI培训
达内南昌中心

0571-56020837

热门课程

达内:移动端缩略图设计如何做

  • 时间:2016-01-06
  • 发布:南昌UI培训
  • 来源:伯乐在线


    移动端的列表设计中,是否要加略缩图呢?如果加的话,放在文字的左边还是右边呢?南昌达内ui设计培训专家就来讲一下移动端缩略图应当如何设计。

    一、是否要用图片

    不能因为列表项有图可配,就觉得肯定要展示出图片。

    首先想一想图片是否对指引用户选择列表中的条目有帮助。最好是问自己只通过图片是否能够找到自己想要的东西,如果答案是否定的,那么就不要加图片了。

    相反,若是只凭借文字,用户很难做出合适的选择,那么设计中就应该考虑使用缩略图。这种情况多发生在商品或是服务购买中,用户往往都被喜好情绪主导,比方说不同裙子的差别只能以图片来说明。当然,如果列表的内容本身就是可视化的,那么缩略图用于帮助用户浏览页面和导航是再合适不过了,确保使用足够大的缩略图,或是保证相关必要文字展示的基础上使用宫格排版。

    二、图片的位置在哪

    缩略图放在说明文字的左边还是右边呢?这要取决于图片与文字信息的权重比较。究竟图片是用户浏览列表的最重要信息,还是只是辅助的信息?

    如果图片使用户浏览列表的首要因素,那么将它放在左边,这样能帮助用户在浏览列表是快速的过滤查找。反之,如果图片相对于文字次要一些,那么就将图片放在文字的右边。

    图片相对于文字的优先程度同样也应当用于决定缩略图设计的尺寸。图片越不重要,尺寸就应当越小。然而,需要注意的是,如果缩略图过小的话,识别性就会大大降低,失去了原有的作用。从另一方面来说,过大的缩略图有可能会吸引用户过多的注意力,或是引入相关说明文字的设计问题。还有,大图片需要更多的加载时间——这也是不容忽视的问题。

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

    结语:

    通过以上两点,南昌达内ui设计培训专家认为,如果要决定相关图片的重要程度,可以用问卷的形式做调查,确定图片的优先级,制定略缩图设计方案。








原文链接:http://design.jobbole.com/115123/

上一篇:优秀网页设计对营销推广的影响
下一篇:2016年移动设计趋势——微交互

达内Linux学员毕业2周就业率96%,最高薪资10000元

达内教育总裁韩少云受邀出席GIE国际教育峰会做主题演讲

达内教育集团总裁韩少云:回归本质, 打铁还需自身硬

达内教育、北京开放大学联合推出“保就业的学历教育”

选择城市和中心
贵州省

广西省

海南省

台湾