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

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

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

一,配图要上下文相关

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

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

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

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

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

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

二、有明确的视觉焦点

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

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

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

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

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

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

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

三、呈现真实的人物形象

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

然而,许多网站仅 仅只是使用纯装饰性的照片,它们很少能 够提升设计的价值,甚至会影响 到用户体验。这些照片甚 至会成为视觉噪音,所导致的结果就是,用户常常会 忽视它们甚至会因为这种体验而感到沮丧。使用带有真 实人物形象的图片的时候,应该尽量使 用品质足够高的,并且挑选和网站、APP能够匹配的照片。

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

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

小贴士:

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

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

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


四、避免使用低素质图片

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

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

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

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


结语

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


猜你喜欢
< >
北京博乐虎 科技有限公司 版权所有 京ICP备07020913号 京公海网备1101085123号 
网站报价 网站建设公司 网站制作 网站制作公司 北京网站建设 手机网站 网络公司 微网站 flash网站
友情链接:    久久发彩票登入   18彩票网址多少   pk彩票网   新宝彩票   拉菲一彩票网站