创造有活力的品牌网站 提升用户体验和品牌价值感
带来优质体验的配图技巧
2016-04-25
人气 4562

  在这个读图胜过读文字的时代,图片的视觉化属性更值得挖掘。其中图片起到了极其重要的作用,是视觉表达的关键组成部分。用户只需要几秒钟就能快速对网站进行评估,而优秀的设计师也清楚如何借助视觉呈现复杂的故事。

  然而在网页进行设计的过程中,视觉内容的选取并不是一件轻松的任务。今天所探讨的配图最佳实践将会告诉你如何选取配图,将它们成功地融入到设计当中。

一,配图要上下文相关

·如果你所选取的图片和你的网站/APP 的主旨、核心内容不匹配,用户更多会为之分心:

北京网站建设资讯 - 为北京网站建设带来优质体验的5个实用配图技巧 - (1)

和网站内容没有明确关联性的图片,只是纯粹的浪费空间

·在最坏的情况下,这种配图甚至会给用户以错误的印象,甚至让用户感到震惊:

北京网站建设资讯 - 为北京网站建设带来优质体验的5个实用配图技巧 - (2)

小贴士:使用与品牌关系密切的图片确保视觉的可预测性。

二、有明确的视觉焦点

在选取图片的时候,应当注意选取有明确视觉焦点的,尽量避免让用户去找焦点,这样才能给用户传达足够清晰的概念和信息。

北京网站建设资讯 - 为北京网站建设带来优质体验的5个实用配图技巧 - (3)

左:当视觉焦点被遮挡的时候,图像最具有标志性的部分就没了。右:清晰的视觉焦点让用户更轻松理解设计师要传达的概念。

尝试在你的设计当中使用数量有限的视觉焦点来吸引用户注意力,太多了就不存在焦点了。

北京网站建设资讯 - 为北京网站建设带来优质体验的5个实用配图技巧 - (4)

苹果公司的首页通常使用巨大的产品图来作为配图,尽量为用户提供最有用最有效的信息。

小贴士:尽量降低用户分心的机率,专注于最有意义最有效的元素。

三、呈现真实的人物形象

人物形象是提升用户参与感的一种元素。真实的人物形象更能够传递情绪和感情,和用户产生到情感联系,而不仅仅是推销产品。

然而,许多网站仅仅只是使用纯装饰性的照片,它们很少能够提升设计的价值,甚至会影响到用户体验。这些照片甚至会成为视觉噪音,所导致的结果就是,用户常?;岷鍪铀巧踔粱嵋蛭庵痔逖槎械骄谏?。使用带有真实人物形象的图片的时候,应该尽量使用品质足够高的,并且挑选和网站、APP能够匹配的照片。

北京网站建设资讯 - 为北京网站建设带来优质体验的5个实用配图技巧 - (5)

左:纯粹的装饰性的照片;右:经过定制的图片能够展示出客服团队的形象

小贴士:

·尽量避免使用群像,照片应该尽量传递出单一、直接的主题。

·尽量使用代表真实故事的图片。拍摄让你觉得有趣的人的故事和照片。如果涉及到具体产品,可以考虑使用图片呈现用户和你的产品交互的细节。

·如果想使用比图片更加个性化的展现方式,请使用插画。插画更能激发用户的想象力,更能激发用户产品之间的情感。


四、避免使用低素质图片

高分辨率的图片大势所趋,不论是手机还是电脑,屏幕分辨率正在不断提升,如果图片本身的素质过低,在如今的屏幕上还能看到像素,那个体验就太过于尴尬了。

北京网站建设资讯 - 为北京网站建设带来优质体验的5个实用配图技巧 - (7)

左:低像素的图片;右:正常分辨率的图片

小贴士:针对特定的设备和特定的分辨率来定制图片的分辨率,确保图片的尺寸能够兼容不同的屏幕,跨平台。


结语

这些案例和最佳实践很好的证明了从可用性的角度来思考图片的使用,图片的完美配图设计是非常重要,非常需要技巧的。


猜你喜欢
< >
北京博乐虎科技有限公司 版权所有 京ICP备07020913号 京公海网备1101085123号 
网站报价 快乐扑克三 网站制作 快乐扑克三 快乐扑克三 手机网站 快乐扑克三 微网站 flash网站
  • 湖南第六批短期援藏队联合中南大学湘雅医院在山南市开展“爱眼护眼”活动 2019-06-16
  • 哦。对了,那些成天嚷嚷“亲不亲,阶级亲”的人应该把这些货真价实的“无铲阶级”接回家去。[哈哈] 2019-06-12
  • 80亩山林被“剃光头” 森林公安半年未结案 2019-06-12
  • 中国,向大洋更深处挺进(评论员观察) 2019-06-11
  • 第44届G7峰会在加拿大魁北克不欢而散,付出九牛二虎之力终于达成一份共同性少得可怜的联合声明,本以为最起码保住西方自由世界的一些脸面。不料,文件墨迹未干,特朗普 2019-06-11
  • 端午小长假 宜春接游270.6万人次 旅游综合收入12.73亿元 2019-06-09
  • 新零售聚能创变 e栈多无人售货机获耀盛中国亿元融资 2019-06-09
  • 女性之声——全国妇联 2019-05-28
  • 贸易战打败的是经济理论家,不是中美两国经济。 2019-05-10
  • 韩国提高最低工资再起争议 负面影响引发争论 2019-05-10
  • 10年后 逍客仍是15万级合资SUV的定义者 2019-05-07
  • 私扫码付不加控制党政和人行国有银行国有企业自动退出历史舞台 2019-05-07
  • 武警驻滇某部坚持以考促训 现场评判现场亮分 2019-04-15
  • 为中国内部事务裂变提供了契机 2019-04-14
  • 安徽加大就业脱贫力度 确保贫困户至少一人就业 2019-04-09
  • 707| 331| 834| 505| 231| 600| 163| 43| 34| 353|