較新的插圖領域也不例外。事實上，我所做的一切都是為了響應內容。與兒童讀物或社論插圖不同，我希望通過文字和插圖的結合來喚起新的含義并激發清晰的見解。

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 設計之間的區別。