2019-1-28 濤濤
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
插畫在中國(guó)被俗稱為插圖，有著非常悠久的歷史，最早在佛教文化中出現(xiàn)，以「變相」圖解宣傳佛教教義，如今一般指為企業(yè)、產(chǎn)品、服務(wù)所繪制的圖畫的一種藝術(shù)形式。作為現(xiàn)代設(shè)計(jì)的一種重要的視覺(jué)傳達(dá)手法，插畫以其直觀的形象性，真實(shí)的生活感和美的感染力，廣泛應(yīng)用于現(xiàn)代設(shè)計(jì)的多個(gè)領(lǐng)域，涉及到企業(yè)宣傳、社會(huì)文化活動(dòng)、影視文化等諸多領(lǐng)域。插畫一方面富于靈活表現(xiàn)，可根據(jù)設(shè)計(jì)師思維和想法進(jìn)行各類創(chuàng)意，適用于各類視覺(jué)主題，另一方面又與嚴(yán)選簡(jiǎn)約、精致的品牌形象契合度較高，因而是嚴(yán)選專題設(shè)計(jì)的一個(gè)主要表達(dá)方向，經(jīng)常在嚴(yán)選各類專題設(shè)計(jì)中得到應(yīng)用，受到廣大用戶的喜愛(ài)與推崇。
許多剛?cè)胄械囊曈X(jué)設(shè)計(jì)師認(rèn)為插畫風(fēng)格專題設(shè)計(jì)需要非常專業(yè)的插畫功底才能完成，因而盡管覺(jué)得插畫風(fēng)格專題唯美、形象卻敬而遠(yuǎn)之不敢輕易嘗試，今天個(gè)人從以下五個(gè)步驟去解構(gòu)插畫風(fēng)格專題設(shè)計(jì)，通過(guò)相對(duì)簡(jiǎn)單易學(xué)的基本操作，讓沒(méi)接觸過(guò)插畫風(fēng)格的設(shè)計(jì)師也能輕松駕馭與運(yùn)用。
和所有風(fēng)格的視覺(jué)設(shè)計(jì)一樣，插畫風(fēng)格設(shè)計(jì)首先也需要進(jìn)行整體的需求分析，主要進(jìn)行以下方面工作。
首先需要對(duì)專題的受眾進(jìn)行簡(jiǎn)單的社會(huì)化分析，通過(guò)分析大體了解受眾的年齡層次、收入水平、審美品味、興趣愛(ài)好等，根據(jù)社會(huì)化特征信息建立用戶畫像，有利于設(shè)計(jì)方向與基調(diào)的確定。比如嚴(yán)選的目標(biāo)用戶定位于20-35歲，具有穩(wěn)定的工作與收入，追求高品質(zhì)生活的都市白領(lǐng)。
其次需要深入分析專題所需要表達(dá)的目標(biāo)和信息，通過(guò)色調(diào)、版式、字體、元素等設(shè)計(jì)手法準(zhǔn)確傳達(dá)信息內(nèi)容的同時(shí)，帶給用戶更多美的感受，升華主題思想，強(qiáng)化品牌概念與服務(wù)。
所謂情感關(guān)鍵詞，就是我們產(chǎn)品的視覺(jué)所要表達(dá)的情感感受，比如情人節(jié)專題確定的「浪漫」、「溫馨」、「甜蜜」，新年專題的「喜慶」、「歡快」、「熱烈」，父親節(jié)的「責(zé)任」、「擔(dān)當(dāng)」、「感恩」等等。確定好專題活動(dòng)的關(guān)鍵詞后，將有助于我們進(jìn)行整體風(fēng)格的把握與塑造。
確定好專題的方向后，接下來(lái)就可以構(gòu)思整體的意境以及挑選合適的素材，如新年專題我們會(huì)想到用大面積紅色作為主色調(diào)的布局，結(jié)合鞭炮、春聯(lián)、燈籠、年畫等中國(guó)傳統(tǒng)元素，通過(guò)合理的組織和編排，加上中國(guó)風(fēng)的字體設(shè)計(jì)與適當(dāng)?shù)募?xì)節(jié)完善，共同勾勒營(yíng)造一派喜慶祥和的氣象。
基于前一步驟的構(gòu)思的整體意境，我們需要對(duì)挑選的現(xiàn)實(shí)素材進(jìn)行插畫化改造。通常我們通過(guò)鼠標(biāo)勾選的形式，將素材的輪廓勾勒出來(lái)并填充相應(yīng)的顏色，使寫實(shí)的風(fēng)格形象化、概括化和扁平化。
插畫風(fēng)格相對(duì)實(shí)物風(fēng)格，去掉了大量的寫實(shí)細(xì)節(jié)，只保留主要的特征信息因而顯得扁平簡(jiǎn)約但不失形象生動(dòng)。因此在這個(gè)步驟我們需要將勾勒好的圖形進(jìn)行簡(jiǎn)化操作，以簡(jiǎn)單圖形代替寫實(shí)描繪、多以面和色塊去代替原有的細(xì)節(jié)，簡(jiǎn)化后的圖形具有高度的概括性。
除了保證插畫的形象性與直觀性外，我們需要進(jìn)一步對(duì)素材進(jìn)行細(xì)節(jié)上的完善，以滿足進(jìn)一步的審美性與趣味性，同時(shí)賦予元素一些創(chuàng)造性，可以嘗試通過(guò)以下方法進(jìn)一步完善。
移花接木指將現(xiàn)實(shí)中不同時(shí)間和空間各類元素進(jìn)行解構(gòu)和重組，創(chuàng)造出一些妙趣橫生的新事物，增加插畫內(nèi)容的趣味性。
將重要的、核心的元素進(jìn)行強(qiáng)調(diào)刻畫、次要的元素進(jìn)行弱化處理，從而拉開主次元素的層次關(guān)系，使畫面更加具有層次感和空間感。
通過(guò)調(diào)整元素間的比例關(guān)系，夸張的創(chuàng)造現(xiàn)實(shí)中并不存在的事物，更加容易吸引用戶的目光焦點(diǎn)。
經(jīng)過(guò)以上的步驟，我們的素材基本已完成插畫風(fēng)格的改造，但插畫素材在整體專題界面中并非孤立的存在，而是和整體色調(diào)風(fēng)格、版式、字體設(shè)計(jì)形成一套有機(jī)和諧的整體，共同去呈現(xiàn)專題需要表達(dá)的信息與目標(biāo)。
整體構(gòu)思
情感關(guān)鍵詞：清新、唯美
整體意境構(gòu)思：以嫩綠色作為主色調(diào)，結(jié)合桃花、陽(yáng)光、汽車、風(fēng)箏營(yíng)造輕松出游踏青的歡快意境。
提取輪廓
從田野、桃花等幾張現(xiàn)實(shí)圖片中將頁(yè)面需求的主體元素進(jìn)行提取，作為背影進(jìn)行主體頁(yè)面的大面積輔色，將整體的色調(diào)感覺(jué)搭建出來(lái)。
簡(jiǎn)化圖形
初步提取的輪廓由于過(guò)于具象，與唯美的主題風(fēng)格不太協(xié)調(diào)，在這一步我們將主體元素進(jìn)行簡(jiǎn)化處理，用圓潤(rùn)、可愛(ài)的幾何圖形加上明快的色塊去代替樹木，整體更加扁平、卡通化，營(yíng)造更加輕松、自由的氛圍。
完善細(xì)節(jié)
為了更好的體現(xiàn)春天外出郊游的意境，我們對(duì)細(xì)節(jié)進(jìn)行完善，增加了汽車、風(fēng)箏等小元素，將桃花進(jìn)行樹枝刻畫、太陽(yáng)光芒的刻畫等處理，同時(shí)將遠(yuǎn)處山景進(jìn)行虛化，形成層巒疊障的連綿山脈，拉開了畫面的層次空間。
優(yōu)化整體
最后我們根據(jù)主題進(jìn)行專題的字體設(shè)計(jì)，將常規(guī)的宋體進(jìn)行變形處理，部分筆劃好似春風(fēng)輕撫而飄逸，又加上了象征春天生機(jī)勃勃的嫩芽，富有生活趣味。通過(guò)一片桃花作為主體分別呈放若遇到新歡、若重拾舊愛(ài)的對(duì)應(yīng)專題好禮，使頁(yè)面整體和諧統(tǒng)一。
目標(biāo)：呈現(xiàn)出情人節(jié)情侶間的愛(ài)情的甜蜜與浪漫。
情感關(guān)鍵詞：浪漫、甜蜜
整體意境構(gòu)思：以甜美暖色作為主色調(diào)，通過(guò)主體元素禮物盒與情侶間夸張的比例關(guān)系抓住用戶眼球，浪漫甜美同時(shí)不失趣味性。
目標(biāo)：呈現(xiàn)出春節(jié)喜慶熱鬧與琳瑯滿目的商品。
情感關(guān)鍵詞：喜慶、熱鬧
整體意境構(gòu)思：以中國(guó)傳統(tǒng)舞獅、牌樓、鞭炮等作為主體元素，谷倉(cāng)作為次要元素，前后對(duì)比主次分明、空間感強(qiáng)，呈現(xiàn)了新春集市的縱深與五谷豐登的產(chǎn)品，整體氛圍熱烈喜慶，激發(fā)用戶的購(gòu)買欲望。
插畫風(fēng)格的表達(dá)，既遵循著藝術(shù)設(shè)計(jì)的通用規(guī)則，又具備自身獨(dú)特的審核特征，需要設(shè)計(jì)師更多去發(fā)現(xiàn)生活中的美，通過(guò)以上五部曲將生活中各類元素進(jìn)行不斷的重組、創(chuàng)造，在專題中進(jìn)行特有的形象性、生動(dòng)性、趣味性、創(chuàng)造性的藝術(shù)表達(dá)，從而豐富專題內(nèi)容，更好傳達(dá)專題思想。
藍(lán)藍(lán)設(shè)計(jì)( www.newchinaweekly.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.newchinaweekly.com