10個理由告訴你,為什么插畫在UI設計中這么火 - 優設-UISDC

10個理由告訴你,為什么插畫在UI設計中這么火

2018/10/25 17058評論區

在過去幾年當中,插畫開始以一種堅挺的姿勢,站在設計趨勢的最前列。不止是原本身處各個領域的畫手和插畫師開始越來越受追捧,而且連網頁、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. 插畫讓用戶可以更快理解和操作

無論是圖標還是大幅的插畫,都能幫助用戶理解,更加直觀地知道要看哪里,要做什么。面對如今的數字界面,用戶的注意力持續的時間越來越短,而插畫則讓用戶更快、更直接地獲取信息,并且決策下一步要做什么。如果插畫或者圖標內容不能被用戶一眼看出來,那么用戶就只能借助文本標簽來了解功能是什么。設計師可以通過測試來測試圖標和插畫的可用性和識別度。

值得思考的問題

當然,插畫的設計是沒有門檻的,在設計的時候,要求也是比較高的。在使用和設計插畫的時候,需要考慮以下的幾個方面:

  • 目標受眾(身體能力,年齡,文化背景,教育水平等)
  • 產品的使用環境
  • 產品和內容的在全球范圍內和當地的傳播水平
  • 所選圖形的隱喻以及是否容易被識別
  • 插畫是否會讓人分心

優設大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址:http://www.51294208.com/illustrations-in-ui-design

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

sketch 優設大課堂 轉場動效 設計師 扁平化設計 交互設計師 界面設計 排版布局 職場 平面設計 設計師專訪 素材下載 視覺設計 配色 設計流程 web前端開發 AI教程 用戶體驗設計 設計理論 神器下載 海報設計 字體下載 設計趨勢 設計規范 psd下載 動效設計 圖標設計 產品設計 logo設計 ICON 神器推薦 職場規劃 App設計 字體設計 酷站推薦 交互設計 ui設計 設計師職場 優秀網頁設計 用戶體驗 ps技巧 酷站 PS教程 網頁設計 經驗分享
wechat

優設官方微信

50萬設計師關注

微信號:youshege

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里

云南时时彩开奖今天