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