本文教你用仿型和破型的思路,掌握各種插畫風格。
不管是 UI設計中還是營銷活動中,插畫都有很高的出場率,原因并不復雜:插畫比起圖片可控性更強,更容易發揮創意,營造氛圍,傳遞信息。從內容到技術細節,插畫都在某種程度上超過現成的圖片。
作為視覺設計師,我們也常常會接到各種各樣的需求,針對不同的項目和產品繪制插畫,往往項目時間緊張但又需要在插畫展示上有差異性。
但看著網上風格各異的插圖,往往想學習卻又無從下手,該怎么辦?
下面我將從仿型和破型兩個角度來闡述,如何快速掌握風格各異的插畫。

△ dribbble上形式各異的插畫 圖片來源:dribbble
一、仿型
仿型,可說是一個模仿、練習的過程。選擇喜歡的插畫作為學習對象,拆解畫面構成元素,總結代表性特征,了解其思考方式,是一種理解原作者繪畫思路和想法的過程。
我們從形式上來說可以將一張插畫拆解為5個構成元素:構圖、造型、素描關系、配色和肌理。

1. 構圖
構圖是一張插畫的骨架,各個元素按照設計的位置、大小排列在畫面中,就能形成一張畫最基礎的模樣。概括來說,最基本的構圖有如下這么幾種:
環型
環形構圖是非常常見的一種形式感很強的構圖,往往畫幅中心存在一個視覺焦點,圍繞視覺焦點發散/聚攏元素。

對稱
對稱構圖的畫面中存在一個軸線,畫面元素圍繞軸線兩邊對稱。這種對稱既可以是追求強形式感的絕對對稱,也可以是形成一種視覺平衡的動態對稱。

平鋪
平鋪構圖的畫面往往不存在一個明確的視覺中心,所有的元素均勻的充滿著畫面,強調整體的統一性。

S型
S型構圖是非常常見的一種構圖方式,形式靈活多變,相信很多接受過素描靜物訓練的同學一定對此不陌生。S型構圖重點不在于元素的布局是「S」或是「Z」,而是利用錯位布局,營造空間,增強畫面的節奏感。往往 S型構圖有著明顯的層次關系,元素在空間上可以分為前、中、后景。

2. 造型
同樣的元素,在不同的設計師手上畫出的感覺一定是不同的,一個插畫師最明顯的風格特征也往往體現在造型的獨特性上。造型的類別是無法枚舉的,寫實或抽象、松弛或硬朗、精細或概括……對造型感的提升需要我們多看優秀的作品輔以大量的練習。

△ 風格迥異的人物造型 圖片來源:dribbble
3. 素描關系
素描關系這個詞想必大家不陌生,嚴格來說它也是造型的要素之一,單獨提出來是方便大家更好的理解。素描關系由高光、灰部、明暗交界線、暗部、反光、投影組成。一個元素加哪幾種素描關系,怎么加,加在哪,什么肌理,都能左右一張插畫的視覺風格。一般來說,對素描關系處理的越多,畫面會有更多的細節,更趨近于寫實。

△ 對同一元素素描關系的增減
情非得已
21個Sketch實用高頻小技巧2019-02-15
25款值得收藏的優秀網站模板免費下載2015-09-16
20套高質量的免費網頁模版PSD素材2013-09-02
20款國外時尚大氣的按鈕開關PSD素材下載2013-07-31
CSS實例教程:十步學會用CSS建站2011-10-05
網頁設計師:淺淡網頁BANNER設計2010-09-27
網頁細節教程:WEB設計精確點滴2010-09-13
網頁設計中的點滴細節把握2010-09-01
總結交互組件創新的四種方式2010-06-28
最全的國外電子商務CSS模板下載2010-06-18
解析2018年移動端UI設計趨勢預測
相關文章5272018-01-11
巧用這5個網頁設計技巧玩轉視差特效
相關文章2812017-11-17
2017年下半年最流行的3個設計風格
相關文章3722017-09-14
詳細解析網頁設計中的水彩模式分析
相關文章3772017-04-19
5招技巧幫助您設計出優秀的網頁設計
相關文章2542017-02-15
詳細解析網頁設計中的個性插畫風格
相關文章3382016-11-28
淺談網頁攝影圖在網頁設計中的應用技巧
相關文章1492016-10-24
詳細解析網頁設計中的視覺解剖分享
相關文章2602016-09-09
