- 相關(guān)推薦
網(wǎng)頁(yè)設(shè)計(jì)中插畫(huà)的運(yùn)用及風(fēng)格
前言
插畫(huà)具有輔助文字?jǐn)⑹碌墓δ埽跁?shū)籍、雜志等平面中已然并不罕見(jiàn)，然而由于過(guò)去WEB技術(shù)發(fā)展的原因，網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用插畫(huà)的情況卻不多見(jiàn)，隨著技術(shù)提升，插畫(huà)越來(lái)越被網(wǎng)頁(yè)設(shè)計(jì)師重視。
由于優(yōu)秀的攝影作品可遇不可求，而且并不一定會(huì)遇上合適自己使用的樣式。專門(mén)請(qǐng)了攝影師來(lái)拍照如果不集齊適合的模特、布景、道具、燈光……也許結(jié)果都未必理想。因此，可以看到，依靠攝影作品作為設(shè)計(jì)素材是非常受限的，成本相對(duì)也高。所以，一個(gè)逆向的做法就是依靠插畫(huà)。我們也許都知道，繪畫(huà)并不是再現(xiàn)事物原來(lái)的樣子，而是重新將你眼中的事物表達(dá)出來(lái)。也許，你表達(dá)的笨拙、可愛(ài)、輕松、沉重、怪誕……這些個(gè)性化十足的表達(dá)就成就了插畫(huà)一眼即可辨識(shí)的獨(dú)特風(fēng)格。插畫(huà)對(duì)網(wǎng)頁(yè)設(shè)計(jì)個(gè)性的塑造可謂是功不可沒(méi)的。況且，插畫(huà)的成本也比攝影來(lái)得更低，效率也許更高，而又比攝影作品更靈活。假如你想要表達(dá)出一個(gè)虛擬的場(chǎng)景，攝影作品都需要后期合成，而插畫(huà)卻能立即將幻想變?yōu)楣P下的實(shí)在。因此，這也是我大力提倡插畫(huà)配圖的原因。
網(wǎng)頁(yè)的插畫(huà)其實(shí)無(wú)須一定要細(xì)節(jié)畢現(xiàn)，往往它傳遞的是一種價(jià)值、理念主張，而非具備敘事的規(guī)模。
扁平的畫(huà)風(fēng)非常適合網(wǎng)頁(yè)端的展示，插畫(huà)的對(duì)象也許可以是抽象的，模糊的，有的旨在塑造品牌氛圍。
網(wǎng)頁(yè)中插畫(huà)的風(fēng)格選擇是依賴于品牌內(nèi)容形象的。換句話說(shuō)，你不能在技術(shù)控的頁(yè)面上選用中國(guó)傳統(tǒng)花鳥(niǎo)畫(huà)。當(dāng)然也有特例，這里我們只總結(jié)較為普遍的現(xiàn)象。簡(jiǎn)單來(lái)看，如果我們把插畫(huà)的風(fēng)格放在一個(gè)滑塊里，這個(gè)滑塊的左邊一端是寫(xiě)實(shí)，右邊一端是抽象的話，那我們的插畫(huà)風(fēng)格是在這兩端中游移。有的插畫(huà)能很好的表現(xiàn)實(shí)物的細(xì)節(jié)，“好像真的那樣”。但這樣的插畫(huà)意義并不大，因?yàn)槿绻笳�，繪畫(huà)永遠(yuǎn)不如相機(jī)。因此，才有了各具特點(diǎn)的風(fēng)格化插畫(huà)。
學(xué)院派 筆觸、紙紋，這些傳統(tǒng)的學(xué)院派繪畫(huà)所帶來(lái)某種底蘊(yùn)深厚的氛圍，能結(jié)合網(wǎng)頁(yè)自身的特點(diǎn)，傳遞出品牌的價(jià)值。尤其表現(xiàn)了一種“人為”的過(guò)程，不僅從視覺(jué)上還從觸覺(jué)上激發(fā)觀者的想象。這一類風(fēng)格往往比較寫(xiě)實(shí)，細(xì)節(jié)也相對(duì)豐富。
素描的特點(diǎn)有某種分析式的古典意味，在下面這個(gè)珠寶設(shè)計(jì)的網(wǎng)頁(yè)里表現(xiàn)一種匠心。
具有水彩畫(huà)紋理的插畫(huà)，在下圖這個(gè)度假中心的酒店展示頁(yè)面里是一筆非常溫馨、更貼近人的存在，酒店不再高高在上的奢華感，而充滿了人文精神。
而如下這個(gè)聯(lián)系表格的左側(cè)采用一張速寫(xiě)作為配圖，是想表達(dá)一種親近感，設(shè)計(jì)師并不希望網(wǎng)頁(yè)呈現(xiàn)這個(gè)時(shí)代冷冰冰的距離感，而是通過(guò)筆觸就制造親和感。
扁平化 扁平化可以說(shuō)是網(wǎng)頁(yè)設(shè)計(jì)中用到的最大的畫(huà)種，它的扁平特質(zhì)即失去陰影和高光，從“形”的方面去表達(dá)網(wǎng)頁(yè)的內(nèi)容。因此，扁平化插畫(huà)繪制起來(lái)相對(duì)寫(xiě)實(shí)的學(xué)院派的插畫(huà)更為簡(jiǎn)單。它們的表達(dá)重點(diǎn)是在于顏色，運(yùn)用鮮艷的顏色能讓扁平化插畫(huà)豐富起來(lái)。
將動(dòng)物的形象繪制出來(lái)就能表現(xiàn)一種活潑可愛(ài)的感覺(jué)。下面這個(gè)網(wǎng)頁(yè)展示內(nèi)容原本和技術(shù)有關(guān)，加入了這些可愛(ài)的插畫(huà)，就能增加一種輕松的情趣
另外，扁平化也可以是抽象的表達(dá)。
你也可以將一整張網(wǎng)頁(yè)當(dāng)作創(chuàng)作對(duì)象，整個(gè)頁(yè)面的元素都像是浮動(dòng)在整個(gè)畫(huà)面的上方。
由于扁平化失去了細(xì)節(jié)，如果想要帶來(lái)更多“觸感”，可以后期增加一些細(xì)微的紋理。
風(fēng)格線條 線條是表現(xiàn)插畫(huà)內(nèi)容又一種極具風(fēng)格特征的形式，線條的風(fēng)格也決定了整個(gè)畫(huà)面的風(fēng)格。這個(gè)類別和扁平化非常接近，因?yàn)樗鼈兌疾⒉辉诳坍?huà)細(xì)節(jié)，而是類似一種速寫(xiě)。
具有幾何特征的線條可以作為插畫(huà)配圖，還可以作為背景，即使是小小的幾何線條圍繞成形，都能作為背景使用，而這類風(fēng)格目前正大行其道。
下面這類具有簡(jiǎn)筆畫(huà)特征的插畫(huà)，充滿了整個(gè)網(wǎng)頁(yè)，人物極具詼諧感
插畫(huà)和網(wǎng)頁(yè)其他組件的整體風(fēng)格都同時(shí)采用線條，風(fēng)格一致
畫(huà)影合成 所謂畫(huà)影合成就是既有繪制的成分也有攝影的部分，它融合了攝影的“真實(shí)”和手繪的“想象”，完成來(lái)源生活又超越生活之上的跨越。然而這畢竟是比較少見(jiàn)到的表達(dá)形式，除了本身不好駕馭以外，畫(huà)面也會(huì)因此而變得更復(fù)雜。
如果想要用畫(huà)影合成作為焦點(diǎn)圖形，可以選擇一些簡(jiǎn)單的幾何形。
利用人像與幾何造型、文字的合成，略增加空間感的辦法是相互形成一定的遮擋
無(wú)論哪一種類型的繪畫(huà)，在運(yùn)用到網(wǎng)頁(yè)前都必須思考與內(nèi)容的關(guān)聯(lián)性，適合才是最重要的，而非一味尋求好看的原則。
后記 就像攝影作品需要設(shè)備和模特布景，傳統(tǒng)的插畫(huà)源自手繪或者數(shù)碼繪畫(huà)，這些我們已熟悉的知識(shí)無(wú)需贅述，還有很多創(chuàng)意的變體需要設(shè)計(jì)師的進(jìn)一步探索。例如，一張繪畫(huà)素材和另一張繪畫(huà)素材的結(jié)合，甚至文字的夸張?zhí)幚淼取Ｎ覀儾粦?yīng)該將思維封閉在“只產(chǎn)出可預(yù)期以內(nèi)的畫(huà)面”，而要在已有的畫(huà)面里再進(jìn)一步修飾以達(dá)到整體頁(yè)面的要求。
【網(wǎng)頁(yè)設(shè)計(jì)中插畫(huà)的運(yùn)用及風(fēng)格】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用07-10
網(wǎng)頁(yè)設(shè)計(jì)中的文字運(yùn)用07-09
網(wǎng)頁(yè)設(shè)計(jì)中色彩搭配的運(yùn)用03-12
圓形在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用07-21
網(wǎng)頁(yè)設(shè)計(jì)中如何運(yùn)用柔和色調(diào)07-29
網(wǎng)頁(yè)設(shè)計(jì)中的半透明運(yùn)用準(zhǔn)則03-11
網(wǎng)頁(yè)設(shè)計(jì)中紅色系運(yùn)用案例07-31
在網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用柔和色調(diào)08-16
網(wǎng)頁(yè)設(shè)計(jì)中flash動(dòng)畫(huà)的特點(diǎn)與運(yùn)用02-06