<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 迅速掌握不同插畫風(fēng)格的方法:仿型與破型

          2018-8-29    博博

          迅速掌握不同插畫風(fēng)格的方法:仿型與破型

          沉下(李以杰) 西見

          如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

          不管是UI設(shè)計(jì)中還是營銷活動(dòng)中,插畫都有很高的出場率,原因并不復(fù)雜:插畫比起圖片可控性更強(qiáng),更容易發(fā)揮創(chuàng)意,營造氛圍,傳遞信息。從內(nèi)容到技術(shù)細(xì)節(jié),插畫都在某種程度上超過現(xiàn)成的圖片。


          作為視覺設(shè)計(jì)師,我們也常常會接到各種各樣的需求,針對不同的項(xiàng)目和產(chǎn)品繪制插畫,往往項(xiàng)目時(shí)間緊張但又需要在插畫展示上有差異性。

          但看著網(wǎng)上風(fēng)格各異的插圖,往往想學(xué)習(xí)卻又無從下手,該怎么辦?


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



          dribbble上形式各異的插畫  

          圖片來源:dribbble




          01


          仿型


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


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



          1. 構(gòu)圖


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


          1.1 環(huán)型

          環(huán)形構(gòu)圖是非常常見的一種形式感很強(qiáng)的構(gòu)圖,往往畫幅中心存在一個(gè)視覺焦點(diǎn),圍繞視覺焦點(diǎn)發(fā)散/聚攏元素。



          1.2 對稱

          對稱構(gòu)圖的畫面中存在一個(gè)軸線,畫面元素圍繞軸線兩邊對稱。這種對稱既可以追求強(qiáng)形式感的動(dòng)態(tài)對稱,也可以是相對的形成一種視覺平衡的動(dòng)態(tài)對稱。



          1.3 平鋪

          平鋪構(gòu)圖的畫面往往不存在一個(gè)明確的視覺中心,所有的元素均勻的充滿著畫面,強(qiáng)調(diào)整體的統(tǒng)一性。


          1.4 S型

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



          2. 造型


          同樣的元素,在不同的設(shè)計(jì)師手上畫出的感覺一定是不同的,一個(gè)插畫師最明顯的風(fēng)格特征也往往體現(xiàn)在造型的獨(dú)特性上。造型的類別是無法枚舉的,寫實(shí)或抽象、松弛或硬朗、精細(xì)或概括...對造型感的提升需要我們多看優(yōu)秀的作品輔以大量的練習(xí)。


          風(fēng)格迥異的人物造型 插畫來源:dribbble


          3. 素描關(guān)系


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


          素描關(guān)系由少到多



          4. 配色


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


          4.1 顏色的配比

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


          4.2 顏色的對比

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

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


          不同類型色彩對比營造的畫面

          插圖來源:dribbble


          5. 肌理


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

          對同一元素的不同肌理表現(xiàn)






          02



          破型


          破型,就是在充分理解學(xué)習(xí)對象構(gòu)成的基礎(chǔ)上,結(jié)合自己的風(fēng)格痕跡和需要表現(xiàn)的內(nèi)容,形成新的插畫畫面。

          好的插畫是形式與內(nèi)容的完美結(jié)合,優(yōu)秀的表現(xiàn)形式是為了傳遞信息,你應(yīng)該明確插畫需要傳遞何種信息,并且讓所有的元素為之服務(wù)。

          缺少內(nèi)容創(chuàng)作的插畫學(xué)習(xí)會失去內(nèi)涵乃至成為抄襲,這是我們一定要避免的。如何更好的結(jié)合內(nèi)容呢?


          1. 理解各個(gè)元素的視覺表意


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


          2. 構(gòu)建一個(gè)故事


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


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


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

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


          3. 視覺轉(zhuǎn)譯


          故事是文字,我們需要將文字視覺轉(zhuǎn)譯為圖形。


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


          答案也許會一點(diǎn)點(diǎn)浮現(xiàn):深夜這個(gè)詞從顏色的緯度,應(yīng)該是冷色調(diào)的;從素描關(guān)系的緯度,應(yīng)該是具有較深的投影,較強(qiáng)的高光,乃至是一個(gè)背光。


          一點(diǎn)點(diǎn)的細(xì)化你的故事,將每一個(gè)詞轉(zhuǎn)化為可見的圖形和顏色,并且快速的反饋到你的草圖中去。當(dāng)然,這個(gè)過程對于每個(gè)人來說都會得到不同的結(jié)果,自信一點(diǎn),這才是你創(chuàng)作中最與眾不同的部分

          采用這樣的思路,我們可以快速的創(chuàng)作不同風(fēng)格的插畫:


          左側(cè)為作者練習(xí) 右側(cè)為學(xué)習(xí)對象





          03



          幾個(gè)建議


          1. 關(guān)上電腦


          在自主創(chuàng)作的階段中,我們一定會遇到想法不夠,不知該如何進(jìn)行下去的時(shí)候,此時(shí)應(yīng)該避免回過頭去看學(xué)習(xí)的對象,這樣會讓自己的創(chuàng)作變的局限,從而越來越像原作。


          2. 足夠細(xì)致的草稿


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


          作者平日的草稿


          3. 向經(jīng)典學(xué)習(xí)


          dribbble上固然能提供許多新鮮的想法和創(chuàng)意,但是不妨去了解一下新藝術(shù)運(yùn)動(dòng)的插圖,席勒的速寫,達(dá)達(dá)主義和立體主義的海報(bào)等等,你會發(fā)現(xiàn)藝術(shù)史上如此多大師和流派,都是取之不盡用之不竭的靈感源泉。


          藍(lán)藍(lán)設(shè)計(jì)m.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

          日歷

          鏈接

          個(gè)人資料

          存檔

          久久久亚洲裙底偷窥综合| 久久精品国产亚洲av高清漫画| 亚洲国产精品婷婷久久| 久久精品国产亚洲AV不卡| 精品国产日韩久久亚洲| 中文精品久久久久国产网址| 久久综合亚洲鲁鲁五月天| 久久精品嫩草影院| 久久99热这里只频精品6| 国产韩国精品一区二区三区久久| 久久强奷乱码老熟女网站| 国产精品美女久久久m| 热久久最新网站获取| 热久久国产精品| 无码专区久久综合久中文字幕| 久久99精品国产99久久6| 久久久久人妻一区二区三区| 精品一区二区久久| 亚洲成色www久久网站夜月| 久久九九免费高清视频| 久久精品www人人爽人人| 亚洲色大成网站www久久九| 理论片午午伦夜理片久久 | 亚洲日韩欧美一区久久久久我 | 久久精品亚洲欧美日韩久久| 久久夜色精品国产噜噜噜亚洲AV | 9999国产精品欧美久久久久久| 久久嫩草影院免费看夜色| 日韩精品久久久久久| 996久久国产精品线观看| 久久久久AV综合网成人| 久久久久久久久久久久中文字幕| 欧美精品丝袜久久久中文字幕| 久久精品国产亚洲精品| 欧美国产成人久久精品| 久久久精品波多野结衣| 久久久久亚洲AV无码专区网站 | 波多野结衣久久精品| 日韩欧美亚洲综合久久| 狠狠精品久久久无码中文字幕| 人妻无码精品久久亚瑟影视|