亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

好作品的正確打開方式，如何結(jié)構(gòu)好的作品呢？

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

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

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

我們重點(diǎn)結(jié)構(gòu)他版式排版這一塊。

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

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

這樣?xùn)鸥窕褪菫榱宋淖峙虐妫?/span>

大貓Addict(1175071537) 11:26:53

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

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

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

因?yàn)橐虚L度對比跟疏密對比，可以看到主標(biāo)題是采用了寬松型字距的。

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

大貓Addict(1175071537) 11:32:36

我這個(gè)網(wǎng)格沒畫標(biāo)準(zhǔn)只是從宏觀上分析別人的作品而已，@小蘿卜頭 回答你這個(gè)問題，因?yàn)檫@個(gè)版面是按小點(diǎn)的中心對齊的，如下圖。

上下兩行都是在旁邊點(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è)畫家，就算給他一根樹枝，他也可以在地上畫出驚艷的畫作，但對于一個(gè)不會畫畫的人，就算給她全世界最豪華的畫材，他也畫不出好的作品。

繼續(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)格對半分了一下，所以這個(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字體，如果對字體的敏感程度不夠，一定會認(rèn)為這是一款字體。

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

=======

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

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

如果要計(jì)算字號的話，

我們可以看出，它主標(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ì)一個(gè)等級的Demi體。

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

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

================

本文章版權(quán)歸 [ 視覺狀態(tài)設(shè)計(jì)研究所 ] 所有，

歡迎加入我們的QQ群一起學(xué)習(xí)：582641540

微信公眾號：cat_idea