天天看點

超全面!為什麼越來越多的移動App使用插畫設計?

本文講的是<b>超全面!為什麼越來越多的移動App使用插畫設計,</b>MaryDesign :現在APP的數量越來越多,制作也越來越精美,各種APP都想在設計上能夠與其他APP差別開來,進而更好的吸引使用者的注意,将插畫運用在APP當中,無疑是一種好的選擇,在iOS 11的App Store“Today”中就用了很多的插畫,給使用者帶來了全新的體驗。

<a href="http://s2.51cto.com/wyfs02/M01/06/9E/wKiom1m7OUHRh-gSAACnkwCVR7o538.jpg-wh_651x-s_550743973.jpg" target="_blank"></a>

最近一段時間一直在給公司的新 産品設計 插畫,在設計的過程中也有了一些思考,進而産生了這篇文章,文章當中主要探讨了幾個問題:為什麼要在APP當中使用插畫?目前流行的幾種插畫風格;APP中哪些地方适合配插畫?以及我在dribble上看到的一些好的插畫分享給大家,還有一些實際的例子。最後根據我的經驗,給大家在設計插畫時提了幾點小建議。

增加視覺沖擊感,總結為兩個字“驚豔”,例如“walk up”APP,當中的每一個頁面都運用了插畫,而且設計得極其精美。

增添趣味性,使頁面不顯得單調、乏味,一個明顯的例子就是APP當中的空頁面和錯誤頁面,例如淘寶在無網狀态下,顯示一幅可愛的插畫要比單純的顯示文字要給人的感覺好得多,也可以盡可能的減輕使用者的焦慮。

承載更多的資訊量,更加的直覺,這一點在圖示上顯示的比較明顯了,例如百度糯米的分類圖示,采用了寫實的風格,給人的感覺就更加的直覺了。

滿足使用者的情感需求,情感化設計,這一點在keep當中得到了很好的展現,在剛剛過去的七夕節,keep把跑步路線變成了粉紅色,還配上了一條狗,七夕節還在跑步的人,很有可能是單身狗啊,意思不言而喻。

扁平插畫

肌理插畫

手繪插畫

MBE插畫(dribble一位大神創作了這種風格,是以被稱為MBE風格插畫)

漸變插畫(有時也稱微光插畫)

立體插畫(也叫2.5D插畫)

描邊插畫

下面分别對各種插畫進行舉例,所有例子均來自dribble。

扁平插畫:扁平插畫的特點是扁平,簡潔明了,扁平插畫是現在很流行、也是最常用的風格。

肌理插畫:我覺得肌理插畫也屬于扁平插畫的一種,但是在最後要增加顆粒感,肌理插畫最明顯的特點應該就是有質感,光影關系表現得比較好。

手繪插畫:我認為這是難度最高的一種,也是對設計師的美術功底要求最高的。手繪風格的應用比較廣,可以展現的東西很多。下面這位設計師的作品富有童趣,像夢境一樣美好。

MBE插畫:簡潔、圓潤、可愛。

漸變插畫:一種很唯美的風格,在顔色的運用上一般采取近似色,顔色的種類不要過多。

立體插畫:從名字就可以看出,這類插畫最大的特點就是立體了,能夠在二維的空間裡表現出三維的事物。

描邊插畫:除了運用形狀,還要運用描邊,可以很好的對事物進行抽象化處理。

扁平插畫:得到、摩拜單車(用在banner、背景圖)

肌理插畫:百度外賣、淘寶、App Store(用在重新整理、背景圖、專題)

手繪插畫:ofo、下廚房(用在banner、專題、彈框)

MBE插畫:下廚房當中的圖示,MBE風格很适合用來制作icon

漸變插畫和立體插畫:拉勾。把這兩種放到一起來講,是因為很多時候一幅插畫是包含這兩種風格的。(用在banner、專題)

描邊插畫:拼多多、網易雲音樂(用在icon、啟動頁)

總結一下:插畫适合用在APP當中的啟動頁、banner、專題、重新整理、icon、彈框、背景圖等等。

插畫的風格要和app的整體風格搭配,例如洋蔥數學的整體風格都是扁平的,如果在當中使用手繪風格的插畫就不合适。

插畫的内容要能夠展現出主題,要和文案配合好。

插畫要盡可能的有創意,雖然我知道這很難做到,但是也要展現出設計師的想法和心思在裡面,最重要的是注意細節,細節決定成敗。

最後,放幾張我自己的肌理插畫吧。

本文作者:佚名

來源:51CTO

原文标題:超全面!為什麼越來越多的移動App使用插畫設計?