10個理由告訴你，為什麼插畫在UI設計中這麼火
在過去幾年當中，插畫開始以一種堅挺的姿勢，站在設計趨勢的最前列。不止是原本身處各個領域的畫手和插畫師開始越來越受追捧，而且連網頁、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、插畫讓使用者可以更快理解和操作
無論是圖示還是大幅的插畫，都能幫助使用者理解，更加直觀地知道要看哪裡，要做什麼。面對如今的數字介面，使用者的注意力持續的時間越來越短，而插畫則讓使用者更快、更直接地獲取資訊，並且決策下一步要做什麼。如果插畫或者圖示內容不能被使用者一眼看出來，那麼使用者就只能藉助文字標籤來了解功能是什麼。設計師可以通過測試來測試圖示和插畫的可用性和識別度。
值得思考的問題
當然，插畫的設計是沒有門檻的，在設計的時候，要求也是比較高的。在使用和設計插畫的時候，需要考慮以下的幾個方面：
- 目標受眾（身體能力，年齡，文化背景，教育水平等）
- 產品的使用環境
- 產品和內容的在全球範圍內和當地的傳播水平
- 所選圖形的隱喻以及是否容易被識別
- 插畫是否會讓人分心
