多新手設計師對網格感興趣,卻不知從何下手,在興元君看來,要想掌握好設計作品的佈局,看優秀的作品是一個非常好的學習方法。
這個作品通透感與呼吸感特別強,重點就是版心設計
下圖方框裡就是解構出來的版心內容:
文字資訊都在版心中。除了標題,所有小的文字資訊都是圍繞版心進行排版,左側的左對齊,右側的右對齊。
主標題運用了很巧妙的線段元素與留白距離,把分散在版心中的單詞連線成一個整體,在視覺上不會有任何的閱讀障礙。
這是個報紙的排版作品,視覺上很清晰的分出了四欄網格,但左右兩側的欄寬卻比中間的兩欄小了好多。
解構的網格如下:
欄寬不一樣的分欄網格我們一般稱之為大小網格。
上圖的飛機圖片素材佔據了中間的兩欄網格,而下面的蝴蝶則在兩欄網格的基礎上破了一下。所以網格的規則並不死,而是可以非常靈活的。
在這個作品中,用到的大小網格是根據黃金比來的,小欄與大欄的比為1:1.618,其他常用的比例有1:2,1:3,1:1.414等。
這個作品佈局上,標題佔據左上角,作為主體的星球佔據版面的右下角,若標題也在右側的話版面就會失衡。所以標題要左對齊並佔據左上側平衡版面。
版面中的文字資訊分成了三個等欄,雖然欄寬一樣,但是畫面的左右頁邊距卻不同,右頁邊距的留白更大。
具體左右頁邊距的關係為1:1.5,其實有很多優秀作品的天頭地腳與左右頁邊距是不相等的,一切都是根據最終效果與工藝進行權衡而設計的。
這是一個非常具有藝術氣息的海報作品,設計師對主題進行了藝術化的處理,將主標題構造成臺階的,既有設計感,又不影響識別。文字資訊方面都採用左對齊的方式。
這個作品大體分成了三欄沒有欄間距的網格,中間的一欄要小一些,三欄網格之間的比例關係如下:
左右兩側的網格是等寬的,是中間網格的1.5倍,頂部的副標題佔據了中間與右側的兩欄。
最右側的一欄具有詳細的文字資訊,也分了兩欄處理,所以最右側的一欄可以再分成兩欄,如下:
綠色的兩欄是在原網格基礎上分成的等寬的兩欄,那麼這個作品的網格如下:
這個作品的特點是將文字編排成臺階的形狀,配合主體人物上臺階的形象更加突出走向成功的主題。
作品採用了四欄等寬網格,天頭與地腳是一樣的,左右頁邊距也是相等的。
四欄等寬網格,但是第一欄的下方文字資訊是右對齊,而其餘三欄是左對齊。
多新手設計師對網格感興趣,卻不知從何下手,在興元君看來,要想掌握好設計作品的佈局,看優秀的作品是一個非常好的學習方法。
這個作品通透感與呼吸感特別強,重點就是版心設計
下圖方框裡就是解構出來的版心內容:
文字資訊都在版心中。除了標題,所有小的文字資訊都是圍繞版心進行排版,左側的左對齊,右側的右對齊。
主標題運用了很巧妙的線段元素與留白距離,把分散在版心中的單詞連線成一個整體,在視覺上不會有任何的閱讀障礙。
這是個報紙的排版作品,視覺上很清晰的分出了四欄網格,但左右兩側的欄寬卻比中間的兩欄小了好多。
解構的網格如下:
欄寬不一樣的分欄網格我們一般稱之為大小網格。
上圖的飛機圖片素材佔據了中間的兩欄網格,而下面的蝴蝶則在兩欄網格的基礎上破了一下。所以網格的規則並不死,而是可以非常靈活的。
在這個作品中,用到的大小網格是根據黃金比來的,小欄與大欄的比為1:1.618,其他常用的比例有1:2,1:3,1:1.414等。
這個作品佈局上,標題佔據左上角,作為主體的星球佔據版面的右下角,若標題也在右側的話版面就會失衡。所以標題要左對齊並佔據左上側平衡版面。
版面中的文字資訊分成了三個等欄,雖然欄寬一樣,但是畫面的左右頁邊距卻不同,右頁邊距的留白更大。
具體左右頁邊距的關係為1:1.5,其實有很多優秀作品的天頭地腳與左右頁邊距是不相等的,一切都是根據最終效果與工藝進行權衡而設計的。
這是一個非常具有藝術氣息的海報作品,設計師對主題進行了藝術化的處理,將主標題構造成臺階的,既有設計感,又不影響識別。文字資訊方面都採用左對齊的方式。
這個作品大體分成了三欄沒有欄間距的網格,中間的一欄要小一些,三欄網格之間的比例關係如下:
左右兩側的網格是等寬的,是中間網格的1.5倍,頂部的副標題佔據了中間與右側的兩欄。
最右側的一欄具有詳細的文字資訊,也分了兩欄處理,所以最右側的一欄可以再分成兩欄,如下:
綠色的兩欄是在原網格基礎上分成的等寬的兩欄,那麼這個作品的網格如下:
這個作品的特點是將文字編排成臺階的形狀,配合主體人物上臺階的形象更加突出走向成功的主題。
作品採用了四欄等寬網格,天頭與地腳是一樣的,左右頁邊距也是相等的。
四欄等寬網格,但是第一欄的下方文字資訊是右對齊,而其餘三欄是左對齊。