現在APP的數量越來越多,制作也越來越精美,各種APP都想在設計上能夠與其他APP區別開來,從而更好的吸引用戶的註意,將插畫運用在APP當中,無疑是壹種好的選擇,在iOS
11的AppStore“Today”中就用了很多的插畫,給用戶帶來了全新的體驗。
壹.什麽要在APP當中使用插畫?
增加視覺沖擊感,總結為兩個字“驚艷”,例如“walkup”APP,當中的每壹個頁面都運用了插畫,而且設計得極其精美。
增添趣味性,使頁面不顯得單調、乏味,壹個明顯的例子就是APP當中的空頁面和錯誤頁面,例如淘寶在無網狀態下,顯示壹幅可愛的插畫要比單純的顯示文字要給人的感覺好得多,也可以盡可能的減輕用戶的焦慮。
承載更多的信息量,更加的直觀,這壹點在圖標上顯示的比較明顯了,例如百度糯米的分類圖標,采用了寫實的風格,給人的感覺就更加的直觀了。
滿足用戶的情感需求,情感化設計,這壹點在keep當中得到了很好的體現,在剛剛過去的七夕節,keep把跑步路線變成了粉紅色,還配上了壹條狗,七夕節還在跑步的人,很有可能是單身狗啊,意思不言而喻。
二.目前比較流行的幾類插畫及其特點
扁平插畫
肌理插畫
手繪插畫
MBE插畫(dribble壹位大神創作了這種風格,因此被稱為MBE風格插畫)
漸變插畫(有時也稱微光插畫)
立體插畫(也叫2.5D插畫)
描邊插畫
下面分別對各種插畫進行舉例,所有例子均來自dribble。
扁平插畫:扁平插畫的特點是扁平,簡潔明了,扁平插畫是現在很流行、也是最常用的風格
肌理插畫:我覺得肌理插畫也屬於扁平插畫的壹種,但是在最後要增加顆粒感,肌理插畫最明顯的特點應該就是有質感,光影關系表現得比較好。
手繪插畫:我認為這是難度最高的壹種,也是對設計師的美術功底要求最高的。手繪風格的應用比較廣,可以展現的東西很多。下面這位設計師的作品富有童趣,像夢境壹樣美好。
MBE插畫:簡潔、圓潤、可愛。
漸變插畫:壹種很唯美的風格,在顏色的運用上壹般采取近似色,顏色的種類不要過多。
立體插畫:從名字就可以看出,這類插畫最大的特點就是立體了,能夠在二維的空間裏表現出三維的事物。
描邊插畫:除了運用形狀,還要運用描邊,可以很好的對事物進行抽象化處理。
MBE插畫:下廚房當中的圖標,MBE風格很適合用來制作icon
漸變插畫和立體插畫:拉勾。把這兩種放到壹起來講,是因為很多時候壹幅插畫是包含這兩種風格的。(用在banner、專題)
描邊插畫:拼多多、網易雲音樂(用在icon、啟動頁)
總結壹下:插畫適合用在APP當中的啟動頁、banner、專題、刷新、icon、彈框、背景圖等等。
如何將插畫藝術應用到UI設計中?導讀在過去幾年當中,插畫開始以壹種堅挺的姿勢,站在設計趨勢的最前列,不止是原本身處各個領域的畫手和插畫師開始越來越受追捧,而且連網頁、UI和動效設計師都紛紛學習插畫設計,那麽如何將插畫藝術應用到UI設計中?今天我們就來具體看看插畫藝術的應用。
1、插畫的獨特性來自於其中的隱喻和引人入勝的視覺
和藝術壹樣,設計中同樣需要借助隱喻來傳達壹些相對更有趣、更深刻、更有意思的信息。插畫的獨特性也是借此來構成,包含的隱喻使得其中的價值更加復合,值得反復咂摸,而不是壹眼就可以完全看穿。
2、數字插畫能強化交互
應用在短視頻中數字化的好處就在這裏,通過不同的數字軟件,合理的處理之後,不僅能夠變成動態的,運用於視頻當中,還能夠作為微交互,強化產品的整體體驗。壹旦涉及到的動效和短視頻,整個數字插畫就開始具備更多的可能性了,不同的動效能帶來截然不同的感覺和體驗,更不用說這種玩法正貼合時下的流行趨勢。
3、插畫賦予設計以美學價值,更容易被接受
即使所有人都在分析和爭論產品的可用性和易用性,大家在對美的追求上,始終保持著壹致的態度。壹個設計是否具備可取性,是否能夠通過甲方、客戶和實際用戶,是每個設計人都需要面對,都力求做到最好的事情。精心設計的插畫在美學和風格上更加紮實,風格化的設計不弱於現成設計素材所提供的價值。
4、插畫讓用戶可以更快理解和操作
無論是圖標還是大幅的插畫,都能幫助用戶理解,更加直觀地知道要看哪裏,要做什麽。面對如今的數字界面,用戶的註意力持續的時間越來越短,而插畫則讓用戶更快、更直接地獲取信息,並且決策下壹步要做什麽。
5、插畫能讓品牌識別度更高和文本相比,插畫的視覺化屬性無疑是更強的
圖片插畫所提供的定制化內容能夠從各個方面來貼合品牌的需求,更加到位地表達品牌所需呈現的信息。這也使得插畫不僅僅在品牌宣傳的時候,運用在廣告、海報等顯而易見的地方,而且也成了品牌
APP中新用戶引導和教程中必不可少的元素。
這樣的將插畫藝術應用到UI設計的技巧,當然也不是每個人都能領會的,可見,以後UI設計將會更加和我們的實際生活相聯系,當然交互設計ui設計理念在未來壹定會有更多的應用,趕緊來進行技能提升吧!
手機上有什麽可以繪畫的軟件手機上可以繪畫的軟件有SketchBook、InfiniteDesign、Painter、畫吧、畫皮皮。
1、SketchBook
SketchBook屬於自然畫圖軟件,軟件界面新穎動人,功能強大,仿手繪效果逼真,筆刷工具分為鉛筆,毛筆,
馬克筆
,制圖筆,水彩筆,油畫筆,噴槍等,自定義選擇式界面方式。
2、InfiniteDesign
InfiniteDesign和《無限繪畫InfinitePainter》的設計作者是同壹人,軟件功能特色有無限畫布(平移,縮放,旋轉)無限圖層和圖層選項:分割,合並,翻轉,重復,透明
轉換層
等。
3、Painter
Painter擁有全面和逼真的仿自然畫筆。它是專門為渴望追求自由創意及需要數碼工具來仿真傳統繪畫的數碼藝術家、插畫畫家及攝影師而開發的。它能通過數碼手段復制自然媒質效果。
4、畫吧
畫吧可以學會畫畫,無論是卡通,簡筆,還是素描,水彩。還可以通過畫的方式與朋友們直接交流。
5、畫皮皮
畫皮皮入門級手機畫畫軟件,畫皮皮以臨摹為切入,提供最簡單方便的工具,讓小白也能畫出好看的畫。