摘要:隨著互聯(lián)網(wǎng)信息文化的蓬勃發(fā)展,新的軟件工具和技術(shù)不斷更新,插畫設(shè)計(jì)風(fēng)格也跟隨時(shí)代潮流不停發(fā)生轉(zhuǎn)變,等軸測(cè)圖插畫作為一種新的插畫表現(xiàn)風(fēng)格應(yīng)運(yùn)而生。等軸測(cè)圖插畫融合了2D平面插畫與3D插畫的優(yōu)點(diǎn),也被稱為2.5D插畫,它摒棄了傳統(tǒng)插畫中近大遠(yuǎn)小的透視關(guān)系,運(yùn)用平行透視,既能用清晰的視覺(jué)空間層次講述設(shè)計(jì)的內(nèi)容,也能讓觀看者的想象擁有更大的遨游空間。
關(guān)鍵詞:等軸測(cè)圖插畫;透視;現(xiàn)代插畫
中圖分類號(hào):J218.5 文獻(xiàn)標(biāo)識(shí)碼:A 文章編號(hào):1004-9436(2021)18-0-03
互聯(lián)網(wǎng)的發(fā)展為現(xiàn)代插畫創(chuàng)作提供了新的傳播媒介和創(chuàng)作方式。文章以《趣味西林》系列插畫為例,對(duì)等軸測(cè)圖的概念、應(yīng)用范圍、優(yōu)勢(shì)等進(jìn)行梳理歸納,并對(duì)其在現(xiàn)代插畫中的發(fā)展提出可行性設(shè)計(jì)原則與方法,旨在促進(jìn)等軸測(cè)圖在插畫設(shè)計(jì)中被更好地應(yīng)用。
1 等軸測(cè)圖插畫的概念與優(yōu)勢(shì)
1.1 等軸測(cè)圖
等軸測(cè)圖是一種繪制物體時(shí)每一邊的長(zhǎng)度都按繪圖比例縮放,而被繪制物體上的所有線在繪制時(shí)始終保持平行的表現(xiàn)方法,畫面內(nèi)的主體物以固定的45度角呈現(xiàn),且同方向的平行線永不相交(傳統(tǒng)的透視原則遵從近大遠(yuǎn)小,同方向的線最終會(huì)相交于一點(diǎn))[1]。等軸測(cè)圖插畫以其鮮艷的色彩、簡(jiǎn)潔時(shí)尚的造型、清晰的畫面,改變了傳統(tǒng)插畫的思維模式和創(chuàng)作形式,體現(xiàn)了藝術(shù)與技術(shù)的完美融合。
1.2 等軸測(cè)圖插畫的優(yōu)勢(shì)
等軸測(cè)圖插畫融合了傳統(tǒng)插畫的優(yōu)勢(shì),并在此基礎(chǔ)上進(jìn)行了創(chuàng)新,從而可以在如今插畫種類繁多的市場(chǎng)中后來(lái)者居上。其更好地抓住了讀者的目光,能讓讀者產(chǎn)生身臨其境之感,不僅能激發(fā)讀者的想象力和領(lǐng)悟力,使讀者主動(dòng)接收畫面中的信息,還能讓其享受優(yōu)美的畫面帶來(lái)的精神愉悅。
1.2.1 趣味性
2.5D插畫對(duì)趣味性的追求是等軸測(cè)圖插畫受歡迎的重要因素之一,趣味性的畫面更容易吸引讀者的注意力,不同于一些傳統(tǒng)的插畫有著復(fù)雜變換的線條,它只是通過(guò)最基礎(chǔ)的幾何圖形的排列組合創(chuàng)作。例如,《紀(jì)念碑谷》手游,2.5D的運(yùn)用讓最簡(jiǎn)單的幾何圖形在游戲中構(gòu)造出了一個(gè)個(gè)精彩的空間,用極簡(jiǎn)的構(gòu)圖形式帶領(lǐng)玩家體驗(yàn)到了彭羅斯三角“最純粹形式的不可能”在游戲世界中的可能性,將插畫的趣味性表現(xiàn)得淋漓盡致。
1.2.2 真實(shí)性
等軸測(cè)圖插畫能夠用一個(gè)小空間創(chuàng)造整個(gè)有序的視覺(jué)世界,它最特別之處在于用2D界面顯示3D場(chǎng)景,讓觀眾的思維和想法不自覺(jué)進(jìn)入設(shè)計(jì)師的作品中,甚至還能喚起觀眾內(nèi)心的某種情感或想象。在色彩搭配上,它可以是單色極簡(jiǎn)式配色,也可以是多元有限色彩的組合。然而,大膽的配色更像照片和3D圖像,給大眾帶來(lái)了新鮮的感受。
1.2.3 立體感
等軸測(cè)圖是一種可以在一幅畫面里同時(shí)展示物體三個(gè)面形態(tài)的繪圖表現(xiàn)方法,這種表現(xiàn)方法往往會(huì)讓畫面的立體感增強(qiáng)。圖片采用平行透視的原則,可以更真實(shí)、立體、準(zhǔn)確地展示物體。把等軸測(cè)圖的繪圖方法運(yùn)用到插畫設(shè)計(jì)中,能利用軸測(cè)圖趣味性、真實(shí)性和立體感的優(yōu)勢(shì)使畫面具有很強(qiáng)的感染力。
2 《趣味西林》建筑的插畫化
2.1 構(gòu)思來(lái)源
2.5D插畫雖然同傳統(tǒng)插畫一樣繪制在二維平面上,卻又在觀感上區(qū)別于傳統(tǒng)平面插畫,使三維立體感躍然紙上。在創(chuàng)作時(shí)設(shè)計(jì)師除了遵循客觀規(guī)律外,在色彩上也增加了更多的主觀創(chuàng)造性,使觀者可以在最短的時(shí)間里獲得更多關(guān)于建筑的信息,也使設(shè)計(jì)出的產(chǎn)品更接近藝術(shù)的本質(zhì)。
總的框架對(duì)于設(shè)計(jì)來(lái)說(shuō)是非常重要的,在將設(shè)計(jì)定位為2.5D校園地圖后,從構(gòu)思到制作就是一個(gè)完整的流程,前期準(zhǔn)備包括實(shí)地考察、風(fēng)格定位、建筑分析、布局分析、特色建筑、輔助建筑、輔助元素等??蚣艿拇嬖诰褪菫榱搜诱购屯晟扑械幕军c(diǎn),整理歸納制作地圖的邏輯和思路,從而避免在后續(xù)的設(shè)計(jì)過(guò)程中出現(xiàn)斷層或大型板塊缺失的問(wèn)題。
2.2 插畫動(dòng)態(tài)化
相較于傳統(tǒng)的靜態(tài)化,2.5D動(dòng)態(tài)化能在保留靜態(tài)化優(yōu)點(diǎn)的同時(shí)挖掘自身的優(yōu)勢(shì),通過(guò)幾何形狀的變化、圖形的位移、色彩元素的交替,讓信息傳達(dá)更多元、更豐富[2]。插畫的動(dòng)態(tài)效果主要應(yīng)用于《趣味西林》系列插畫的六幅小場(chǎng)景插畫中,動(dòng)態(tài)化的處理使小場(chǎng)景插畫更具豐富性和趣味性,增強(qiáng)了畫面的視覺(jué)沖擊力,從而提升了讀者的觀看興趣。同時(shí),向受眾展示了西南林業(yè)大學(xué)的獨(dú)有韻味,增強(qiáng)了受眾與產(chǎn)品的互動(dòng)性,使受眾能在互動(dòng)中獲取更多相關(guān)信息,加深對(duì)西南林業(yè)大學(xué)的印象。
《趣味西林》系列插畫的六幅動(dòng)態(tài)小場(chǎng)景插畫,通過(guò)色彩的明暗對(duì)比和飽和度的變換傳達(dá)畫面信息,不但能成為西林校內(nèi)傳閱分享的趣味GIF動(dòng)圖,還可以成為學(xué)校對(duì)外宣傳的趣味動(dòng)態(tài)海報(bào)。
3 《趣味西林》等軸測(cè)圖插畫設(shè)計(jì)實(shí)踐
3.1 西林建筑形象設(shè)定
根據(jù)思維導(dǎo)圖發(fā)散的建筑元素進(jìn)行實(shí)地考察,觀察校園建筑特有的形狀、形象特點(diǎn)及用途,找到色彩范圍與風(fēng)格類型,從而解決形象問(wèn)題[3]。大多2.5D建筑設(shè)計(jì)以實(shí)物的主要原色為基本特征和建筑形象,但還要考慮樓層高度及建筑自帶的外層裝飾物等各方面因素,在理性保留建筑特點(diǎn)的情況下增加一些感性的元素,使建筑更具趣味性。
3.1.1 建筑結(jié)構(gòu)的插畫表現(xiàn)
校園建筑形象作為校園內(nèi)在歷史底蘊(yùn)和外在特征的綜合體現(xiàn),是西南林業(yè)大學(xué)總體特征和風(fēng)格的主要反映。建筑形象設(shè)定是指從校園的文化氛圍、校園的自然環(huán)境、校園空間規(guī)劃布局、學(xué)校的特色專業(yè)等方面對(duì)校園的空間規(guī)劃進(jìn)行全方位設(shè)定。
以西南林業(yè)大學(xué)第一教學(xué)樓為例,根據(jù)實(shí)地考察,一教的建筑為軸對(duì)稱圖形,形狀像兩個(gè)上下開口的“C”。教學(xué)樓一面正對(duì)情人坡,一面正對(duì)中心花園,且建筑的中間部分為向外突出的上小下大圖形,因此在制作一教的2.5D插畫時(shí)就要根據(jù)實(shí)地考察的結(jié)果進(jìn)行創(chuàng)作,保證制作出的產(chǎn)品與建筑實(shí)體相符。
3.1.2 色彩在插畫中的運(yùn)用
西南林業(yè)大學(xué)第一教學(xué)樓模仿布達(dá)拉宮建造,以達(dá)到抗震的目的。教學(xué)樓作為包容性較強(qiáng)的公共建筑,又受現(xiàn)代社會(huì)生活觀念和方式的影響,因此使用建筑本身的白色作為2.5D第一教學(xué)樓的顏色就會(huì)非常單調(diào),這時(shí)就要發(fā)揮主觀能動(dòng)性,繪制時(shí)在保留其原本色彩的基礎(chǔ)上添加黃色的色調(diào),使建筑莊重又平和。
除了主要顏色的更改外,2.5D第一教學(xué)樓還增加了灰面與暗面,即黑白灰關(guān)系的處理,這有利于展現(xiàn)畫面的完整性和描繪內(nèi)容的主次關(guān)系??梢钥闯觯嬅婊野锥?、黑色少,可以給人清新、和平、輕松的感受,更加適合西南林業(yè)大學(xué)這種充滿生機(jī)和活力的地方。同時(shí),對(duì)明暗面的處理使畫面過(guò)渡柔和,但又增加了立體的感覺(jué)。
3.2 西林建筑空間布局
西林校園的空間布局是其歷史文化的演化在地域空間上留刻的有形足跡。西南林業(yè)大學(xué)作為我國(guó)西部地區(qū)唯一獨(dú)立設(shè)置的,以林學(xué)學(xué)科為主、生態(tài)環(huán)境類學(xué)科為特色的,理、工、農(nóng)、文、法、藝等多學(xué)科協(xié)調(diào)發(fā)展的林業(yè)高校,校園內(nèi)林木業(yè)發(fā)達(dá)也是其空間布局的一部分。
西林分為山上和山下,即新校區(qū)與老校區(qū)兩個(gè)校區(qū),山下進(jìn)入大門后有兩條主路,山下圖書館為匯合點(diǎn),主路通往藝術(shù)與設(shè)計(jì)學(xué)院,圖書館后面的第四教學(xué)樓兩邊是上山的高架橋。高架橋在第一教學(xué)樓兩側(cè)中止,并沿著兩側(cè)漸漸交會(huì),將教學(xué)樓等公共建筑放置在老校區(qū)的中心。沿著山上的路線,四周圍繞著學(xué)生宿舍、食堂及醫(yī)務(wù)室等公共建筑,而開放式田徑場(chǎng)和籃球場(chǎng)讓學(xué)子可任意選擇路線,“分散人群式”“綠化隔離帶”“兩軸兩一中心”等新的空間布局理念、布局模式,把西林校區(qū)建設(shè)了一個(gè)更加廣闊、更加豐富多彩的地域空間。
3.3 動(dòng)態(tài)場(chǎng)景設(shè)定
《趣味西林》小場(chǎng)景動(dòng)態(tài)插畫包含的傳播信息量更大,場(chǎng)景化表達(dá)、自帶的跳躍感、超強(qiáng)的視覺(jué)沖擊力更易引起用戶注意,讓用戶的視線停留更久。其動(dòng)態(tài)要素主要有小場(chǎng)景中車輛速度的變化(圖形位移)、時(shí)間的變化(幾何形狀變化)及春秋季節(jié)的變化(視覺(jué)色彩元素交替)三個(gè)方面,目的是給小場(chǎng)景增加一些生機(jī)和活力,給靜態(tài)的圖片增加一些人類活動(dòng)的跡象,從而使場(chǎng)景貼切,能夠還原校園本來(lái)的面目。
一教的GIF動(dòng)態(tài)小場(chǎng)景(見圖1)可融合雨季的元素。昆明的季節(jié)變化多端,無(wú)論陽(yáng)光多燦爛,轉(zhuǎn)眼就可能下起雨來(lái)。陣雨過(guò)后,彩虹隨之出現(xiàn),花草樹木經(jīng)過(guò)雨露的滋潤(rùn)生長(zhǎng)茂盛,這通常會(huì)吸引過(guò)往的行人駐足觀看,拍照分享,這一幕常在校園里上演,因此將雨季的西林做成動(dòng)態(tài)場(chǎng)景,能讓人即使不在雨季也有身臨其境之感。這種動(dòng)態(tài)化的表現(xiàn)形式使畫面的內(nèi)容更生動(dòng)有趣,且運(yùn)用特殊的方式,真實(shí)地記錄了現(xiàn)實(shí)生活中存在的場(chǎng)景,能給人更加真切的感受,同時(shí)還能迎合當(dāng)今年輕人的獵奇心理,受到年輕人的追捧,能夠更好地引發(fā)互動(dòng)、評(píng)論、分享。
4 《趣味西林》等軸測(cè)圖插畫設(shè)計(jì)應(yīng)用衍生
4.1 《趣味西林》地圖的應(yīng)用
《趣味西林》地圖插畫(見圖2)展示了從一號(hào)門(正大門)進(jìn)入學(xué)校后去往學(xué)校主要建筑的路線,并用2.5D的表現(xiàn)風(fēng)格切實(shí)還原了西林的特色建筑,讓觀眾在地圖中就可以了解西林建筑的全部風(fēng)貌和西林校園的規(guī)劃布局。地圖右下角標(biāo)注了每一棟2.5D建筑的名稱,觀看者可以快速找到目的地、規(guī)劃去往的路線,做到準(zhǔn)確性與快速性的有機(jī)統(tǒng)一。
作品將平行透視和視覺(jué)空間層次相結(jié)合,立體的畫風(fēng)瞬間令西林的形象迸發(fā)出真實(shí)感和時(shí)尚感。鮮艷的色彩與柔和的重色過(guò)渡讓作品擁有了多層次的魅力,使畫面充滿活力,讓人能夠真切感受到校園中的繁榮百態(tài),還能有效激起觀者的好奇心和探索欲。
4.2 《趣味西林》信息可視化設(shè)計(jì)中的應(yīng)用
信息可視化(Information visualization)是一個(gè)跨學(xué)科領(lǐng)域,其通過(guò)圖形圖像,讓人們更清晰地理解和分析[4]。與科學(xué)可視化相比,信息可視化側(cè)重運(yùn)用更加直觀的方式傳達(dá)抽象的信息(如在畫面中出現(xiàn)大量的文字說(shuō)明)??梢暬谋憩F(xiàn)形式與交互技術(shù)則可以使用戶目睹和探索,從而獲得大量的信息(見圖3)。
將2.5D風(fēng)格與可視化相結(jié)合設(shè)計(jì)出的海報(bào)能給人一種眼前一亮的感覺(jué)。該設(shè)計(jì)取其精華,集合了信息可視化設(shè)計(jì)與2.5D風(fēng)格的優(yōu)點(diǎn),形成了一幅具有易讀性、趣味性、交互性、立體感的海報(bào)。
畫面背景運(yùn)用漸變色,有較強(qiáng)的視覺(jué)吸引力(當(dāng)感官系統(tǒng)感受到畫面中的色彩、色調(diào)的明暗變化時(shí),大腦將會(huì)敏感察覺(jué)到特定的顏色和畫面的視覺(jué)焦點(diǎn)),可以快速抓住觀眾的眼球,從而幫助用戶更好地理解設(shè)計(jì)所表達(dá)的意圖。
5 結(jié)語(yǔ)
我們正處于互聯(lián)網(wǎng)快速發(fā)展的時(shí)代,隨著時(shí)代的發(fā)展,插畫風(fēng)格日益多樣,其制作與使用將呈現(xiàn)出大眾化、多元化、本土化的趨勢(shì)。等軸測(cè)圖插畫緊跟時(shí)代潮流,在當(dāng)今這個(gè)網(wǎng)絡(luò)時(shí)代煥發(fā)新的活力?!度の段髁帧废盗胁瀹嬇cGIF動(dòng)態(tài)場(chǎng)景只是一個(gè)開始,如何將等軸測(cè)圖融入插畫中,如何使設(shè)計(jì)出的產(chǎn)品運(yùn)用于人們的日常生活中,如何將其與多媒體技術(shù)相結(jié)合,還需要不斷思考和嘗試,從而創(chuàng)作出更多優(yōu)秀的作品,滿足人們?nèi)找嬖鲩L(zhǎng)的精神文化需求。
參考文獻(xiàn):
[1] 尚偌男,張俊.淺析互聯(lián)網(wǎng)平臺(tái)中的2.5D插畫設(shè)計(jì)[J].藝術(shù)教育,2018(23):206-207.
[2] 李自由,李漢平.動(dòng)態(tài)插畫在視覺(jué)傳達(dá)中的創(chuàng)新與應(yīng)用[J].藝術(shù)教育,2016(11):207-208.
[3] 孟瑤.新疆特色建筑軸測(cè)圖的動(dòng)態(tài)插畫實(shí)踐研究[J].大眾文藝,2019(18):141-142.
[4] 喬羽.信息可視化插圖設(shè)計(jì)應(yīng)用研究[D].北京:北京印刷學(xué)院,2015.
作者簡(jiǎn)介:沈詩(shī)涵(1999—),女,湖北荊州人,碩士在讀,研究方向:藝術(shù)設(shè)計(jì)。