網(wǎng)頁(yè)設(shè)計(jì)中的個(gè)性插畫風(fēng)格發(fā)布者：本站     時(shí)間：2022-01-13 10:01:46

插畫具有輔助文字?jǐn)⑹碌墓δ?，在書籍、雜志等平面中已然并不罕見(jiàn)，然而由于過(guò)去WEB技術(shù)發(fā)展的原因，網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用插畫的情況卻不多見(jiàn)，隨著技術(shù)提升，插畫越來(lái)越被網(wǎng)頁(yè)設(shè)計(jì)師重視。今天這篇好文總結(jié)了網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的4種個(gè)性插畫風(fēng)格，漲姿勢(shì)來(lái)。

由于優(yōu)秀的攝影作品可遇不可求，而且并不一定會(huì)遇上合適自己使用的樣式。專門請(qǐng)了攝影師來(lái)拍照如果不集齊適合的模特、布景、道具、燈光……也許結(jié)果都未必理想。因此，可以看到，依靠攝影作品作為設(shè)計(jì)素材是非常受限的，成本相對(duì)也高。所以，一個(gè)逆向的做法就是依靠插畫。我們也許都知道，繪畫并不是再現(xiàn)事物原來(lái)的樣子，而是重新將你眼中的事物表達(dá)出來(lái)。也許，你表達(dá)的笨拙、可愛(ài)、輕松、沉重、怪誕……這些個(gè)性化十足的表達(dá)就成就了插畫一眼即可辨識(shí)的獨(dú)特風(fēng)格。插畫對(duì)網(wǎng)頁(yè)設(shè)計(jì)個(gè)性的塑造可謂是功不可沒(méi)的。況且，插畫的成本也比攝影來(lái)得更低，效率也許更高，而又比攝影作品更靈活。假如你想要表達(dá)出一個(gè)虛擬的場(chǎng)景，攝影作品都需要后期合成，而插畫卻能立即將幻想變?yōu)楣P下的實(shí)在。因此，這也是我大力提倡插畫配圖的原因。

網(wǎng)頁(yè)的插畫其實(shí)無(wú)須一定要細(xì)節(jié)畢現(xiàn)，往往它傳遞的是一種價(jià)值、理念主張，而非具備敘事的規(guī)模。

詳細(xì)解析網(wǎng)頁(yè)設(shè)計(jì)中的個(gè)性插畫風(fēng)格,PS教程,

扁平的畫風(fēng)非常適合網(wǎng)頁(yè)端的展示，插畫的對(duì)象也許可以是抽象的，模糊的，有的旨在塑造品牌氛圍。

詳細(xì)解析網(wǎng)頁(yè)設(shè)計(jì)中的個(gè)性插畫風(fēng)格,PS教程,

詳細(xì)解析網(wǎng)頁(yè)設(shè)計(jì)中的個(gè)性插畫風(fēng)格,PS教程,

詳細(xì)解析網(wǎng)頁(yè)設(shè)計(jì)中的個(gè)性插畫風(fēng)格,PS教程,

網(wǎng)頁(yè)中插畫的風(fēng)格選擇是依賴于品牌內(nèi)容形象的。換句話說(shuō)，你不能在技術(shù)控的頁(yè)面上選用中國(guó)傳統(tǒng)花鳥(niǎo)畫。當(dāng)然也有特例，這里我們只總結(jié)較為普遍的現(xiàn)象。簡(jiǎn)單來(lái)看，如果我們把插畫的風(fēng)格放在一個(gè)滑塊里，這個(gè)滑塊的左邊一端是寫實(shí)，右邊一端是抽象的話，那我們的插畫風(fēng)格是在這兩端中游移。有的插畫能很好的表現(xiàn)實(shí)物的細(xì)節(jié)，“好像真的那樣”。但這樣的插畫意義并不大，因?yàn)槿绻笳?，繪畫永遠(yuǎn)不如相機(jī)。因此，才有了各具特點(diǎn)的風(fēng)格化插畫。

學(xué)院派

筆觸、紙紋，這些傳統(tǒng)的學(xué)院派繪畫所帶來(lái)某種底蘊(yùn)深厚的氛圍，能結(jié)合網(wǎng)頁(yè)自身的特點(diǎn)，傳遞出品牌的價(jià)值。尤其表現(xiàn)了一種“人為”的過(guò)程，不僅從視覺(jué)上還從觸覺(jué)上激發(fā)觀者的想象。這一類風(fēng)格往往比較寫實(shí)，細(xì)節(jié)也相對(duì)豐富。

素描的特點(diǎn)有某種分析式的古典意味，在下面這個(gè)珠寶設(shè)計(jì)的網(wǎng)頁(yè)里表現(xiàn)一種匠心。

詳細(xì)解析網(wǎng)頁(yè)設(shè)計(jì)中的個(gè)性插畫風(fēng)格,PS教程,

具有水彩畫紋理的插畫，在下圖這個(gè)度假中心的酒店展示頁(yè)面里是一筆非常溫馨、更貼近人的存在，酒店不再高高在上的奢華感，而充滿了人文精神。

詳細(xì)解析網(wǎng)頁(yè)設(shè)計(jì)中的個(gè)性插畫風(fēng)格,PS教程,

詳細(xì)解析網(wǎng)頁(yè)設(shè)計(jì)中的個(gè)性插畫風(fēng)格,PS教程,

而如下這個(gè)聯(lián)系表格的左側(cè)采用一張速寫作為配圖，是想表達(dá)一種親近感，設(shè)計(jì)師并不希望網(wǎng)頁(yè)呈現(xiàn)這個(gè)時(shí)代冷冰冰的距離感，而是通過(guò)筆觸就制造親和感。