UI界面設計 設計教程 ·

網易嚴選的插畫設計五部曲

插畫在中國被俗稱為插圖,有著非常悠久的歷史,最早在佛教文化中出現,以“變相”圖解宣傳佛教教義,如今一般指為企業、產品、服務所繪制的圖畫的一種藝術形式。作為現代設計的一種重要的視覺傳達手法,插畫以其直觀的形象性,真實的生活感和美的感染力,廣泛應用于現代設計的多個領域,涉及到企業宣傳、社會文化活動、影視文化等諸多領域。

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

許多剛入行的視覺設計師認為插畫風格專題設計需要非常專業的插畫功底才能完成,因而盡管覺得插畫風格專題唯美、形象卻敬而遠之不敢輕易嘗試,今天個人從以下五個步驟去解構插畫風格專題設計,通過相對簡單易學的基本操作,讓沒接觸過插畫風格的設計師也能輕松駕馭與運用。

 

?嚴選插畫設計五部曲?

?整體構思?

和所有風格的視覺設計一樣,插畫風格設計首先也需要進行整體的需求分析,主要進行以下方面工作:

1、分析受眾與目標

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

其次需要深入分析專題所需要表達的目標和信息,通過色調、版式、字體、元素等設計手法準確傳達信息內容的同時,帶給用戶更多美的感受,升華主題思想,強化品牌概念與服務。

 

2、確定情感關鍵詞

所謂情感關鍵詞,就是我們產品的視覺所要表達的情感感受,比如情人節專題確定的“浪漫”、“溫馨”、“甜蜜”,新年專題的“喜慶”、“歡快”、“熱烈”,父親節的“責任”、“擔當”、“感恩”等等。確定好專題活動的關鍵詞后,將有助于我們進行整體風格的把握與塑造。

 

3、整體意境構思

確定好專題的方向后,接下來就可以構思整體的意境以及挑選合適的素材,如新年專題我們會想到用大面積紅色作為主色調的布局,結合鞭炮、春聯、燈籠、年畫等中國傳統元素,通過合理的組織和編排,加上中國風的字體設計與適當的細節完善,共同勾勒營造一派喜慶祥和的氣象。

 

?提取輪廓?

基于前一步驟的構思的整體意境,我們需要對挑選的現實素材進行插畫化改造。通常我們通過鼠標勾選的形式,將素材的輪廓勾勒出來并填充相應的顏色,使寫實的風格形象化、概括化和扁平化。

 

 

?簡化圖形?

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

 

?完善細節?

除了保證插畫的形象性與直觀性外,我們需要進一步對素材進行細節上的完善,以滿足進一步的審美性與趣味性,同時賦予元素一些創造性,可以嘗試通過以下方法進一步完善:

1、移花接木

移花接木指將現實中不同時間和空間各類元素進行解構和重組,創造出一些妙趣橫生的新事物,增加插畫內容的趣味性。

 

2、區分主次

將重要的、核心的元素進行強調刻畫、次要的元素進行弱化處理,從而拉開主次元素的層次關系,使畫面更加具有層次感和空間感。

 

3、突破現實

通過調整元素間的比例關系,夸張的創造現實中并不存在的事物,更加容易吸引用戶的目光焦點。

 

 

 

?優化整體?

經過以上的步驟,我們的素材基本已完成插畫風格的改造,但插畫素材在整體專題界面中并非孤立的存在,而是和整體色調風格、版式、字體設計形成一套有機和諧的整體,共同去呈現專題需要表達的信息與目標。

 

 

?案例分析?

千萬和春住專題

1 、整體構思

情感關鍵詞:清新、唯美
整體意境構思:以嫩綠色作為主色調,結合桃花、陽光、汽車、風箏營造輕松出游踏青的歡快意境。

 

2、提取輪廓

從田野、桃花等幾張現實圖片中將頁面需求的主體元素進行提取,作為背影進行主體頁面的大面積輔色,將整體的色調感覺搭建出來。

 

3 、簡化圖形

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

 

4 、完善細節

為了更好的體現春天外出郊游的意境,我們進行一對細節進行完善,增加了汽車、風箏等小元素,將桃花進行樹枝刻畫、太陽光芒的刻畫等處理,同時將遠處山景進行虛化,形成層巒疊障的連綿山脈,拉開了畫面的層次空間。

 

5、優化整體

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

 

愛戀物語專題

目標:呈現出情人節情侶間的愛情的甜蜜與浪漫。

情感關鍵詞:浪漫、甜蜜

整體意境構思:以甜美緩色作為主色調,通過主體元素禮物盒與情侶間夸張的比例關系抓住用戶眼球,浪漫甜

美同時不失趣味性

 

新春集市新年專題

目標:呈現出春節喜慶熱鬧與琳瑯滿目的商品。

情感關鍵詞:喜慶、熱鬧

整體意境構思:以中國傳統舞獅、牌樓、鞭炮等作為主體元素,谷倉作為次要元素,前后對比主次分明、空間感強,呈現了新春集市的縱深與五谷豐登的產品,整體氛圍熱烈喜慶,激發用戶的購買欲望。

 

 

?總結?

插畫風格的表達,既遵循著藝術設計的通用規則,又具備自身獨特的審核特征,需要設計師更多去發現生活中的美,通過以上五部曲將生活中各類元素進行不斷的重組、創造,在專題中進行特有的形象性、生動性、趣味性、創造性的藝術表達,從而豐富專題內容,更好傳達專題思想。

 

如果想學習更多關于插畫的設計,可以下載我們精選的插畫素材:http://www.2i6p.com/works/illustrations

 

 

原創: 周明鳳 網易UEDC