课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 达内:移动端缩略图设计如何做
  • 达内:移动端缩略图设计如何做

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


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

        一、是否要用图片

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

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

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

        二、图片的位置在哪

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

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

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

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

        结语:

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








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

    推荐文章

上一篇:优秀网页设计对营销推广的影响

下一篇:2016年移动设计趋势——微交互

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56