在過去幾年當中，插畫開始以一種堅挺的姿勢，站在設計趨勢的最前列。不止是原本身處各個領域的畫手和插畫師開始越來越受追捧，而且連網頁、UI和動效設計師都紛紛學習插畫設計。當然，更顯著的變化，是插畫在網頁和UI中的使用越來越多，越來越頻繁，甚至越來越多樣。
多年來，插畫被廣泛地運用在雜誌、圖書、報紙、海報、傳單等不同的傳統載體之上，新的工具和技術使得它更加輕鬆地植根於數字化媒體當中。
作為設計中，最具有表現力的元素，一張插畫所傳遞的信息比文字更多更豐富。在UI和網頁中，使用插畫來輔助傳達信息，無疑更加直接到位。而插畫的可定製性之強，猶在圖片之上。
插畫在UI界面中的運用，可以說相當廣泛了，它更清晰，更時尚，也可以更加精準，甚至更有表現力，為什麼不用呢？就適用範疇而言，我們可以觀察到，它可以運用到這些地方：
- 頁面主題圖
- 網頁首圖和Banner
- 吉祥物和形象插畫
- 博客文章配圖
- 新用戶引導教程
- 工具提示
- 獎勵頁面和成就頁面
- 遊戲化設計的頁面
- 通知和系統消息
- 聊天表情
- 講故事的輔助配圖
- 信息圖
- 營銷和廣告圖
- 圖標和裝飾性內容
- 社交媒體頁面
- 支持性內容的頁面
插畫的適用範圍之廣，這些總結出來的使用場景，並不是全部。插畫本身的屬性很有意思，它連接了設計，作為內容呈現，還帶著明顯的藝術化的屬性。今天的文章，我們總結一下在設計中使用插畫的10個理由和注意事項。
1. 插畫是設計的原創性和藝術性的基礎
無論是印刷品、品牌設計還是UI界面，更加風格化的插畫能夠將不同的風格和創意加入其中，在激烈的競爭中更容易因此脫穎而出。留下用戶才有轉化。
同樣的，在博客、新聞和Banner 中使用插畫，也是看準了插畫可以根據內容進行深度定製的優勢，這種微調能讓內容更加統一一致，更加符合產品目標，藉助色彩、角色、環境甚至暗藏的隱喻，來吸引特定的用戶。
2. 插畫是視覺觸發器，瞬間傳達大量信息
我們常說「一圖勝千言」不是沒有道理的。人的視覺感知能力很強，看到圖片的一瞬間，也許還沒有來得及進行邏輯思考，但是大腦已經接收到大量的信息和內容。
- 心理學研究表明，人類只需要大概1/10秒就可以感知到場景中絕大多數的元素和基本視覺信息。
- 視覺信息可以更快傳遞到大腦，而重要的信息，人類也通常會被固化為視覺圖像，而非文本化的記憶。
- 文本需要依託可讀性設計，而圖片和插畫則會被直接識別。
- 圖片和插畫更容易打破文化和語言隔閡，傳遞內容含義。
- 對於視障用戶、閱讀障礙用戶和兒童，圖片插畫更容易被理解。
3. 插畫是標題和文本的重要支撐
雖然圖片一瞬間傳遞的信息很多，但是圖片在很多時候是無法提供精準而詳細的內容。用戶依然需要文本來呈現清晰而可以被閱讀和記錄的內容，所以文本依然是不可或缺的。在另外一方面，文本和標題已經具備的情況下，經過定製的插畫能夠輔助用戶理解，更清晰的記憶。
在很多特定的領域，舉個例子比如說金融，插畫能夠藉助色彩、圖形和形象來講述故事，讓用戶更清晰的理解複雜的金融功能，甚至強化信任感，而這是文本所不具備的。插畫能帶來強烈的情感連接。
4. 插畫更適宜呈現故事
故事是最令人難忘的內容，劇情的走向和起承轉合會給人留下深刻的印象。而插畫則以清晰的形象將文字和意象勾連起來，無論是在網頁、UI設計還是內容和體驗上，都有著足夠突出的體現。
營造氛圍，渲染情緒，描摹環境，呈現角色，插畫讓故事更加鮮活、易於理解。在內容製造上，有著難以替代的作用。
5. 插畫獨有的情感吸引力
人是情感動物，看似理性的皮囊之下，幾乎每個決定都是在情感和情緒的驅動下完成的。如果某個設計除了能夠幫你達成某個目標，還能讓你感到愉悅，會心一笑，那麼通常下一步就是將它收藏起來並且分享給朋友。而在諸多設計因素當中，插畫在撬動用戶情緒這一點上，有著無與倫比的效用——從線條、色彩到面部表情和曲線和動效，都在竭盡全力地為你闡述故事，營造氛圍，將你拉到故事和場景當中去。
6. 插畫賦予設計以美學價值，更容易被接受
即使所有人都在分析和爭論產品的可用性和易用性，大家在對美的追求上，始終保持著一致的態度。一個設計是否具備可取性，是否能夠通過甲方、客戶和實際用戶，是每個設計人都需要面對，都力求做到最好的事情。精心設計的插畫在美學和風格上更加紮實，風格化的設計不弱於現成設計素材所提供的價值。
7. 插畫能讓品牌識別度更高
和文本相比，插畫的視覺化屬性無疑是更強的。圖片插畫所提供的定製化內容能夠從各個方面來貼合品牌的需求，更加到位地表達品牌所需呈現的信息。這也使得插畫不僅僅在品牌宣傳的時候，運用在廣告、海報等顯而易見的地方，而且也成了品牌 APP 中新用戶引導和教程中必不可少的元素。
就像 Perfect Recipes 這個應用的新用戶引導屏中，就藉助插畫來呈現。而 Toonie 這個可愛的鬧鐘應用當中，甚至藉助遊戲化的設計，集成了大量有趣的表情和貼紙，當然，它們都是使用定製化的插畫來呈現的。
8. 數字插畫還能強化交互，應用在短視頻中
數字化的好處就在這裡，通過不同的數字軟件，合理的處理之後，不僅能夠變成動態的，運用於視頻當中，還能夠作為微交互，強化產品的整體體驗。
一旦涉及到的動效和短視頻，整個數字插畫就開始具備更多的可能性了，不同的動效能帶來截然不同的感覺和體驗，更不用說這種玩法正貼合時下的流行趨勢。
△Whizzly 這個動態圖標就是基於插畫，給一個創意分享社區所準備的。
9. 插畫的獨特性來自於其中的隱喻和引人入勝的視覺
和藝術一樣，設計中同樣需要藉助隱喻來傳達一些相對更有趣、更深刻、更有意思的信息。插畫的獨特性也是藉此來構成，包含的隱喻使得其中的價值更加複合，值得反覆咂摸，而不是一眼就可以完全看穿。
在這個約會應用的網頁當中，插畫無疑傳遞出了多重的信息，暗含的隱喻告知了用戶產品的功能和屬性。而下面這幅插畫則是為一篇如何找到原創風格的文章所準備的，圖中的金魚指代的則是難以被抓住的靈感和風格。
10. 插畫讓用戶可以更快理解和操作
無論是圖標還是大幅的插畫，都能幫助用戶理解，更加直觀地知道要看哪裡，要做什麼。面對如今的數字界面，用戶的注意力持續的時間越來越短，而插畫則讓用戶更快、更直接地獲取信息，並且決策下一步要做什麼。如果插畫或者圖標內容不能被用戶一眼看出來，那麼用戶就只能藉助文本標籤來了解功能是什麼。設計師可以通過測試來測試圖標和插畫的可用性和識別度。
值得思考的問題
當然，插畫的設計是沒有門檻的，在設計的時候，要求也是比較高的。在使用和設計插畫的時候，需要考慮以下的幾個方面：
- 目標受眾（身體能力，年齡，文化背景，教育水平等）
- 產品的使用環境
- 產品和內容的在全球範圍內和當地的傳播水平
- 所選圖形的隱喻以及是否容易被識別
- 插畫是否會讓人分心
感謝閱讀！喜歡更多設計教程資訊可以關注我喲
原文鏈接：https://tubikstudio.com/big-reasons-to-apply-illustrations-in-ui-design/譯文鏈接：https://www.uisdc.com/illustrations-in-ui-design作者：Tubik Studio譯者：陳子木
閱讀更多 PSUI設計教程 的文章
