文丨姜哥

在之前的三篇文章中挪丢，分別給大家介紹了平面構(gòu)成的三大基本元素——點(diǎn)乾蓬、線任内、面的原理和使用方法死嗦，錯(cuò)過的同學(xué)可以看過來：

《設(shè)計(jì)入門01 | 不知道這一“點(diǎn)”越除，學(xué)再多技能也不會(huì)設(shè)計(jì)》

《設(shè)計(jì)入門02 | 線在平面設(shè)計(jì)中有哪些花樣可以玩摘盆？》

《設(shè)計(jì)入門03 | 你一定想不到孩擂，“面”可以這么好玩》

今天來說個(gè)稍微特殊的元素——「體」的應(yīng)用类垦。

為什么說它特殊呢蚤认？

我們知道烙懦，平面設(shè)計(jì)是在二維空間（也就是平面）內(nèi)進(jìn)行的氯析，而真正意義上的體具有長掩缓、寬你辣、高舍哄，是三維空間的概念表悬。

因此蟆沫，在平面設(shè)計(jì)中說到的「體」的概念饭庞，其實(shí)是通過圖形對(duì)人的視覺引導(dǎo)舟山，從而形成的幻覺空間捏顺。

圖片來源：AdobeStock

1、什么是體拆座？

面的移動(dòng)就形成了體。

正方形沿某垂直于它的方向平移一定距離（邊長）形成正方體孕索。

圓形繞軸線旋轉(zhuǎn)一周就形成球體搞旭。

圓形沿垂直方向平移的同時(shí)肄渗，按中心點(diǎn)不斷縮小翎嫡，直至縮為一個(gè)點(diǎn)惑申，就形成了圓錐體圈驼。

圖片來源：freepik

2碗脊、如何讓平面變得立體

1.運(yùn)用透視?

透視是一種繪畫技巧，用于在平面上描繪物體的空間關(guān)系矢劲。

常見的透視有三種（以立方體為例）芬沉。

▲一點(diǎn)透視

也稱平行透視丸逸。立方體前后兩個(gè)面的邊線均保持水平和垂直黄刚，其余邊線都向一個(gè)點(diǎn)匯聚（消失點(diǎn)）憔维。

▲兩點(diǎn)透視

在一點(diǎn)透視的基礎(chǔ)上检吆，立方體旋轉(zhuǎn)一定角度后蹭沛，豎向的邊線仍然保持垂直，其余邊線向左右兩個(gè)消失點(diǎn)延伸斟或。

▲三點(diǎn)透視

在兩點(diǎn)透視的基礎(chǔ)上，再增加一個(gè)消失點(diǎn)根欧，立方體的所有邊線都向三個(gè)消失點(diǎn)延伸凤粗。此時(shí)沒有一條邊是垂直或水平的嫌拣。

三點(diǎn)透視適用于仰視或俯視的場景异逐。

圖片來源：mahalo.com

現(xiàn)實(shí)生活中，我們看到的所有物體都遵循透視的基本規(guī)律：

近大遠(yuǎn)性腿蟆：同一物體距離人眼越近要销，在視網(wǎng)膜上成像越大蕉陋；反之越遠(yuǎn)越小捐凭。

近實(shí)遠(yuǎn)虛：距離人眼越近的物體，看得越清晰凳鬓；距離越遠(yuǎn)越模糊茁肠。

近寬遠(yuǎn)窄：寬度相同的物體，距離越遠(yuǎn)的那一部分看起來越窄缩举。比如垦梆，你站在馬路中間往遠(yuǎn)處看，路會(huì)越來越窄仅孩。

2.顏色變化

明暗：明色調(diào)給人突出感托猩，暗色調(diào)給人凹陷感。

冷暖：暖色系給人前進(jìn)感京腥，冷色系給人后退感欠气。

圖片來源：practicalecommerce

3.增加光影

光源：添加光源能讓圖形看起來立體。如圖左上角的光源，依次形成了高光、亮灰、明暗交界、暗灰、反光以及投影區(qū)域盐肃，前五個(gè)稱為光的明暗五大調(diào)谦铃。

圖片來源：百度百科

投影：除了添加光源會(huì)產(chǎn)生陰影茧彤，還可以直接給元素增加投影或倒影，達(dá)到立體的效果许蓖。

圖片來源：deeptuts

4.元素重疊

