较新的插图领域也不例外。事实上，我所做的一切都是为了响应内容。与儿童读物或社论插图不同，我希望通过文字和插图的结合来唤起新的含义并激发清晰的见解。

UX 设计中，插图有助于引导用户浏览网站或应用程序，增加他们的整体体验并阐明产品的信息。但 UX 插图的独特之处在于，我的观众——例如，正在创建他们的在线艺术商店或向世界发布他们的设计作品集的人——并不想沉迷于细致入微的阅读体验。然而，他们正在寻找一个友好而可靠的指南来引导他们完成手头的任务——而这正是 UX 插图的意义所在。

内容优先插图

好的 UX 插图首先是一种交流形式，旨在引导用户完成他们希望在线执行的操作。附有正确的副本，插图可以缓解痛点，解释这一步或另一步的重要性，并培养成就感，就像出色地完成工作而获得一颗小金星。

每个 UX 插图都传达了一条独特的信息。但无论消息是什么，都必须始终清晰有效地表达出来，以便所有用户都能立即理解。当您考虑到您的用户将来自不同的背景和年龄，并且将从不同的设备和任务的不同阶段进行浏览时，连贯性就显得尤为重要。

以可视化方式传达想法

UX 插图可以通过以下方法之一传达消息：

• 01.详细说明文本信息：插图可以成为传递信息的快速而强大的工具，通过更详细或给出具体示例来补充文本中提供的信息。
  
  

• 02. 简化复杂的想法：一些复杂的概念需要冗长的解释，但你不能总是冒着访问者在线注意力减少的风险。由于视觉信息的处理速度比书面文本快得多，因此插图可以使用隐喻、联想和视觉锚点将复杂的概念总结成快速而精确的讲故事片段。

  在介绍搜索引擎优化（又名 SEO）过程的一个现场插图中，我收到的简报要求我解释两个看似矛盾的想法。我需要传达加速您网站性能的感觉，同时也承认使您的网站在 Google 搜索结果中排名是一个过程，而不是可以立即实现的事情。

  为了解决这个问题，我探索了太空火箭迅速翱翔到外太空的比喻。我决定描绘它发射的那一刻，而不是旅程的终点，以增加速度和运动感，同时也强调前方的漫长道路。最后，我能够以一种既微妙又居中位置的方式整合 Google logo。

  
  

• 03. 为文本提供额外的意义层：UX 插图是传达信息或复杂想法的绝佳工具，但它也可以唤起情感。这在向用户呈现负面结果的情况下（例如 404 页面）尤其重要，在这种情况下，同理心或幽默感可以照亮原本阴暗的情况。

  这就是我和团队在这个 “空状态” 屏幕上所做的。在这种情况下，内容作者所追求的信息是正式的——“没有搜索结果要显示”——但我们通过将平凡的搜索放大镜与超凡脱俗的行星配对，增加了一种友好的风格。

形成视觉语言

插图和动画是 UX 设计的主要趋势，这是有充分理由的。它们为数字环境带来了更多的人情味和个人风格，并创造了引人入胜且有吸引力的用户体验。

但在 UX 插图的情况下，更具视觉吸引力的界面的附加价值仅次于传达信息的主要目标。UX 插图以内容为中心优先级，利用构图、颜色和形状等工具来放大上下文信息，而不仅仅是作为装饰。

这意味着，最重要的是，我需要像一个团队合作者一样思考：UX 插图并不是要从界面中脱颖而出。相反，它旨在让人感觉像是它不可或缺的一部分。在不过多地关注用户任务的情况下，它应该作为整个界面中众多有用的工具之一，这些工具共同有助于实现用户的目标。

以下是指导我的 UX 插图形成视觉语言的一些指南：

• – 设计简单：UX 插图应尽可能少地介绍细节。通过仅提供最低限度的信息传达，图像可以立即被识别，并且以更快的方式讲述故事。此外，形状和调色板简单的插图通常更容易为更广泛的受众产生共鸣，因为它们留下了很大的解释空间。

• – 有限的调色板：就个人而言，我喜欢颜色。但为了支持网站、它的故事和界面，UX 插图应该通过使用有限的调色板来保持切中要害。我的经验法则是：插图中不超过五种颜色，单色不超过五种色调。我建议在你的调色板中确保良好的颜色对比度，以便充分利用有限的范围。

• – 连贯的视觉语言：同一网站或应用程序中的所有 UX 插图都应该感觉一致和一致。

想要更深入地了解 UX 的世界？首先回顾一下 UI 和 UX 设计之间的区别。