如果你覺得自己的卡通插畫繪製功底比較弱,但又想設計出與眾不同的APP引導頁界面,接下來,Inspirr Creation所介紹的內容,你就一定不可以錯過!
APP引導頁插畫設計的創作技巧
一、常見的插畫風格
在進行APP界面設計之前,首先要了解插畫有哪些風格,否則就會毫無頭緒,不知從何下手。
1.扁平化插畫設計
扁平化是近幾年非常流行的設計趨勢及繪畫風格,去除複雜的事物結構、陰影、紋理,只需用簡單的線條或色塊,就能勾勒出插畫和圖標的特殊魅力。很多設計師對扁平化插畫設計的癡迷程度很高,其實這種插畫看着複雜,上手畫起來其實並不會很難。
2.肌理型插畫設計
肌理型插畫就是在扁平插畫的基礎上,增加顆粒感,將光影關係表現出來,這會比扁平插畫更加有質感。肌理型插畫一般沒有描邊線,通過色塊的明暗來區分每個元素,有點想色彩版的素描,但同時也給人一種非常樸實的感覺,肌理中的顆粒感增加了畫面的細節,使整個界面更加耐看。
3.純手繪型插畫設計
純手繪型插畫對設計師的要求會比較高,而且風格應用也比較廣泛。純手繪型插畫能給畫面更多的趣味性,甚至連文字部分都變得更加生動、更具象地活躍在用戶的心中。與其他插畫類型相比,純手繪型插畫不僅能突出界面主題,還增強了藝術的感染力。
4.MBE型插畫設計
從線框型Q版卡通畫演變出的MBE風格,設計採用更大更粗的描邊,能把作品詮釋得更加閃耀。與沒有描邊的扁平化風格不同,MBE型插畫設計的描邊起到對界面的絕對隔絕,能突顯內容,表現清晰,同時還能化繁為簡。
二、UI界面插畫的設計思路
1)理解文案需求
①理解文案所表達的意思和作用,是作為指引用戶的引導類型文案,還是介紹產品型文案;
②提取有用的關鍵詞,一般是文案中重要的主語、形容詞或副詞等。
2)把文字描述想像成一個場景
任何文字描述都可以轉換成一個場景,而每個場景都是由多個元素組成的,把場景具象化,然後場景描述記下來,這相當於在搭建插畫表達的大框架。
3)分解場景元素
腦海中浮現出你需要描述的場景,在提取部分元素,歸納為主題元素細分+周圍環境場景細分,慢慢地從插畫設計中顯示出來。
三、UI界面插畫的實踐
1)確定人物動態,找參考
每天可以花費十分鐘作用去採集各種插畫素材,盡量找一些不同角度的素材,等你積累到一定程度就能很快調用。
推薦網站:Dribble、Behance等。
2)人物重塑
①先選擇一個人物動態,用鋼筆工具分別勾出人物的髮型,臉部,身體,衣服鞋子等,然後用錨點選擇工具對臉部和髮型等進行調整;
②改變人物的服飾搭配顏色,塑造符合文案的氛圍和格調;
③在界面中添加代表產品特徵的元素;
④為界面添加合適的細節。
3)表現形式創作
當我們毫無思路的時候,可以採集某種表現形式,把表現形式確定後,再確定每個元素,在對每個元素進行勾勒,把抽象變成具象,把複雜變成簡單,只要找到方法,對插畫創作基本是有跡可循的。