@大貓Addict?：知道為什么好，好在哪里，這樣的思考過程對自己的提高是很有幫助的。這次給大家解構(gòu)的作品是德國漢堡設(shè)計工作室Design Addicted出的一張海報，一起來看看這個海報你沒有注意到的細(xì)節(jié)吧！

上一期回顧：《想學(xué)會臨?。縼砜纯锤呤质侨绾谓鈽?gòu)一張海報設(shè)計的！》

看主標(biāo)題字體應(yīng)該是用的阿凡加德或者艾文莉之類的。

ok，現(xiàn)在開始解構(gòu)這個作品，本來想用網(wǎng)格解構(gòu)的，但之后發(fā)現(xiàn)這個海報所用的網(wǎng)格太復(fù)雜了，屬于分層網(wǎng)格。

何為分層網(wǎng)格呢？分層網(wǎng)格其實是一種網(wǎng)格的疊加形式，就是利用不同的網(wǎng)格進行組合編排。

拿這個作品來說，他上面的主標(biāo)題文字用的是一種網(wǎng)格，而下面的藍(lán)綠色方框用的是另一種網(wǎng)格，其余元素也套用了其他形式的網(wǎng)格，所以一般這種分層網(wǎng)格的作品很難將他的網(wǎng)格系統(tǒng)給解構(gòu)出來。但是這并不妨礙我們對這個作品進行解構(gòu)，網(wǎng)格系統(tǒng)雖然聽上去高大上，但也只不過設(shè)計的一個工具而已，而且就整個平面設(shè)計來說只占很小的一部分。

ok，現(xiàn)在開始把，首先我們來看這張海報：

從宏觀上來說，他的主標(biāo)題使用的是兩端對齊：

但是他的局部使用的是左對齊的架構(gòu)，像 「WE DESIGN」，與中間的說明性文字都使用的是左對齊。

然后我們來說一下圖中疊在主標(biāo)題字下面的方塊：

如果把比例做出來：

兩個方塊的邊長比為240：160，是1.5倍的關(guān)系。

因為這個網(wǎng)格很難拆，所以宏觀上我們就分析到這里，下面從文字這一塊進行解構(gòu)。

文字對設(shè)計是非常重要的，文字的美不美觀直接影響了你的設(shè)計作品好壞。

這個畫面中主標(biāo)題用的字體是Brandon Grotesque，這個字體與我們之前解構(gòu)的阿迪達(dá)斯海報的字體非常像，但也是細(xì)節(jié)上的差異很大，屬于具有幾何特征的無襯線體之一。

其他的幾何無襯線體也很多，比如著名的阿凡加德（Avant Garde Gothic）、弗圖拉（futura）、艾文莉（Avenir）等，其中弗圖拉的特征很明顯，除了具有幾何化的特征外，它還是一款具有古典主義結(jié)構(gòu)的不等寬字體。

我們來看一下，上圖從左到右分別是阿凡加德、弗圖拉、艾文莉。

我們把弗圖拉變成更細(xì)的字重，這樣結(jié)構(gòu)可以更清楚。

可以看到弗圖拉這款字體，它的R/E/S等相對與A/G/N字母來說寬度差別特別大，這就是古典結(jié)構(gòu)的字體。

單純說無襯線體你們可能還不明白，我們再說一款古典結(jié)構(gòu)的襯線體：

如上圖，這是非常著名的一款襯線體，叫圖拉真（trajin），如果大家有去觀察一定會發(fā)現(xiàn)，他也是字母寬度相差很大的一款字體，比如“E”、“S”跟“G”、“N”的寬度對比，這種字母不等寬的字體就是古典主義結(jié)構(gòu)的。

Trajin，其實是羅馬帝國皇帝圖拉真的英文拼寫。這個字體是基于“古羅馬方塊大寫字母”的風(fēng)格，事實上這款字體也確實只有大寫字母。圖拉真這個古風(fēng)的字體廣泛用于古羅馬石碑上面，不過近些年也經(jīng)常在電影海報、電視和書籍上面使用。舉幾個電影海報的例子：

上面這個電影威爾·史密斯的《我是傳奇》，他的標(biāo)題字體用的就是圖拉真。

對，你們的杰克跟露絲用的也是圖拉真字體。

《海上鋼琴師》這款海報用的也是Trajin。

大家可以看出來，表現(xiàn)這種史詩、英雄、古典、神秘題材的電影很多都采用了Trajin或類似Trajin的古典結(jié)構(gòu)字體，因為這種字體本身就具有這些氣質(zhì)。

好，給大家講了一下額外的至少點，扯得有點遠(yuǎn)了，現(xiàn)在我們繼續(xù)回到這張海報。

這個海報值得我們學(xué)習(xí)的地方我覺的有三點：

第一個是他的字體與橫線的重量關(guān)系，它主標(biāo)題下橫線的粗度與字體的粗度差不多是統(tǒng)一的，所以版面很和諧。
第二個，他主標(biāo)題與下面裝飾方框的疊壓的處理方式。
第三個，也是最重要的，是它對文字層級間的比例對比。

前兩個大家動好理解，現(xiàn)在我們來重點說說第三個。首先它選用的這個字體，Brandon Grotesque給人的感覺就很時尚很現(xiàn)代，很符合整個畫面的調(diào)性。

另外我們來看一下他們字體之間的比例關(guān)系：

主標(biāo)題用的是55號字，40的字距，正文用的是10號字，他們之間的比例是5.5倍，所以兩個文字的層級奮斗十分清晰。

同時正文的行距是20Pt，與字號10pt是雙倍的關(guān)系，也就是我們說的雙倍行距。

接下來我們來看一下他四邊上的文字，字號是11pt，與主標(biāo)題之間是5倍字號的關(guān)系。

當(dāng)然，他這個11號字與正文的10號字層級是十分不明確的，這在一個版面中是屬于對比模棱兩可的情況，是絕對不允許的。

那他為什么要這樣做呢？

這是因為這四個單詞的位置位于天頭地腳和左右頁邊距，位置不足以讓人一眼注意到，所以他可以這樣做，其實這四個地方換成10號字也是可以的。再說我們結(jié)構(gòu)的海報肯定在大小上存在誤差，特別是小文字放大后會被像素格子重新劃分，所以我們只求個大概就好。

最后我們來看一下主標(biāo)題與正文之間的字重關(guān)系。

主標(biāo)題與正文的字重都是Black字重，不過正文是用了Black 的斜體形式。

關(guān)于這個作品就解構(gòu)到這里吧。以后會繼續(xù)為大家解構(gòu)好的作品，希望大家一如既往的支持我，謝謝！

編者注：關(guān)于平面設(shè)計方面，同學(xué)們?nèi)绻邢雽W(xué)習(xí)的效果或者不懂的地方，可以私信@3年2班程遠(yuǎn) ，優(yōu)設(shè)會請高手來寫稿喲

本文章版權(quán)歸 [ 視覺狀態(tài)設(shè)計研究所 ] 所有，歡迎關(guān)注它的微信公眾號：

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com