@大貓Addict ：如何解構(gòu)好的作品呢？在我們的設(shè)計生涯中需要多看多想，當(dāng)然要看很多的好作品來提高自己的審美，擴(kuò)展自己的武器庫。那么當(dāng)我們看到好的設(shè)計作品時怎么辦呢？大多數(shù)情況下我們都會選擇看過之后就沒有然后了。其實我更建議大家把好的作品保存下來，然后去思考這個作品為什么要這樣做。

也就是知其然，知其所以然，知道它為什么好，好在哪里，這樣的思考過程對自己的提高是很有幫助的。現(xiàn)在我以一組adidas的海報作品來進(jìn)行解構(gòu)，我們一起來看看這張海報為什么如此美觀大方。

就是這張海報作品，下面我們對其進(jìn)行分析解構(gòu)。

這個海報漂亮有兩個方面原因，第一個原因是選擇的底圖好看，細(xì)節(jié)足。第二個原因則是版式排的好看。

我們重點解構(gòu)他版式排版這一塊。

首先從版式上來說，它里面的點元素相當(dāng)于劃分的網(wǎng)格：

這樣大家可以看明白，除了四周的天頭地腳和左右頁邊距，這些小點將頁面劃分成了6*8的模塊網(wǎng)格，如下圖。

問：這樣?xùn)鸥窕�就是為了文字排版�?/span>

答：對，網(wǎng)格系統(tǒng)服務(wù)于排版，但是字的精致程度和字號大小、行距字距也影響著版面的美觀。

我們來繼續(xù)分析，其中他的主標(biāo)題，SEASON1，占據(jù)了兩個模塊網(wǎng)格的長度，下面的正文則占據(jù)了三個模塊網(wǎng)格的長度和一個模塊網(wǎng)格的高度，如下圖。

那么為什么一個占據(jù)兩個模塊，一個占據(jù)三個模塊呢？

因為要有長度對比跟疏密對比，可以看到主標(biāo)題是采用了寬松型字距的。

問：其實這個按你那樣說不科學(xué)，為什么畫了網(wǎng)格英文幾行就卡著網(wǎng)格，右上和右下就不卡著。

答：我這個網(wǎng)格沒畫標(biāo)準(zhǔn)，只是從宏觀上分析別人的作品而已�；卮鹉氵@個問題，因為這個版面是按小點的中心對齊的，如下圖。

上下兩行都是在旁邊點元素的中心線上。明白了嘛？

另外網(wǎng)格不是一個死東西，是可以無限劃分的。

比如我現(xiàn)在是6*8的網(wǎng)格，我們還可以每個網(wǎng)格之間平分，變成12*16的網(wǎng)格。

但最終決定排版美不美觀的因素是什么？答案是審美，只有你的審美好你才能做出漂亮的設(shè)計，網(wǎng)格系統(tǒng)什么不過是輔助的工具而已。

比如一個畫家，就算給他一根樹枝，他也可以在地上畫出驚艷的畫作，但對于一個不會畫畫的人，就算給她全世界最豪華的畫材，他也畫不出好的作品。

繼續(xù)，我們詳細(xì)講一講這個版面中的網(wǎng)格。其實這個版面，一開始是可以從雙欄網(wǎng)格開始劃分的，如下圖：

一開始從雙欄劃分，比如小文字就占據(jù)了一欄，留白占據(jù)了一欄，而后每個欄又劃分成三份，能明白嘛？

右上角的logo也是占據(jù)了一個模塊網(wǎng)格的大小。

那我們來看上圖這個logo為什么沒按照模塊網(wǎng)格的長度來呢？這就是我說的網(wǎng)格是可以無限劃分的應(yīng)用了。

再具體分析的話，就像圖上一樣，它其實是又把左側(cè)的網(wǎng)格對半分了一下，所以這個adidas的logo占據(jù)了一個半模塊網(wǎng)格的長度。網(wǎng)格不是很死工具，一切都在于靈活運(yùn)用與審美上。那些說網(wǎng)格排出來的東西很死板的人根本就沒有深入的了解網(wǎng)格系統(tǒng)。

從宏觀上我們分析完了，再來看看，為什么好看，其實排的好不好看一個重要的原因是取決于字體的精致程度。

從圖上可以看出他用的字體是非常精致的。

字體名稱叫AdiHaus，是adidas的御用字體，所以用好字體也是關(guān)鍵。

但是這款字體網(wǎng)上并沒有資源可以下載，所以我用了一款比較相似的字體來做分析，

我用的字體名叫Avenir，也是著名的有幾何化特征的無襯線體之一。

上面是adidas的官方字，下面是我用的Avenir字體，如果對字體的敏感程度不夠，一定會認(rèn)為這是一款字體。

兩款字體主要是細(xì)節(jié)上的不同，首先從字寬來說，我選的字體就沒有原來字體寬。另外筆畫細(xì)節(jié)的處理上也有所不同，比如下圖中對1的處理。

我們再來看看內(nèi)文排版。

右邊是我模擬的。從圖上可以看出它文字層級關(guān)系分的十分明確。

如果要計算字號的話

我們可以看出，它主標(biāo)題用的是40號字，內(nèi)文用的是16號字，40÷16=2.5，所以它字號之間是2.5倍的關(guān)系。

再來看一下標(biāo)題與內(nèi)文的字重對比，標(biāo)題采用的是Bold粗體，內(nèi)文采用的是比Bold細(xì)一個等級的Demi體。

所以我們可以看出這么一個美觀的海報，里面包含了這么多東西，也正是這些，讓版面變得規(guī)整有序，美觀大方。

例子舉完了，這就是我看到好的作品時的分析解構(gòu)方法，大家學(xué)會了嘛？