圖片是幾乎任何網站設計的關鍵因素。它通常提供獨一無二的視覺效果,這是無法以其他方式實現的。在UI和網頁中,使用插畫來輔助傳達信息,無疑更加直接到位。在這篇文章中,青島北大青鳥的老師來跟你們聊聊插畫。
提到插畫,不得不提大師級插畫家Malika Favre,她是一位居於倫敦的插畫師,在歐洲廣受歡迎的藝術家,她的作品主題都是極簡風,用儘可能少的線條和色彩來傳達,給用戶創造了豐富的想像空間。
插畫作為現代設計的一種重要視覺傳達形式,不但是原本在各個領域的畫手和插畫師越來越受追捧,而且連網頁、UI設計師和動效設計師都開始紛紛學習插畫設計。更明顯的變化是插畫在網頁和UI中的使用越來越頻繁,甚至越來越多樣。插畫開始以一種堅硬的姿態,站在設計趨勢的最前列。
插畫在一些網頁設計、海報的應用也很廣泛。
A 在品牌中添加個性、彰顯獨特性
我們常說「一張圖勝過千言萬語」雖然是老生常談,但不是沒有道理的。人的視覺感知能力很強,當看到圖片的一瞬間,也許大腦還沒有來得及進行邏輯思考,但是已經接收到大量的信息和內容。與其用一長篇的文欄位落說明,不如一張插畫來的清晰易懂。這就是插畫強大的、最特別的魅力。
和文本比較,插畫的視覺化效果無疑是更強的。圖片插畫能夠根據品牌的需求,從各個方面來定製化內容,進而貼合品牌的需求,能夠更加到位地表達品牌所需要的信息。這也使得插畫不僅僅運用在品牌宣傳,而且也成了品牌APP 中新用戶引導和教程中必不可少的元素。
就像Pippapips 這個運用的新用戶引導屏中,就憑藉插畫來出現。而漂亮的服裝和鞋帽,憑藉個性化的設計,完美傳遞用戶給服裝著色的信息。當然,它們都是運用定製化的插畫來出現的。
B 適合敘述抽象概念
通過對於氛圍場景的描繪,讓用戶即使不看文字也能知道大概的意思,同時精緻的插畫可以讓用戶有更好的融入感,不像單純的文字提示那麼枯燥乏味。利用一張簡單的插畫傳達抽象概念,無需文字,讓用戶可以清楚的了解產品內容。
上圖是倫敦交通局的一個公共信息海報,以促進倫敦地鐵站的WiFi連接。插圖採用國際WIFI符號的形式,信號欄描繪倫敦的城市,讓有需求的用戶一目了然。
C 拉近與用戶的距離
卡通書、童話故事書,這些都是我們兒時的回憶,插畫帶給人溫暖的正能量。鮮明的色彩、有趣的圖案,不論男女老幼,插畫是全世界共通的語言。優美有趣的插畫可以在第一眼就獲取用戶好感,吸引用戶耐心的瀏覽查看網頁,同時加強氛圍及用戶的帶入感,在反思層次引起用戶的共鳴和好感,把用戶拉到產品產品和故事場景旁邊去,吸引用戶主動去分享參與。
插畫是一個很棒的媒介,能讓用戶感受到友善及溫暖的人性,拉近與用戶的距離,更容易接近他們的客戶。最重要的是,增加您網站的閱讀數量。所以,插畫用起來吧,期待你的個性化設計!