人人都是設計師4:如何用網格使排版更加精妙|Fotor懶設計

如我們所知,網格作為一種控制形式的法則,就是在排版中儘可能地利用版面中的資源來達到秩序和經濟的最大可能性。

可能你會說,你不是學字體排印、也不是平面設計、更不是攝影領域的人才了,更更不是原創設計師。網格系統就毫無用處了么,當然不是,只要你合理利用,設計中的很多問題可以由它解決。

學習網格的目的是為了解決排版(編排)問題。排版中,要解決的元素無非這麼幾個,點、線、面,字體(字距、詞句、行距),圖片,色彩,還有光與影。

網格與設計哲學

將網格視為一種秩序系統來進行應用,設計師某種特定的精神和態度的表達,因為體現了設計師以一種結構性、預見性的方式來進行構思和設計的。

設計師的作品應該是易懂的、客觀的、功能性的和具有數學邏輯美感的。我們還應該清醒的認識到,每一件視覺作品不僅是設計師個性的彰顯,更是他的知識、能力和情感的綜合體現。

網格系統之所以可以使視覺設計變得更容易,是因為:

a、可以通過視覺傳達的手段客觀地建構主題。

b、可以系統和邏輯地構建和插圖類材料。

c、可以在一個緊湊的空間中根據文本和插圖的特點建立節奏關係。

d、可以將所有視覺材料組織在一起,使其在易懂的同時還具備視覺張力。

網格系統設定

1. 8格網路系統

8格網路系統的版面經常用於廣告宣傳單和冊頁的設計。

圖片 來自 《平面設計中的網格系統》

8格網格是最容易上手的,只需要通過對8種不同尺寸的圖片和文字信息進行組合,就可以解決許多簡單的問題,這時如果能再加上一點設計師的小小想像力,畫面就已經很生動了。

8格網格一般已經滿足了基本版式需求,上圖中,有4種窄長的圖和4種寬幅的圖片,根據實際情況配合設計。

2. 20格網路系統

20格網格系統拓寬了設計師的設計思路並給設計師提供了更多的排版可能性。

圖片 來自 《平面設計中的網格系統》

文本行可以設置成兩端對齊、左對齊、右對齊或者中心對齊。留白在版面中有著十分重要的視覺和美學作用,只要適當地利用它,就可以使整個版面變得輕盈、通透甚至更易讀。

圖片 來自 《平面設計中的網格系統》

若是想讓設計作品看起來更有說服力,那麼在設計時就必須要依照這些線框進行排版。

圖片 來自 《平面設計中的網格系統》

豐富的版面變化離不開優質的圖片和字體的樣式,字型大小的大小和粗細。

3. 32格網路系統

圖片 來自 《平面設計中的網格系統》

相對於20格網路系統,32格網路系統可以為設計師提供無線的可能性。因為隨著單元網格數量的不斷遞增,就能夠看到更為精妙的版面變化。

圖片 來自 《平面設計中的網格系統》

32格網路系統提供了非常多的編排方案,幾乎涵蓋了所有類型的版面設計。上圖的版面草圖只是利用32格網路來進行的幾種方式。

以上,部分內容靈感源自《平面設計中的網格系統》,約瑟夫·米勒-布羅克曼 著

了解了平面設計中的網路系統,快去Fotor懶設計進行運用吧。Fotor懶設計提供了海量精美的素材模板,公眾號封面大圖、海報、名片、DM宣傳單、朋友圈邀請函等等,你可以根據你的設計需求選擇不同的設計模板,並且可以對素材模板上的設計元素進行任意的修改,簡單又好用,快來試一試吧~

Fotor在線設計工具_免費設計素材和模板_在線平面設計網站


推薦閱讀:

TAG:平面設計 | 排版設計 | 排版 |