常言道:“一图胜千言”“人类是高度视觉的生物，他们几乎可以瞬间处理视觉信息；我们感知到的所有信息中，90%都是视觉上的。”图像可以成为吸引用户注意力和区分产品的有力手段。

一个单一的图像相比一个复杂的文本，可以向观察者传递更多的信息。此外，图像可以以一种简单的方式跨越语言障碍。

图像不仅仅是装饰，它们有能力创造或破坏用户体验。在本文中，我们将介绍一些有用的原则和最佳实践，它们将帮助您成功地将图像集成到您的设计中。

一、只使用相关的图片

每一张图片都有一个故事要讲。就像写作一样，如果你在开始之前知道你已经想好说什么，那就更好了。

引人注目的图像有独特的能力来吸引你的访问者，但不是所有的图像都能提高你的用户体验。有些只是占用空间，或者，可能会混淆用户。任何设计中最危险的元素之一就是传达错误信息的图像。

用户对视觉效果的反应比文本快，所以要确保你的内容与支持的视觉效果相匹配。你应该选择与你的产品目标有牢固关系的图像，并确保它们与上下文相关。

二、图像不应该制造视觉疲劳

“多多益善”的原则并不适用于图像。不要花太多精力创作纯粹的装饰性图像，因为人们通常会忽略这些图像。相反，选择展示你产品用途的图片。在你的设计中使用有限数量的引人注目的视觉效果——真正吸引用户注意力的东西。

三、不失真地使用高质量的图像

确保您的图像适合在所有平台上显示。图像不应该出现像素化，所以一定要测试特定比率和设备的适当分辨率。显示照片和图形在其原始的方面比，并且不要缩放它们大于100%。因为你也不希望你的图像中的产品或图形看起来歪歪斜斜，太小或太大。

四、以图像为中心的设计并不适合每一个网站

用赏心悦目的图像吸引人们的注意力当然是有价值的，但它的代价是让其他元素更难看到和使用。

在你的设计中过多地关注图像可能会造成视觉上的重点偏移，这会严重干扰用户与你的内容产生有意义的接触。

尽管在某些情况下，以图像为中心的设计是合适的(例如，苹果的主页)，绝大多数应用程序和网站应该遵循一个平衡的方法——用户界面中使用的图像应该支持产品，但不会掩盖其他重要内容或按钮功能。

五、使用多个媒介

插图和摄影都可以在同一产品中使用。摄影是展示特定的实体和故事的理想媒介。举个例子，如果我们需要展示的不仅仅是一朵花，而是一朵玫瑰。插图对于表示概念和隐喻是有效的，在这种情况下摄影可能不太合乎情境。

意象是传达信息的视觉传达工具。清晰的焦点可以一眼就能传达出概念，而缺乏焦点则会使图像失去意义。当焦点被模糊时，图像的标志性质量就消失了。

因此，应该极力避免让用户在图像中寻找意义，并确保清晰的概念以一种令人难忘的方式传达给用户。尽量减少用户注意力分散，将他们的视线吸引到你网站有意义的元素上。

六、显示真实的人像图片

真实的人像图片是让用户参与进来的一种非常有效的方式。当我们看到其他人的面孔时，我们会觉得我们实际上是在和他们联系，而不仅仅是在使用产品之后。然而，许多公司网站因过度使用虚假的照片而臭名昭著，你使用的图像应该是你的产品、公司或文化的真实表现。

可用性测试表明，纯粹装饰性的照片很少会给设计带来价值，而且通常会损害用户体验。用户通常会忽略这些图像，甚至可能会对它们感到沮丧。

一个非常简单的经验法则是使用与你的应用程序或网站角色匹配的高质量人像照片。小贴士：

1）尽量避免拥挤的镜头；

2）使用有一个主要主题的照片；

3）努力寻找代表真实故事的图片；

4）拍下你公司的人做有趣的事情的照片。

5）如果你有一个产品，考虑他们可以与那个产品互动的方式。

七、混合图像设计

当你在你的设计中使用图像时，问问你自己，你所拍摄的图片是否符合你的应用程序或网站的美感。当你专注于将图像应用于网站或应用程序时，确保它是优雅的，干净的，使用了大量的留白和大的全屏图像来创建一个大胆的设计，吸引你的注意。

八、改进您的电子商务设计

1）产品图片销售产品

用户通常依赖产品形象来评估产品和它的特性。不管你的产品是什么，无论是耳机还是玩具，产品摄影是任何电子商务网站最重要的元素。最终，你的产品越吸引访问者，他们就越有信心购买你的产品，你的转化率也会越高。

2）产品图片漂亮

一个好的形象为你做了所有的努力：它抓住了用户的注意力，并将你的产品与其他产品进行了有效的区分。然而，好的产品摄影需要你耐心进行设计。

3）让产品推销自己

不要让用户滚动来查看产品的主要图像，主要的产品形象应该放在突出的位置，以推销你的优先产品。

为了让图像更有效，它需要很大——尽可能大。并且，当你把你的图像的尺寸缩小了，你就需要把放大的能力整合到产品的具体细节上。这对于像服装这样的产品尤其重要，因为用户更关心细节。放大的图像也需要保持高质量。

九、表达个性，触发用户情感

图像可以传达产品或服务的本质，它也能带来惊喜和愉悦。图片有娱乐的能力，也有提供信息的能力。如果你已经有了满意的用户体验，那么在你的产品中添加乐趣有助于与你的用户建立情感联系。情感强大的图像是确保用户持续关注你的网站的一个因素。

情感的大脑受到照片和插图的影响，尤其是人物和故事。说到插画，即使网站或应用不包含绘画风格，也可以在其他用途上大放异彩。例如，插图可以用于指令、教程和空状态。

十、最佳实践：如何为你的登陆页面创建坚实的用户体验

登陆页面本质上是你的商店窗口，在大多数情况下，你只有一次机会来打动用户。当涉及到登陆页面时，您希望访问者只在页面上有一个任务：转换。

巨大的登陆页面围绕着坚实的用户体验，而图像在构建这一体验中扮演着重要的角色。当用户来到你的页面时，他们会有某种反应。在很大程度上，它是积极的还是消极的，是由他们所看到的决定的。

遵循以下这些建议：

1）选择适合你的信息的图像

选择能简单解释产品或服务概念的图片很重要。这并不意味着图像需要传达所有的东西——仅仅看到图像可能并不清楚它传达的是什么，但当它与页面上的其他内容相连接时，它应该符合逻辑。它应该在视觉上强化你试图传递给访客的信息。

2）在正确的地方展示图片

如果图像支持高优先级目标，它应该具有更多的视觉重点；相反，与次要目标相关的图像应该没有那么重。最重要的图像应该固定在一个突出的位置，并且应该是焦点的一个主要点。

3）选择引人注目的视觉效果

专注于选择你能找到的最引人注目的图片。文本可能被阅读和遗忘，但强烈的图像将被记住。一个生动的、引人注目的形象将会留在访客的脑海里。

4）使用情感上强大的图像

你的图像应该具有情感上的说服力——情感上的影响，并强化你想要创造的感觉。毕竟，当涉及到决策时，情绪往往会压倒逻辑。

结语

考虑图像的可用性很重要。在你的设计中所有的视觉传达都会给用户留下了一个累积的印象。令人信服的图片有独特的能力来激励和吸引你的访客阅读有用的信息。花点时间在你的应用程序或网站上使用图像增加你的用户体验。

本文由 蜂速BEE 原创发布于UI中国，如需转载，请联系作者。未经授权，转载必究。