較新的插圖領(lǐng)域也不例外。事實上，我所做的一切都是為了響應(yīng)內(nèi)容。與兒童讀物或社論插圖不同，我希望通過文字和插圖的結(jié)合來喚起新的含義并激發(fā)清晰的見解。
UX 設(shè)計中，插圖有助于引導(dǎo)用戶瀏覽網(wǎng)站或應(yīng)用程序，增加他們的整體體驗并闡明產(chǎn)品的信息。但 UX 插圖的獨特之處在于，我的觀眾——例如，正在創(chuàng)建他們的在線藝術(shù)商店或向世界發(fā)布他們的設(shè)計作品集的人——并不想沉迷于細(xì)致入微的閱讀體驗。然而，他們正在尋找一個友好而可靠的指南來引導(dǎo)他們完成手頭的任務(wù)——而這正是 UX 插圖的意義所在。
內(nèi)容優(yōu)先插圖
好的 UX 插圖首先是一種交流形式，旨在引導(dǎo)用戶完成他們希望在線執(zhí)行的操作。附有正確的副本，插圖可以緩解痛點，解釋這一步或另一步的重要性，并培養(yǎng)成就感，就像出色地完成工作而獲得一顆小金星。
每個 UX 插圖都傳達(dá)了一條獨特的信息。但無論消息是什么，都必須始終清晰有效地表達(dá)出來，以便所有用戶都能立即理解。當(dāng)您考慮到您的用戶將來自不同的背景和年齡，并且將從不同的設(shè)備和任務(wù)的不同階段進(jìn)行瀏覽時，連貫性就顯得尤為重要。
以可視化方式傳達(dá)想法
UX 插圖可以通過以下方法之一傳達(dá)消息：
01.詳細(xì)說明文本信息：插圖可以成為傳遞信息的快速而強大的工具，通過更詳細(xì)或給出具體示例來補充文本中提供的信息。
02. 簡化復(fù)雜的想法：一些復(fù)雜的概念需要冗長的解釋，但你不能總是冒著訪問者在線注意力減少的風(fēng)險。由于視覺信息的處理速度比書面文本快得多，因此插圖可以使用隱喻、聯(lián)想和視覺錨點將復(fù)雜的概念總結(jié)成快速而精確的講故事片段。
在介紹搜索引擎優(yōu)化（又名 SEO）過程的一個現(xiàn)場插圖中，我收到的簡報要求我解釋兩個看似矛盾的想法。我需要傳達(dá)加速您網(wǎng)站性能的感覺，同時也承認(rèn)使您的網(wǎng)站在 Google 搜索結(jié)果中排名是一個過程，而不是可以立即實現(xiàn)的事情。
為了解決這個問題，我探索了太空火箭迅速翱翔到外太空的比喻。我決定描繪它發(fā)射的那一刻，而不是旅程的終點，以增加速度和運動感，同時也強調(diào)前方的漫長道路。最后，我能夠以一種既微妙又居中位置的方式整合 Google logo。
03. 為文本提供額外的意義層：UX 插圖是傳達(dá)信息或復(fù)雜想法的絕佳工具，但它也可以喚起情感。這在向用戶呈現(xiàn)負(fù)面結(jié)果的情況下（例如 404 頁面）尤其重要，在這種情況下，同理心或幽默感可以照亮原本陰暗的情況。
這就是我和團(tuán)隊在這個 “空狀態(tài)” 屏幕上所做的。在這種情況下，內(nèi)容作者所追求的信息是正式的——“沒有搜索結(jié)果要顯示”——但我們通過將平凡的搜索放大鏡與超凡脫俗的行星配對，增加了一種友好的風(fēng)格。
形成視覺語言
插圖和動畫是 UX 設(shè)計的主要趨勢，這是有充分理由的。它們?yōu)閿?shù)字環(huán)境帶來了更多的人情味和個人風(fēng)格，并創(chuàng)造了引人入勝且有吸引力的用戶體驗。
但在 UX 插圖的情況下，更具視覺吸引力的界面的附加價值僅次于傳達(dá)信息的主要目標(biāo)。UX 插圖以內(nèi)容為中心優(yōu)先級，利用構(gòu)圖、顏色和形狀等工具來放大上下文信息，而不僅僅是作為裝飾。
這意味著，最重要的是，我需要像一個團(tuán)隊合作者一樣思考：UX 插圖并不是要從界面中脫穎而出。相反，它旨在讓人感覺像是它不可或缺的一部分。在不過多地關(guān)注用戶任務(wù)的情況下，它應(yīng)該作為整個界面中眾多有用的工具之一，這些工具共同有助于實現(xiàn)用戶的目標(biāo)。
以下是指導(dǎo)我的 UX 插圖形成視覺語言的一些指南：
– 設(shè)計簡單：UX 插圖應(yīng)盡可能少地介紹細(xì)節(jié)。通過僅提供最低限度的信息傳達(dá)，圖像可以立即被識別，并且以更快的方式講述故事。此外，形狀和調(diào)色板簡單的插圖通常更容易為更廣泛的受眾產(chǎn)生共鳴，因為它們留下了很大的解釋空間。
– 有限的調(diào)色板：就個人而言，我喜歡顏色。但為了支持網(wǎng)站、它的故事和界面，UX 插圖應(yīng)該通過使用有限的調(diào)色板來保持切中要害。我的經(jīng)驗法則是：插圖中不超過五種顏色，單色不超過五種色調(diào)。我建議在你的調(diào)色板中確保良好的顏色對比度，以便充分利用有限的范圍。
– 連貫的視覺語言：同一網(wǎng)站或應(yīng)用程序中的所有 UX 插圖都應(yīng)該感覺一致和一致。
想要更深入地了解 UX 的世界？首先回顧一下 UI 和 UX 設(shè)計之間的區(qū)別。