登錄/注冊

Low Poly的前世今生

綜合·理論設(shè)計·配圖·板式2015-02-05

留言 2

導讀

低面建模、低多邊形、Low Poly設(shè)計風格各種新詞匯最近在各大設(shè)計社區(qū)異常火爆，作為設(shè)計中的一員，如果還不知道這是什么，那就真的OUT了！一定要腦補一下！下面一起來探討Low Poly的前世今生。

低面建模、低多邊形、Low Poly設(shè)計風格各種新詞匯最近在各大設(shè)計社區(qū)異?；鸨?，作為設(shè)計中的一員，如果還不知道這是什么，那就真的OUT了！一定要腦補一下！下面一起來探討Low Poly的前世今生。

經(jīng)常瀏覽Dribbble和Behance的朋友可能會注意到，最近“低面建模”設(shè)計風格異?；鸨?。除了網(wǎng)上的圖形設(shè)計和動效設(shè)計，現(xiàn)實中的雜志、電視中這種風格也多有體現(xiàn)。這種設(shè)計風格的特點是低細節(jié)，面又多又小，高度渲染，經(jīng)常配以柔光效果。

寂寞星球 by 雷老虎

其實，這種設(shè)計風格在早期計算機建模和動效中就被廣泛采用，在快要被遺忘之時，突然又流行了一把。

本文將著重探索這種低面建模設(shè)計風格的外觀，展示一些低面建模設(shè)計案例。

3D建模？低面建模？

所有的3D建模都需要借力多邊形。模型的多邊形越多，模型越具細節(jié)。通常會柔化多邊形的領(lǐng)教，讓物體的外觀看起來更和諧。

低面建模設(shè)計不同，建模階段使用的多邊形較少，這樣最后便會呈現(xiàn)一種簡潔、抽象的效果。更注重渲染，而不是更注重柔化多邊形。打造一種封閉、冷硬的感覺。

然而，上述講的這些并不意味著低面建模建模的作品分辨率低。低面建模設(shè)計使用了精致的渲染技術(shù)、光照效果、隱形效果，能夠?qū)⒑唵蔚奈矬w的實體性質(zhì)高度還原。（只不過外形上有所欠缺）結(jié)果便是，低面建模設(shè)計有點像現(xiàn)實生活中的手工藝品，感覺很復古。

低面建模設(shè)計代表人物是Timothy J.Reynolds。以及Jeremiah Shaw和Danny Jones的Tumblr站點Geo A Day,他們都極力推崇低面建模設(shè)計美學。

Timothy J.Reynolds作品賞析：

78563 Geo A Day,作品賞析：

用Jeremy Kool的The Paper Fox來形容這種設(shè)計風格，再貼切不過了（下圖）。這個作品成為iOS上的一款交互性極高的應用。Jeremy Kool模擬了折紙風格。加入了褶皺的紙質(zhì)感，而邊緣非常的纖細。

而在Kristina Macurova的作品中，你可以感受到景深，提高了模型的實體感。可以在鏡頭設(shè)置中調(diào)整景深，也可以后期用PS調(diào)整。

為什么低面建模設(shè)計火了？

喜歡低面建模設(shè)計的設(shè)計師似乎很不欣賞計算機建模，因為計算機建模有點太完美了，太客觀了，毫無瑕疵。而現(xiàn)在的3D建模讓人感覺太圓潤了，他們追求那種粗糙的質(zhì)感，因為設(shè)計師知道，再怎么模擬現(xiàn)實，設(shè)計出來的作品依然和現(xiàn)實差那么一“點”兒，他們覺得應該用設(shè)計去捕捉物體的本質(zhì)，而不是努力的追求外觀的模仿。

當20世紀攝影出現(xiàn)時，有人覺得攝影應該去精確的抓取現(xiàn)實瞬間，這才是攝影追求的高度。但是藝術(shù)并不需要精確:藝術(shù)表達的是一種飄忽不定的感覺，而不是外觀的完美再現(xiàn)。

繁榮發(fā)展的數(shù)字藝術(shù)，經(jīng)歷了一代又一代對“逼真”風格的無限追求，可他們永遠無法做到逼真，因為他們進行的是模擬，此時，有人厭倦了模擬，他們開始追求抽象化的表達。

怎樣進行低面建模設(shè)計？

這里提供了一份簡單教程，能夠幫助快速實現(xiàn)低面建模風格，使用的軟件是Cinema4D

1.使用簡單的實體創(chuàng)建對象，比如說球形、錐形。不必非常細膩，簡單即可。

2.Segment屬性，勾選每段細分選項“Subdivision per Segment”，段數(shù)越多，物體的面越多。

3.設(shè)置Phong屬性——決定了物體的圓滑度，在Cinema4D中，可以刪掉Phone標簽，或者將Phone角度設(shè)置為0

4.為了打造多邊形效果，可以給模型加入變形，可以手動設(shè)置（通過拖移節(jié)點），也可以使用Displacer這種變形器。使用Noise shader給每個頂點進行隨機添加。可以增加或者減少變形量。

5.給物體加入材質(zhì)，定義材質(zhì)時，可以加入隆起的映射，提供更棒的表面細節(jié)。也可以通過特殊的高光來打造。

6.添加背景，添加天空

7.添加光，微妙的光會讓作品更帶感。

8.渲染對象，使用Global Illumination渲染設(shè)置，打造柔和光，添加Ambient Occlusion添加深度感和陰影。

這就是完成后的結(jié)果。你自己鉆研一下，創(chuàng)建自己的風格吧。

實際案例

1.平面設(shè)計中的低面建模風格

即使你不會使用3D建模軟件來設(shè)計低面建模，依然可以通過平面軟件如AI、PS等來創(chuàng)造二維的低面建模風格。設(shè)計原則和三維大致相同。形狀務求簡單，確定好光源位置，添加遮蔽效果，添加深度感，從而打造一種多面的外觀。也可以適當添加一些材質(zhì)效果和光照效果。

看看Matthew Lyons的作品，他使用了簡單的幾何圖形，粗糙的材質(zhì)，很有氛圍的光。他的作品有一種中世紀的設(shè)計感，刻畫出一種復古未來派風格?！磥砜雌饋砀^去一樣的有泛黃的質(zhì)感。

2.3D網(wǎng)頁設(shè)計

78568 這是Mr.Doob上最近的一個項目

低面建模設(shè)計也可以用來傳遞3D內(nèi)容。低面建模設(shè)計，正如其名，使用了較少的多邊形，因此建模、渲染、動效制作起來稍微能輕松一點，有助于實現(xiàn)在線實時3D效果。有很多在線3D渲染技術(shù)，比如WebGl，WebGL通過OpenGL和JS的綁定，實現(xiàn)3D內(nèi)容的渲染。還有很多JS框架也能實現(xiàn)，比如three.js。

還有一種辦法是使用插件，例如Unity 和Flash，F(xiàn)lash可用的引擎很多，比如Away 3D以及Flare 3D。盡管目前Flash和Unity的渲染效果更好，但是WebGL會很快追趕上。

有興趣的可以看看three.js開發(fā)者Mr.Doob的作品，觀賞一下WebGL的效果。

3 dreams of black，這個采用WebGL的網(wǎng)站，打造了一種交互性極強的影音體驗，再加上低面建模風格的動效，感染力極強。這是個開源項目，你可以下載下來，然后重做代碼。當3D 和網(wǎng)頁設(shè)計遭遇，結(jié)果會怎樣？我們都想知道結(jié)果，我們知道低多變設(shè)計將是網(wǎng)頁設(shè)計3D化的有力推手。