通過元素疊加打造層次感沛豌，也可以讓圖片更立體芍锦。

在形式上檬输，既可以是同一元素的錯(cuò)位疊加，也可以是不同元素彼此遮蓋瘩将。

更有創(chuàng)意點(diǎn)异旧，可以像下圖這樣，靈活改變兩個(gè)元素——文字與人物的前后關(guān)系，使空間感更強(qiáng)带兜。

圖片來源：Behance

5.元素變形

將圖片中的元素進(jìn)行彎曲變形處理郭变，增加立體感。

圖片來源：emuni

還可以將文字看成面，通過文字傾斜+陰影的使用，形成不同面連接的立體感潭枣。

圖片來源：inspirationde、typographicposters

3窜司、體在平面設(shè)計(jì)中可以怎么用？

1.使用立體化圖形/圖片作為主體

如果能找到本身就具有很強(qiáng)立體感的圖形或圖片艇搀，可以直接拿來作為海報(bào)的主體，不僅能簡單粗暴地讓版面更立體空幻，還能節(jié)省很多時(shí)間烁峭。

圖片來源：deepyellow.net

2.使用立體化圖形/圖片作為背景

立體化圖形與圖片既可以作為主體，也可以作為背景秕铛。

如下圖约郁，由于背景圖片本身有近大遠(yuǎn)小的透視關(guān)系，文字并不用進(jìn)行特殊處理但两，也能使版面呈現(xiàn)出空間感鬓梅。

圖片來源：fujisawa-co.com

3.給文字/圖形增加投影

前面提到光影的使用會(huì)增加立體感，在實(shí)際應(yīng)用時(shí)谨湘，不同的投影角度會(huì)表現(xiàn)出元素不同的空間位置绽快。

垂直于畫面投影會(huì)使元素看起來像「掛在墻上」芥丧，倒影會(huì)使元素看起來像「置于地面」。

下圖中的海報(bào)中就為文字添加了倒影坊罢，并拉長文字與倒影之間的距離娄柳，使文字具有很強(qiáng)烈的懸浮感。

拆解文字筆畫及透視關(guān)系的運(yùn)用艘绍，強(qiáng)化空間感的同時(shí)赤拒，也表現(xiàn)出與主題相關(guān)的時(shí)間感。

紀(jì)錄片《四十年》海報(bào)

4.文字/圖形傾斜連接形成多個(gè)面

通難文字或元素的傾斜诱鞠、變形連接后挎挖，可以形成多個(gè)平面連接轉(zhuǎn)折的視覺效果。在這里需要注意航夺，面與面之間的交接線要?jiǎng)澐值米銐蚯逦?/p>

不限于平面蕉朵，如果對(duì)文字進(jìn)行彎曲處理，就可以做成曲面甚至波浪面的形式阳掐。

圖片來源：adolfy

5.疊加與透視

疊加文字以體現(xiàn)它們之間不同的空間位置始衅，或者直接將陰影拉長展示元素的厚度，再配合透視關(guān)系缭保，就是常見的立體藝術(shù)字的處理方法汛闸。

圖片來源：experimentaljetset

6.大小、明暗對(duì)比

運(yùn)用近大遠(yuǎn)小艺骂、近實(shí)遠(yuǎn)虛诸老、近寬遠(yuǎn)窄的透視規(guī)律，能讓版面有由遠(yuǎn)到近钳恕、由內(nèi)向外的空間感别伏。可以配合光的明暗變化來表現(xiàn)忧额。

圖片來源：電影《Blame》海報(bào)

?寫在最后：

到這里厘肮，平面構(gòu)成的基本形態(tài)就講完了。

不同于PS訓(xùn)練營的課程睦番，#設(shè)計(jì)入門#系列文章更注重設(shè)計(jì)思路的培養(yǎng)类茂。可以這么理解抡砂，精通PS操作可以成為美工大咱，懂設(shè)計(jì)理論才能成為設(shè)計(jì)師。

另外注益，文章中講到的所有方法只是提供一種思路，設(shè)計(jì)是創(chuàng)造性的工作溯捆，試著去找到有趣的玩法丑搔，不要局限于幾種套路厦瓢。

最后，關(guān)于設(shè)計(jì)你還有什么想知道的啤月，可以在下方留言區(qū)或后臺(tái)告訴我~

我們下次見煮仇。