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

插畫在中國被俗稱為插圖，有著非常悠久的歷史，最早在佛教文化中出現(xiàn)，以「變相」圖解宣傳佛教教義，如今一般指為企業(yè)、產(chǎn)品、服務(wù)所繪制的圖畫的一種藝術(shù)形式。作為現(xiàn)代設(shè)計(jì)的一種重要的視覺傳達(dá)手法，插畫以其直觀的形象性，真實(shí)的生活感和美的感染力，廣泛應(yīng)用于現(xiàn)代設(shè)計(jì)的多個領(lǐng)域，涉及到企業(yè)宣傳、社會文化活動、影視文化等諸多領(lǐng)域。

插畫一方面富于靈活表現(xiàn)，可根據(jù)設(shè)計(jì)師思維和想法進(jìn)行各類創(chuàng)意，適用于各類視覺主題，另一方面又與嚴(yán)選簡約、精致的品牌形象契合度較高，因而是嚴(yán)選專題設(shè)計(jì)的一個主要表達(dá)方向，經(jīng)常在嚴(yán)選各類專題設(shè)計(jì)中得到應(yīng)用，受到廣大用戶的喜愛與推崇。

許多剛?cè)胄械囊曈X設(shè)計(jì)師認(rèn)為插畫風(fēng)格專題設(shè)計(jì)需要非常專業(yè)的插畫功底才能完成，因而盡管覺得插畫風(fēng)格專題唯美、形象卻敬而遠(yuǎn)之不敢輕易嘗試，今天個人從以下五個步驟去解構(gòu)插畫風(fēng)格專題設(shè)計(jì)，通過相對簡單易學(xué)的基本操作，讓沒接觸過插畫風(fēng)格的設(shè)計(jì)師也能輕松駕馭與運(yùn)用。

嚴(yán)選插畫風(fēng)格設(shè)計(jì)五部曲

整體構(gòu)思

和所有風(fēng)格的視覺設(shè)計(jì)一樣，插畫風(fēng)格設(shè)計(jì)首先也需要進(jìn)行整體的需求分析，主要進(jìn)行以下方面工作。

1. 分析受眾與目標(biāo)

首先需要對專題的受眾進(jìn)行簡單的社會化分析，通過分析大體了解受眾的年齡層次、收入水平、審美品味、興趣愛好等，根據(jù)社會化特征信息建立用戶畫像，有利于設(shè)計(jì)方向與基調(diào)的確定。比如嚴(yán)選的目標(biāo)用戶定位于20-35歲，具有穩(wěn)定的工作與收入，追求高品質(zhì)生活的都市白領(lǐng)。

其次需要深入分析專題所需要表達(dá)的目標(biāo)和信息，通過色調(diào)、版式、字體、元素等設(shè)計(jì)手法準(zhǔn)確傳達(dá)信息內(nèi)容的同時，帶給用戶更多美的感受，升華主題思想，強(qiáng)化品牌概念與服務(wù)。

2. 確定情感關(guān)鍵詞

所謂情感關(guān)鍵詞，就是我們產(chǎn)品的視覺所要表達(dá)的情感感受，比如情人節(jié)專題確定的「浪漫」、「溫馨」、「甜蜜」，新年專題的「喜慶」、「歡快」、「熱烈」，父親節(jié)的「責(zé)任」、「擔(dān)當(dāng)」、「感恩」等等。確定好專題活動的關(guān)鍵詞后，將有助于我們進(jìn)行整體風(fēng)格的把握與塑造。

3. 整體意境構(gòu)思

確定好專題的方向后，接下來就可以構(gòu)思整體的意境以及挑選合適的素材，如新年專題我們會想到用大面積紅色作為主色調(diào)的布局，結(jié)合鞭炮、春聯(lián)、燈籠、年畫等中國傳統(tǒng)元素，通過合理的組織和編排，加上中國風(fēng)的字體設(shè)計(jì)與適當(dāng)?shù)募?xì)節(jié)完善，共同勾勒營造一派喜慶祥和的氣象。

提取輪廓

基于前一步驟的構(gòu)思的整體意境，我們需要對挑選的現(xiàn)實(shí)素材進(jìn)行插畫化改造。通常我們通過鼠標(biāo)勾選的形式，將素材的輪廓勾勒出來并填充相應(yīng)的顏色，使寫實(shí)的風(fēng)格形象化、概括化和扁平化。

簡化圖形

插畫風(fēng)格相對實(shí)物風(fēng)格，去掉了大量的寫實(shí)細(xì)節(jié)，只保留主要的特征信息因而顯得扁平簡約但不失形象生動。因此在這個步驟我們需要將勾勒好的圖形進(jìn)行簡化操作，以簡單圖形代替寫實(shí)描繪、多以面和色塊去代替原有的細(xì)節(jié)，簡化后的圖形具有高度的概括性。

