設(shè)計(jì)師進(jìn)階筆記 | 圖形立體化的多維度討論
我們?cè)诙S平面上看到的三維圖形,是將一些造型形態(tài)根據(jù)秩序和法則進(jìn)行解構(gòu)重組,因此呈現(xiàn)出來(lái)視覺(jué)深度與空間是有體積感的。而本文就關(guān)于圖形立體化的多維度討論。
生活中所見(jiàn)到的物體都是立體的,小到一張紙的厚度,大到一個(gè)建筑的高度,都是在現(xiàn)實(shí)空間中有體積的。
于是我們?cè)谧鲈O(shè)計(jì)的時(shí)候經(jīng)常能夠聽(tīng)到這樣的聲音:讓這個(gè)圖形再立體一點(diǎn)!
那么這個(gè)所謂的立體具體應(yīng)該如何分類和設(shè)計(jì)呢?
圖形的多維解析
我們?cè)诙S平面上看到的三維圖形,是將一些造型形態(tài)根據(jù)秩序和法則進(jìn)行解構(gòu)重組,因此呈現(xiàn)出來(lái)視覺(jué)深度與空間是有體積感的。但圖形設(shè)計(jì)的其實(shí)維度種類繁多,將這些歸納起來(lái),可以按照所呈現(xiàn)出的立體度進(jìn)行分類。
視覺(jué)立體
人們通過(guò)雙眼你能夠分辨出物體遠(yuǎn)近大小的形態(tài),因此利用一定的視覺(jué)規(guī)律,可以在畫(huà)面中呈現(xiàn)出真實(shí)的效果,這種視覺(jué)立體化其實(shí)是版面效果的表現(xiàn)。因?yàn)槭巩?huà)面產(chǎn)生三維的模擬真實(shí)的效果,使畫(huà)面更具有吸引力,同時(shí)也是設(shè)計(jì)中常用的一種手法。
簡(jiǎn)單來(lái)說(shuō)就是利用人眼的視距,將平面上的物體在畫(huà)面中造出視差,使人眼產(chǎn)生錯(cuò)覺(jué),進(jìn)而產(chǎn)生立體感,將畫(huà)面制作出更為豐富的質(zhì)感和視覺(jué)效果。
半立體
所謂“半立體”,在2.5維度中出現(xiàn)的效果,是平面向立體過(guò)渡的一個(gè)狀態(tài),在視覺(jué)上表現(xiàn)為較明顯的一種浮雕式立體,融入了觸覺(jué)感知。這種方式使圖形脫離了平面的限制,具有較強(qiáng)的立體感和豐富效果。
設(shè)計(jì)師在對(duì)圖形本身的造型、色彩進(jìn)行研究的同時(shí),還需要考慮到最終成品的效果,印刷工藝中的鏤空、雕刻、過(guò)UV、燙金等都是比較典型的實(shí)現(xiàn)平面圖形向“半立體”圖形轉(zhuǎn)換,二維轉(zhuǎn)向三維拓展的方法。
半立體的圖形將畫(huà)面凸出于畫(huà)面之外,能使人擁有更強(qiáng)烈的感官體驗(yàn),將平面的圖形用材料和肌理表達(dá)出來(lái),深受眾多設(shè)計(jì)師的喜愛(ài)。
完全立體
“完全立體”的圖形是指在真實(shí)空間中存在的,能夠以有形的材料實(shí)體,傳遞多種的信息從而吸引人們的視線。完全立體的圖形是將設(shè)計(jì)語(yǔ)言重新組織,把載體擴(kuò)大到材料運(yùn)用,也是一種知覺(jué)上的延伸,能夠產(chǎn)生富有趣味性的審美,并使圖形的色彩、質(zhì)地、肌理特征更加易于識(shí)別,帶來(lái)不同的視覺(jué)效果。
從創(chuàng)作角度來(lái)講能夠?qū)D形設(shè)計(jì)從原來(lái)的二維引入到三維,同時(shí)把交互感也帶入到三維圖形中,使材料與設(shè)計(jì)作品很好的相結(jié)合,在新媒體交互迅速發(fā)展的這一大環(huán)境背景之下,融入創(chuàng)新和審美,是設(shè)計(jì)方法和設(shè)計(jì)思維創(chuàng)新的一項(xiàng)重大突破。
二維空間中的構(gòu)造方法?
作為一名互聯(lián)網(wǎng)設(shè)計(jì)師,由于時(shí)間和精力有限,最常用的就是在二維空間中構(gòu)造視覺(jué)立體圖形,這其中有一定規(guī)律和方法可循。
透視法
我們知道在繪畫(huà)中,從一個(gè)點(diǎn)出發(fā)的三條不同方向的線可以代表畫(huà)面中的空間深度,這些斜線沿著透視線為我們?cè)谄矫嫔厦枥L出了三維的世界,被表現(xiàn)的形體與畫(huà)面不平行是表現(xiàn)透視效果的一個(gè)重要方法。
由于我們的視覺(jué)中心看物體時(shí)會(huì)產(chǎn)生變化,分為平行透視和成角透視,同時(shí)規(guī)定消失點(diǎn),有一點(diǎn)透視、兩點(diǎn)透視、和三點(diǎn)透視,掌握這種定義空間的方法為設(shè)計(jì)者們省去了計(jì)算的時(shí)間。
下面這兩個(gè)例子便是重在視覺(jué)透視角度上加以表現(xiàn),如下圖是近年流行的立體場(chǎng)景圖形,這種透視手法來(lái)自數(shù)學(xué)幾何,它能夠較好地利用到平面設(shè)計(jì)中去表達(dá)多維的空間深度,將畫(huà)面中的物體與現(xiàn)實(shí)相對(duì)應(yīng)。
(1)幾何透視法
我們知道透視的基本規(guī)律是近大遠(yuǎn)小,幾何透視利用線條在平面上產(chǎn)生的空間感,把幾何畫(huà)法運(yùn)用到圖形設(shè)計(jì)中去的一種辦法,分為平行透視和成角透視。它的三個(gè)基本元素是視平線、心點(diǎn)和距點(diǎn),掌握這樣的規(guī)律可以量化物體在畫(huà)面中的具體大小,增強(qiáng)空間感。
(2)空氣透視法
與當(dāng)人們?cè)谂袛辔矬w遠(yuǎn)近的時(shí)候,腦海中會(huì)形成該事物與其他參照物的清晰度,根據(jù)視覺(jué)規(guī)律近景清楚遠(yuǎn)景模糊,遠(yuǎn)處的物體因?yàn)橐暰噍^遠(yuǎn),人類的雙眼不能清楚地捕捉其圖像,而近處的物體則會(huì)清楚的映入我們的眼簾,因此清楚與模糊也成為我們?cè)诙S平面中營(yíng)造立體空間的方法。
(3)色彩透視法
我們所處的實(shí)際環(huán)境中,空氣是由很多種氣體和一些微小的顆粒所組成的,由于不是真空,所以視線往往只能到達(dá)一定的距離便受到空氣阻隔。物體的色彩也隨著距離而產(chǎn)生變化,離我們?cè)竭h(yuǎn)的物象,色彩的亮度、對(duì)比度、鮮艷程度都會(huì)隨之降低。
在二維畫(huà)面中,這些灰暗的色彩就會(huì)比鮮艷的在視覺(jué)上偏遠(yuǎn)一些。
制造體量感?
我們說(shuō)“或重于泰山或輕于鴻毛”的時(shí)候,其實(shí)是在說(shuō)一種體量感,這種體量感需要通過(guò)形態(tài)、色彩和肌理感來(lái)體現(xiàn),通常情況下有體量感的物體會(huì)給人一種比較敦厚、沉重的形象感覺(jué),能夠與我們的生活經(jīng)驗(yàn)相對(duì)照。
明暗光影變化
人類之所以能夠看清楚物體,是因?yàn)橛泄庠吹拇嬖?,現(xiàn)實(shí)生活中有光才有影子,才是一個(gè)真實(shí)立體形,因此如何恰當(dāng)運(yùn)用光影效果,是圖形在進(jìn)行三維空間轉(zhuǎn)換時(shí)的一個(gè)重要方面。
光源照射在物體上產(chǎn)生陰影,通過(guò)不同組成部分反射回來(lái)的光,我們了解這個(gè)物體的形狀和方向,通過(guò)陰影又能夠知曉到這個(gè)物體和光源的具體位置信息,就像是我們?cè)谌粘I钪型ㄟ^(guò)觀察物體的影子來(lái)判斷現(xiàn)在的時(shí)間,是上午還是下午一樣。
二維中的設(shè)計(jì)也同樣需要借鑒這樣的手法,能夠有效的表現(xiàn)出情感和氛圍,將畫(huà)面中光源的位置、種類改變也可以表達(dá)出不同的情緒和氣氛。利用好明暗光影甚至可以超出預(yù)期效果,它在視覺(jué)設(shè)計(jì)中是有規(guī)律可循的,同時(shí)也是可以被物化和被意象的效果。
利用視錯(cuò)覺(jué)
包豪斯教授約瑟夫·阿爾巴斯用畢生的精力研究不同維度的空間,他不斷了嘗試和總結(jié)空間規(guī)律,用辯證的思維突破常規(guī)構(gòu)建充滿變幻的空間,我們能夠從他的作品中感受到線與空間之間的韻律與秩序。
視錯(cuò)覺(jué)也被稱為“錯(cuò)視”,是人類生理視覺(jué)上的一種視差現(xiàn)象,當(dāng)我們?cè)诜治鏊囆g(shù)作品中展現(xiàn)出的錯(cuò)視的時(shí)候,需要用科學(xué)的態(tài)度、理性分析這其中包含的相關(guān)性,視錯(cuò)覺(jué)大體包括:幾何性錯(cuò)視、生理性錯(cuò)視、感知性錯(cuò)視。
(1)幾何性錯(cuò)視
幾何性錯(cuò)視是視錯(cuò)覺(jué)中比較有代表性的一個(gè),即視覺(jué)上認(rèn)知的大小、形狀、角度與實(shí)際構(gòu)成的數(shù)字有非常明顯的差別。
最早是由科學(xué)家Oppel所發(fā)表的分隔距離錯(cuò)視這一論斷,即沒(méi)被分割的看起來(lái)比已經(jīng)被分割的面積來(lái)的小。而后又相繼研究出方向錯(cuò)視(波根多夫錯(cuò)覺(jué)),面積大小錯(cuò)視(艾賓浩斯錯(cuò)覺(jué))、長(zhǎng)短錯(cuò)視(菲克錯(cuò)覺(jué))、彎曲錯(cuò)視(赫林錯(cuò)覺(jué))等著名理論。
(2)生理性錯(cuò)視
生理錯(cuò)視是天生的,人的眼睛對(duì)外界刺激有一個(gè)適應(yīng)的過(guò)程,尤其是在長(zhǎng)時(shí)間的注視著同一圖像時(shí),人的感覺(jué)器官會(huì)鈍化,于是產(chǎn)生了補(bǔ)色及殘像的生理錯(cuò)視。
當(dāng)兩個(gè)互為補(bǔ)色的色光混合在一起能夠成為白色光,由于人眼睛在受到長(zhǎng)時(shí)間某一色光的刺激后,這部分視覺(jué)細(xì)胞會(huì)對(duì)該色光產(chǎn)生疲勞,當(dāng)視線轉(zhuǎn)移到其他地方,這部分感光的細(xì)胞無(wú)法馬上恢復(fù)工作。因而該色光的補(bǔ)色細(xì)胞未受到刺激開(kāi)始活動(dòng),故而產(chǎn)生殘像補(bǔ)色的視知覺(jué)。
(3)認(rèn)知性錯(cuò)視
感知性錯(cuò)視屬于認(rèn)知心理學(xué)的討論范疇,來(lái)自于人類對(duì)知覺(jué)的慣性理解。人們對(duì)周圍環(huán)境的認(rèn)知已經(jīng)深植在腦海中,例如:光照會(huì)產(chǎn)生投影、物體近大遠(yuǎn)小等基本規(guī)律,這種感知的恒常性能夠使我們?cè)谟^察畫(huà)面中物體的時(shí)候保持統(tǒng)一的認(rèn)知,不會(huì)輕易改變。
設(shè)計(jì)作品具有真實(shí)環(huán)境和模擬真實(shí)場(chǎng)景的雙重現(xiàn)實(shí)性,人們?cè)谡鎸?shí)環(huán)境中體驗(yàn)?zāi)M真實(shí)的場(chǎng)景,具有二維、三維的的多維度體驗(yàn)。視錯(cuò)覺(jué)的藝術(shù)充滿神奇而新穎表達(dá),將這樣的手法融合到設(shè)計(jì)中去可以使作品更加豐富多彩,表現(xiàn)手法多種多樣,產(chǎn)生有趣且生動(dòng)的視覺(jué)現(xiàn)象。:
模擬肌理
自然物的外層都附有一層“肌膚”,有的光滑整潔,有的斑駁粗糙,還有的平實(shí)細(xì)密,于是有了各類不同的外貌形態(tài)。生活中的材質(zhì)肌理主要是通過(guò)我們觸感向大腦發(fā)出信號(hào)告知的,人的視覺(jué)對(duì)不同的觸覺(jué)有著差異性的認(rèn)知。
在圖形設(shè)計(jì)中,面對(duì)尖銳的圖案填充,會(huì)感到質(zhì)地粗糙,看到圓潤(rùn)的圖形,會(huì)感到光滑平整,這都是基于我們長(zhǎng)期的生活經(jīng)驗(yàn)積累。在設(shè)計(jì)的時(shí)候把觸感轉(zhuǎn)變?yōu)橐暩?,能夠表現(xiàn)出千差萬(wàn)別的材質(zhì)特性,這種認(rèn)知帶來(lái)的互動(dòng)和心里體驗(yàn),能夠使我們對(duì)圖形產(chǎn)生無(wú)限的聯(lián)想。
在現(xiàn)代圖形設(shè)計(jì)之中,設(shè)計(jì)師非常鐘情于利用材質(zhì)的不同傳達(dá)情感,增加與人之間的互動(dòng),在生活當(dāng)中尋找肌理的靈感,模仿木質(zhì)、金屬、玻璃、紙質(zhì)、布料等,將這些肌理附著在圖形當(dāng)中,變成視覺(jué)傳遞的語(yǔ)言。
總結(jié)?
軟件的發(fā)展使我們能夠越發(fā)簡(jiǎn)單的制作出模擬現(xiàn)實(shí)的立體圖形,多種方法靈活運(yùn)用,不僅可以增加圖形語(yǔ)言的豐富性,甚至可以延展到三維空間去制作完全立體的圖形。當(dāng)我們能夠了解并掌握這些視覺(jué)規(guī)律,就掌握了二維與三維相互轉(zhuǎn)換的方式,同時(shí)也帶來(lái)創(chuàng)意的靈感,將視覺(jué)設(shè)計(jì)帶向更高層面的發(fā)展平臺(tái)。
作者:呂怡然,視覺(jué)設(shè)計(jì)師,一個(gè)喜歡動(dòng)畫(huà)的設(shè)計(jì)師
本文來(lái)源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心(微信公眾號(hào)@58UXD),作者@呂怡然
題圖來(lái)自 Pixabay,基于 CC0 協(xié)議
文章語(yǔ)法錯(cuò)誤挺多的,文章讀著拗口,看不下去。