如何解構(gòu)好的作品呢？在我們的設(shè)計(jì)生涯中需要多看多想，當(dāng)然要看很多的好作品來提高自己的審美，擴(kuò)展自己的武器庫。那么當(dāng)我們看到好的設(shè)計(jì)作品時(shí)怎么辦呢？大多數(shù)情況下我們都會(huì)選擇看過之后就沒有然后了。其實(shí)我更建議大家把好的作品保存下來，然后去思考這個(gè)作品為什么要這樣做。 也就是知其然，知其所以然，知道它為什么好，好在哪里，這樣的思考過程對(duì)自己的提高是很有幫助的?，F(xiàn)在我以一組adidas的海報(bào)作品來進(jìn)行解構(gòu)，我們一起來看看這張海報(bào)為什么如此美觀大方。
就是這張海報(bào)作品，下面我們對(duì)其進(jìn)行分析解構(gòu)。 這個(gè)海報(bào)漂亮有兩個(gè)方面原因，第一個(gè)原因是選擇的底圖好看，細(xì)節(jié)足。第二個(gè)原因則是版式排的好看。 我們重點(diǎn)解構(gòu)他版式排版這一塊。 首先從版式上來說，它里面的點(diǎn)元素相當(dāng)于劃分的網(wǎng)格：
這樣大家可以看明白，除了四周的天頭地腳和左右頁邊距，這些小點(diǎn)將頁面劃分成了6*8的模塊網(wǎng)格，如下圖。
問：這樣?xùn)鸥窕褪菫榱宋淖峙虐妫?答：對(duì)，網(wǎng)格系統(tǒng)服務(wù)于排版，但是字的精致程度和字號(hào)大小、行距字距也影響著版面的美觀。 我們來繼續(xù)分析，其中他的主標(biāo)題，SEASON1，占據(jù)了兩個(gè)模塊網(wǎng)格的長度，下面的正文則占據(jù)了三個(gè)模塊網(wǎng)格的長度和一個(gè)模塊網(wǎng)格的高度，如下圖。
那么為什么一個(gè)占據(jù)兩個(gè)模塊，一個(gè)占據(jù)三個(gè)模塊呢？ 因?yàn)橐虚L度對(duì)比跟疏密對(duì)比，可以看到主標(biāo)題是采用了寬松型字距的。
問：其實(shí)這個(gè)按你那樣說不科學(xué)，為什么畫了網(wǎng)格英文幾行就卡著網(wǎng)格，右上和右下就不卡著。 答：我這個(gè)網(wǎng)格沒畫標(biāo)準(zhǔn)，只是從宏觀上分析別人的作品而已?；卮鹉氵@個(gè)問題，因?yàn)檫@個(gè)版面是按小點(diǎn)的中心對(duì)齊的，如下圖。
上下兩行都是在旁邊點(diǎn)元素的中心線上。明白了嘛？ 另外網(wǎng)格不是一個(gè)死東西，是可以無限劃分的。 比如我現(xiàn)在是6*8的網(wǎng)格，我們還可以每個(gè)網(wǎng)格之間平分，變成12*16的網(wǎng)格。 但最終決定排版美不美觀的因素是什么？答案是審美，只有你的審美好你才能做出漂亮的設(shè)計(jì)，網(wǎng)格系統(tǒng)什么不過是輔助的工具而已。 比如一個(gè)畫家，就算給他一根樹枝，他也可以在地上畫出驚艷的畫作，但對(duì)于一個(gè)不會(huì)畫畫的人，就算給她全世界最豪華的畫材，他也畫不出好的作品。 繼續(xù)，我們詳細(xì)講一講這個(gè)版面中的網(wǎng)格。其實(shí)這個(gè)版面，一開始是可以從雙欄網(wǎng)格開始劃分的，如下圖：
一開始從雙欄劃分，比如小文字就占據(jù)了一欄，留白占據(jù)了一欄，而后每個(gè)欄又劃分成三份，能明白嘛？
右上角的LOGO也是占據(jù)了一個(gè)模塊網(wǎng)格的大小。
那我們來看上圖這個(gè)LOGO為什么沒按照模塊網(wǎng)格的長度來呢？這就是我說的網(wǎng)格是可以無限劃分的應(yīng)用了。 再具體分析的話，就像圖上一樣，它其實(shí)是又把左側(cè)的網(wǎng)格對(duì)半分了一下，所以這個(gè)adidas的LOGO占據(jù)了一個(gè)半模塊網(wǎng)格的長度。網(wǎng)格不是很死工具，一切都在于靈活運(yùn)用與審美上。那些說網(wǎng)格排出來的東西很死板的人根本就沒有深入的了解網(wǎng)格系統(tǒng)。 從宏觀上我們分析完了，再來看看，為什么好看，其實(shí)排的好不好看一個(gè)重要的原因是取決于字體的精致程度。
從圖上可以看出他用的字體是非常精致的。 字體名稱叫AdiHaus，是adidas的御用字體，所以用好字體也是關(guān)鍵。 但是這款字體網(wǎng)上并沒有資源可以下載，所以我用了一款比較相似的字體來做分析，
我用的字體名叫Avenir，也是著名的有幾何化特征的無襯線體之一。
上面是adidas的官方字，下面是我用的Avenir字體，如果對(duì)字體的敏感程度不夠，一定會(huì)認(rèn)為這是一款字體。 兩款字體主要是細(xì)節(jié)上的不同，首先從字寬來說，我選的字體就沒有原來字體寬。另外筆畫細(xì)節(jié)的處理上也有所不同，比如下圖中對(duì)1的處理。
我們再來看看內(nèi)文排版。
右邊是我模擬的。從圖上可以看出它文字層級(jí)關(guān)系分的十分明確。 如果要計(jì)算字號(hào)的話
我們可以看出，它主標(biāo)題用的是40號(hào)字，內(nèi)文用的是16號(hào)字，40÷16=2.5，所以它字號(hào)之間是2.5倍的關(guān)系。
再來看一下標(biāo)題與內(nèi)文的字重對(duì)比，標(biāo)題采用的是Bold粗體，內(nèi)文采用的是比Bold細(xì)一個(gè)等級(jí)的Demi體。
所以我們可以看出這么一個(gè)美觀的海報(bào)，里面包含了這么多東西，也正是這些，讓版面變得規(guī)整有序，美觀大方。
例子舉完了，這就是我看到好的作品時(shí)的分析解構(gòu)方法，大家學(xué)會(huì)了嘛？
