插畫在UI設計中的運用

在現如今產品層出不窮，用戶的可選擇性也越來越廣。在產品定型以後從產品設計做創新的難度較大，所以現在多數產品會在細節上做突破，用插畫插圖的形式突出自己的品牌性和趣味性。彩蛋型設計對用戶而言是預期以外的，所以在設計中若是能夠抓住用戶的眼球，更會成為產品的加分項。

插畫的適用範圍很廣泛，小到圖標大到平面插畫。但是怎麼將簡單的插畫運用到ui設計中這就是我們今天要總結的。

引導圖

人們在接收陌生事物的過程中會產生排斥情緒，引導頁是用戶知悉產品的一扇大門，因此需要通過合理的設計來緩解用戶的不安與焦慮，讓用戶更快的熟悉並走進產品。而插畫元素普遍富有親和力，容易在視覺上滿足用戶，同時還會營造出一種熱情而不突兀的使用感。因此大部分引導頁都會融合插畫，將產品功能、內容、亮點等進行展示，易於理解的同時又賦予產品情感化的設計。

Banner

在一款產品里，banner圖通常是信息傳達的重要途徑，同時對於用戶而言也是接受新信息的過程。因此在設計中加入插畫，會增添banner整體的感染力，拉近產品與用戶之間的距離，同時相較純於文字也會更富有視覺衝擊表現力，使得用戶具有代入感，在對用戶進行信息傳達的同時不顯單調，層次更為豐富。

空頁面

在用戶使用產品的過程中，肯定會遇到空狀態頁面，而這些頁面往往旨在在傳達空、無、等待等信息，純文字的預設頁會給人以冷漠、距離感，這時候則需要引導用戶或者說明狀況。加入適合的插畫元素後，即便是在網路延遲或是系統報錯等情況時，能夠適當的減輕用戶的焦慮等負面心情。甚至好的插畫元素會成為設計中的亮點，增添產品趣味性的同時還能夠更好的提供給用戶驚喜感。

活動運營圖

在運營活動設計中插畫的出場率愈發高漲，主要原因就是h5的目的就是吸引用戶眼球，而恰好插畫設計自身就極具感染力，當之無愧成為設計師在創作運營推廣圖時的頭號選擇。合理的運用插畫設計不但可以獲得用戶好感並且增強用戶代入感，在情感上和用戶產生共鳴，無形中增加用戶停留時長，從而達到信息傳達及傳播的目的。

下拉刷新

在使用一款產品時，用戶可能經常會進行刷新這一操作。傳統刷新動效較為枯燥，而刷新這個動作本身就需要等待，會在無意識間讓用戶覺得等待的時間變得更為漫長。但是如果在刷新中加入一些插畫動效，會使這一行為變得更加有趣味性，讓用戶在等待過程中可以緩解等待產生的負面情緒。更多產品選擇在下拉刷新時融入自己的品牌logo延展更或是產品吉祥物，使得產品品牌意識更加深入人心。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！