完善細(xì)節(jié)

除了保證插畫的形象性與直觀性外，我們需要進(jìn)一步對素材進(jìn)行細(xì)節(jié)上的完善，以滿足進(jìn)一步的審美性與趣味性，同時賦予元素一些創(chuàng)造性，可以嘗試通過以下方法進(jìn)一步完善。

1. 移花接木

移花接木指將現(xiàn)實(shí)中不同時間和空間各類元素進(jìn)行解構(gòu)和重組，創(chuàng)造出一些妙趣橫生的新事物，增加插畫內(nèi)容的趣味性。

2. 區(qū)分主次

將重要的、核心的元素進(jìn)行強(qiáng)調(diào)刻畫、次要的元素進(jìn)行弱化處理，從而拉開主次元素的層次關(guān)系，使畫面更加具有層次感和空間感。

3. 突破現(xiàn)實(shí)

通過調(diào)整元素間的比例關(guān)系，夸張的創(chuàng)造現(xiàn)實(shí)中并不存在的事物，更加容易吸引用戶的目光焦點(diǎn)。

優(yōu)化整體

經(jīng)過以上的步驟，我們的素材基本已完成插畫風(fēng)格的改造，但插畫素材在整體專題界面中并非孤立的存在，而是和整體色調(diào)風(fēng)格、版式、字體設(shè)計(jì)形成一套有機(jī)和諧的整體，共同去呈現(xiàn)專題需要表達(dá)的信息與目標(biāo)。

案例分析

1. 千萬和春住專題

整體構(gòu)思

情感關(guān)鍵詞：清新、唯美

整體意境構(gòu)思：以嫩綠色作為主色調(diào)，結(jié)合桃花、陽光、汽車、風(fēng)箏營造輕松出游踏青的歡快意境。

提取輪廓

從田野、桃花等幾張現(xiàn)實(shí)圖片中將頁面需求的主體元素進(jìn)行提取，作為背影進(jìn)行主體頁面的大面積輔色，將整體的色調(diào)感覺搭建出來。

簡化圖形

初步提取的輪廓由于過于具象，與唯美的主題風(fēng)格不太協(xié)調(diào)，在這一步我們將主體元素進(jìn)行簡化處理，用圓潤、可愛的幾何圖形加上明快的色塊去代替樹木，整體更加扁平、卡通化，營造更加輕松、自由的氛圍。

完善細(xì)節(jié)

為了更好的體現(xiàn)春天外出郊游的意境，我們對細(xì)節(jié)進(jìn)行完善，增加了汽車、風(fēng)箏等小元素，將桃花進(jìn)行樹枝刻畫、太陽光芒的刻畫等處理，同時將遠(yuǎn)處山景進(jìn)行虛化，形成層巒疊障的連綿山脈，拉開了畫面的層次空間。

優(yōu)化整體

最后我們根據(jù)主題進(jìn)行專題的字體設(shè)計(jì)，將常規(guī)的宋體進(jìn)行變形處理，部分筆劃好似春風(fēng)輕撫而飄逸，又加上了象征春天生機(jī)勃勃的嫩芽，富有生活趣味。通過一片桃花作為主體分別呈放若遇到新歡、若重拾舊愛的對應(yīng)專題好禮，使頁面整體和諧統(tǒng)一。

2. 愛戀物語專題

目標(biāo)：呈現(xiàn)出情人節(jié)情侶間的愛情的甜蜜與浪漫。

情感關(guān)鍵詞：浪漫、甜蜜

整體意境構(gòu)思：以甜美暖色作為主色調(diào)，通過主體元素禮物盒與情侶間夸張的比例關(guān)系抓住用戶眼球，浪漫甜美同時不失趣味性。

3. 新春集市新年專題

目標(biāo)：呈現(xiàn)出春節(jié)喜慶熱鬧與琳瑯滿目的商品。

情感關(guān)鍵詞：喜慶、熱鬧

整體意境構(gòu)思：以中國傳統(tǒng)舞獅、牌樓、鞭炮等作為主體元素，谷倉作為次要元素，前后對比主次分明、空間感強(qiáng)，呈現(xiàn)了新春集市的縱深與五谷豐登的產(chǎn)品，整體氛圍熱烈喜慶，激發(fā)用戶的購買欲望。

總結(jié)

插畫風(fēng)格的表達(dá)，既遵循著藝術(shù)設(shè)計(jì)的通用規(guī)則，又具備自身獨(dú)特的審核特征，需要設(shè)計(jì)師更多去發(fā)現(xiàn)生活中的美，通過以上五部曲將生活中各類元素進(jìn)行不斷的重組、創(chuàng)造，在專題中進(jìn)行特有的形象性、生動性、趣味性、創(chuàng)造性的藝術(shù)表達(dá)，從而豐富專題內(nèi)容，更好傳達(dá)專題思想。

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(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ù)。