小男

不管是UI設計中還是營銷活動中,插畫都有很高的出場率,原因并不復雜:插畫比起圖片可控性更強,更容易發揮創意,營造氛圍,傳遞信息。從內容到技術細節,插畫都在某種程度上超過現成的圖片。

 

作為視覺設計師,我們也常常會接到各種各樣的需求,針對不同的項目和產品繪制插畫,往往項目時間緊張但又需要在插畫展示上有差異性。

但看著網上風格各異的插圖,往往想學習卻又無從下手,該怎么辦?

下面我將從仿型和破型兩個角度來闡述,如何快速掌握風格各異的插畫。

 

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?dribbble上形式各異的插畫?圖片來源:dribbble

 

01 仿型

仿型,可說是一個模仿、練習的過程。選擇喜歡的插畫作為學習對象,拆解畫面構成元素,總結代表性特征,了解其思考方式,是一種理解原作者繪畫思路和想法的過程。

我們從形式上來說可以將一張插畫拆解為5個構成元素:構圖、造型、素描關系、配色和肌理。

 

1. 構圖

構圖是一張插畫的骨架,各個元素按照設計的位置、大小排列在畫面中,就能形成一張畫最基礎的模樣。概括來說,最基本的構圖有如下這么幾種:

 

1.1?環型

環形構圖是非常常見的一種形式感很強的構圖,往往畫幅中心存在一個視覺焦點,圍繞視覺焦點發散/聚攏元素。

 

1.2 對稱

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

 

1.3 平鋪

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

 

1.4?S型

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

 

2. 造型

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

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?風格迥異的人物造型 插畫來源:dribbble

 

3. 素描關系

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

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 素描關系由少到多

 

4. 配色

人類的視覺感知系統,對于顏色是第一位的,其次是形狀。插圖的顏色往往能決定觀者的第一印象。對于配色,我們需要注意兩點:

 

4.1?顏色的配比

決定畫面整體色調的顏色,一般占畫面60%以上,余下有30%的輔助色,10%的點綴色。這并不意味著畫面中只能出現三個顏色,但是三個緯度的顏色需要盡量在色相上保持接近。

 

4.2?顏色的對比

首先我們要明確畫面中有無對比。

顏色三要素:色相、明度、純度。相應的對比也分為色相的對比,明度的對比,純度的對比,當然更多時候是混用的。對比的作用有很多,較強的對比可以使得你的畫面更富層次感和視覺沖擊力,較弱的對比則營造一種柔和自然的感受。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 不同類型色彩對比營造的畫面?插圖來源:dribbble

 

5. 肌理

肌理本是指物體表面的組織紋理結構,即各種縱橫交錯、高低不平、粗糙平滑的紋理變化,是表達人對設計物表面紋理特征的感受,是一種三維的概念。在這里,肌理所指的含義與質感相近,是一種二維概念。我們可以通過刻意制造的筆觸感、噪點、紋理等,使得畫面蘊含豐富的細節,更加耐看。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 對同一元素的不同肌理表現

 

02 破型

破型,就是在充分理解學習對象構成的基礎上,結合自己的風格痕跡和需要表現的內容,形成新的插畫畫面。

好的插畫是形式與內容的完美結合,優秀的表現形式是為了傳遞信息,你應該明確插畫需要傳遞何種信息,并且讓所有的元素為之服務。

缺少內容創作的插畫學習會失去內涵乃至成為抄襲,這是我們一定要避免的。如何更好的結合內容呢?

 

1. 理解各個元素的視覺表意

環形構圖更聚焦,對稱構圖更具形式感;曲線的運用會讓畫面更柔和,貼近自然,直線與幾何則更具現代感和科技感。先要理解各個元素所隱含的視覺語言,再通過你想傳達的內容去挑選合適的呈現方式

 

2. 構建一個故事

想象一個故事,誰(who),在哪(where),什么時間(when),做什么事(what),怎樣在做(how)?

比如說,如果是想畫關于工作的故事,是誰在工作(加班狗),在哪(工位),什么時間(深夜),做什么事(加班),怎樣在做(幾個人討論需求)。

然后我們再問自己一個問題:這個故事要傳達什么情緒(有趣、溫馨)。

不斷思考這樣的問題,完成從故事到畫面的轉變,畫面里物境情境意境的搭建。

 

3. 視覺轉譯

故事是文字,我們需要將文字視覺轉譯為圖形。

讓我們接著上面繼續想:怎樣造型的加班狗是有趣的,什么表情是溫馨的?加班的桌上應該有什么?怎樣的色彩和素描關系可以表現深夜,又體現出溫馨?等等。

答案也許會一點點浮現:深夜這個詞從顏色的緯度,應該是冷色調的;從素描關系的緯度,應該是具有較深的投影,較強的高光,乃至是一個背光。

一點點的細化你的故事,將每一個詞轉化為可見的圖形和顏色,并且快速的反饋到你的草圖中去。當然,這個過程對于每個人來說都會得到不同的結果,自信一點,這才是你創作中最與眾不同的部分

 

采用這樣的思路,我們可以快速的創作不同風格的插畫:

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 左側為作者練習 右側為學習對象

 

03?幾個建議

 

1. 關上電腦

在自主創作的階段中,我們一定會遇到想法不夠,不知該如何進行下去的時候,此時應該避免回過頭去看學習的對象,這樣會讓自己的創作變的局限,從而越來越像原作。

 

2. 足夠細致的草稿

很多人對待草稿是不夠用心的,粗糙的草圖意味著你并沒有真正做好獨立創作的準備。請盡量保證從投影的造型到人物臉部的配色,每一個元素的細節都能在草稿畫完之后心中有數,這樣才能使你避免你對著AIPS中的半成品不知所措。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 作者平日的草稿

 

3. 向經典學習

dribbble上固然能提供許多新鮮的想法和創意,但是不妨去了解一下新藝術運動的插圖,席勒的速寫,達達主義和立體主義的海報等等,你會發現藝術史上如此多大師和流派,都是取之不盡用之不竭的靈感源泉。

 

原文地址:?TXD技術體驗設計(公眾號)

作者:沉下(李以杰)

 

轉載請注明:學UI網 » 迅速掌握不同插畫風格的方法:仿型與破型

登錄收藏
 
你可能喜歡的:
插畫風格圖鑒(下篇):把雞蛋放在哪個籃子里插畫風格圖鑒(下篇):把雞蛋放在哪個籃子里
插畫風格圖鑒(上篇):知道插畫風格是如何演化的嗎插畫風格圖鑒(上篇):知道插畫風格是如何演化的嗎
AI+PS畫可愛的招財喵插畫BannerAI+PS畫可愛的招財喵插畫Banner
插畫手繪入門教程插畫手繪入門教程
插畫手繪入門教程插畫手繪入門教程
設計沉思錄丨設計并落地一套插畫系統—FaceTeam有感設計沉思錄丨設計并落地一套插畫系統—FaceTeam有感
5步學會扁平肌理風插畫5步學會扁平肌理風插畫
零基礎教程之漸變插畫怎么豐富細節?零基礎教程之漸變插畫怎么豐富細節?
堅持畫畫100天,我的經驗和踩坑【新手向】堅持畫畫100天,我的經驗和踩坑【新手向】
怎么帶著“想法”去臨???怎么帶著“想法”去臨???
?
网球比分雷速 陕西体彩11选5选号技巧 百家乐代理 上海福彩时时乐单选100期走势图 极速赛车133官网 什么是指数年线 湖北30选5彩票彩控 黑龙江十一选五19期开奖结果 大乐透玩法中奖规则图 开奖福建22选5 今天吉林11选5走势图表