大家好，今天給大家帶來的是優秀作品的布局與網格的解構，很多同學想學網格，但卻不知道如何下手。其實看的作品多了，對學習網格與版面布局也是很有幫助的，所以本貓為此新開了一個系列。

這個系列會分享本貓自己解構出來的作品與對版面布局的看法，希望對大家的學習路上有所幫助！

 

這個作品通透感與呼吸感特別強，作品并沒有用特別的網格，只將作品的版心結構出來就可以。下圖方框里的是解構出來的版心。

所有的文字信息處于版心之中。除去主標題，所有的小文字信息都是靠著版心排版的，左側的左對齊，右側的右對齊。

主標題巧妙利用了線段元素與留白距離將分散在版心中的單詞串聯成一個整體，在視覺流向上也不會出現閱讀障礙。我在圖中的藍線即是此海報中主標題的視覺流向。

這是個報紙的排版作品，視覺上我們就能夠很容易的知道分了四欄網格，但左右兩側的欄寬卻比中間的兩欄小了好多。解構的網格如下

欄寬不一樣的分欄網格我們一般稱之為大小網格，區別就是欄寬不同。上圖的飛機圖片素材占據了中間的兩欄網格，而下面的蝴蝶則在兩欄網格的基礎上破了一下。所以網格并不是死的規則，而是可以很靈活的。

在這個作品中，用到的大小網格是根據黃金比來的，小欄與大欄的比為1：1.618，其他常用的比例有1：2，1：3，1：1.414等。

這個作品布局上，標題占據左上角，因為作為主體的星球占據版面的右下角，若是標題也在右側的話版面就會失衡。所以標題要左對齊并占據左上側平衡版面。

版面中的文字信息分成了三個等欄，雖然欄寬一樣，但是畫面的左右頁邊距卻不同，右頁邊距的留白更大。

具體左右頁邊距的關系為1：1.5，其實有很多優秀作品的天頭地腳與左右頁邊距是不相等的，一切都是根據最終效果與工藝進行權衡而設計的。

這是一個很有藝術范的海報作品，主題作為主體進行了藝術化的處理，將主標題處理成臺階的形狀，既有設計感抓人眼球，又不影響識別性。文字信息方面均采用左對齊的方式。

這個作品宏觀上分成了三欄沒有欄間距的網格，中間的一欄要小一些，三欄網格之間的比例關系如下

左右兩側的網格是等寬的，是中間網格的1.5倍，頂部的副標題占據了中間與右側的兩欄。最右側的一欄具有詳細的文字信息，也分了兩欄處理，所以最右側的一欄可以再分成兩欄，如下

綠色的兩欄是在原網格基礎上分成的等寬的兩欄，那么這個作品的網格如下

這個作品的亮點是將文字編排成臺階的形狀，配合主體人物上臺階的形象更加突出走向成功的主題。

作品采用了四欄等寬網格，天頭與地腳是一樣的，左右頁邊距也是相等的。

四欄等寬網格，但是第一欄的下方文字信息是右對齊，而其余三欄是左對齊。

也就是上圖紅色塊中的文字信息，為什么他是右對齊而其余三個是左對齊？

一切的對比都是為了區分關系，這里的信息采用右對齊實際上是與右三欄的信息區分開來，右側三欄是正文，而左側這一塊右對齊的信息多為注釋或者說明等。

本次文章為大家帶來了五個作品的解構與說明，到這里也就接近了尾聲，咱們下期再見！謝謝大家的支持！