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