回覆列表
  • 1 # 我叫Selina

    多新手設計師對網格感興趣,卻不知從何下手,在興元君看來,要想掌握好設計作品的佈局,看優秀的作品是一個非常好的學習方法。

    這個作品通透感與呼吸感特別強,重點就是版心設計

    下圖方框裡就是解構出來的版心內容:

    文字資訊都在版心中。除了標題,所有小的文字資訊都是圍繞版心進行排版,左側的左對齊,右側的右對齊。

    主標題運用了很巧妙的線段元素與留白距離,把分散在版心中的單詞連線成一個整體,在視覺上不會有任何的閱讀障礙。

    這是個報紙的排版作品,視覺上很清晰的分出了四欄網格,但左右兩側的欄寬卻比中間的兩欄小了好多。

    解構的網格如下:

    欄寬不一樣的分欄網格我們一般稱之為大小網格。

    上圖的飛機圖片素材佔據了中間的兩欄網格,而下面的蝴蝶則在兩欄網格的基礎上破了一下。所以網格的規則並不死,而是可以非常靈活的。

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

    這個作品佈局上,標題佔據左上角,作為主體的星球佔據版面的右下角,若標題也在右側的話版面就會失衡。所以標題要左對齊並佔據左上側平衡版面。

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

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

    這是一個非常具有藝術氣息的海報作品,設計師對主題進行了藝術化的處理,將主標題構造成臺階的,既有設計感,又不影響識別。文字資訊方面都採用左對齊的方式。

    這個作品大體分成了三欄沒有欄間距的網格,中間的一欄要小一些,三欄網格之間的比例關係如下:

    左右兩側的網格是等寬的,是中間網格的1.5倍,頂部的副標題佔據了中間與右側的兩欄。

    最右側的一欄具有詳細的文字資訊,也分了兩欄處理,所以最右側的一欄可以再分成兩欄,如下:

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

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

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

    四欄等寬網格,但是第一欄的下方文字資訊是右對齊,而其餘三欄是左對齊。

  • 中秋節和大豐收的關聯?
  • 如何簡單介紹《四月是你的謊言》的具體內容?