2
2017/12
淺談網格系統在平面設計畫冊設計的運用
|設計教程 |畫冊設計 |平面教程
淺談網格系統在平面設計畫冊設計的運用

網格系統是利用垂直與水平的參考線,將畫面簡化成有規律的格子,再依托這些格子作為參考以構建秩序性版面的一種設計手法。通過構建網格系統,我們可以有效的控制版面中的留白與比例關系,為元素提供對齊依據。網格系統在無論是平面廣告設計、還是雜志設計,畫冊設計領域,都是一種基礎的排版知識,這么說,只要是平面設計領域,就需要用到網格系統進行排版設計。

今天我們所講述的內容最多也只能帶你入門,要想熟練的掌握好網格系統的相關知識點,必須經過大量的優秀作品解構和專項知識點訓練,以及提升自己的審美能力和版面的把控力,才能達到靈活運用的程度。

尚略平面設計公司希望這篇文章能夠帶給你一些幫助。那么本期我們一起來了解一下,關于網格系統的基礎知識都有哪些。

淺談網格系統在平面設計畫冊設計的運用

版心是指天頭、地腳和左右頁邊距所包裹的區域。設置版心會讓版面更具條理性,同時也保證了內容的識別度。所有元素都應該在版心內編排,但并不是絕對不能超出版心,在已有規則下,我們可以將部分重要性低的元素放置到版心之外,從而為畫面帶來動感與張力。

淺談網格系統在平面設計畫冊設計的運用

等寬版心

四周天頭地腳與內外頁邊距均為相等,版心位于畫面的居中位置,版心的大小可以根據項目氣質來決定,但對于印刷品來說,與頁面邊距最小要預留5—10mm。

淺談網格系統在平面設計畫冊設計的運用
對稱版心

對稱版心通常是以訂口為軸心水平鏡像的對頁,改變上下左右的邊距,會讓版面更具動感與變化性。對于多頁的設計,內頁邊距應該設置的較寬一些,以免裝訂時版心陷入訂口中。

淺談網格系統在平面設計畫冊設計的運用
非對稱版心

這是非對稱式版心的設置,大多數情況下,非對稱版心都會讓對開頁的天頭地腳保持統一,并在此基礎上改變切口邊距與訂口邊距的比例關系,使其產生不等寬效果。


文字的行文長度會直接影響到閱讀,當行長太長時,就需要將其分割成較短的文字塊,承載文字塊的區域稱為欄 ;而欄與欄之間的距離稱為欄間距。同時,欄間距也會作為圖片與文字的間隔距離。欄間距的設置最好大于正文兩個字左右的寬度,否則會讓信息變得難以閱讀。
淺談網格系統在平面設計畫冊設計的運用

與版心相同,并不是所有元素都需要固定在欄內,我們可以根據實際內容為元素作跨欄應用。欄的劃分也為版面提供了可視化的比例參考。

淺談網格系統在平面設計畫冊設計的運用

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用

這種通欄網格適用于小開本的版面或希望讀者能夠靜下心來閱讀的內容。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用

這是雙欄網格,是比較常用的網格形式。行文的長度適中且容易編排。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
三欄網格同樣是比較常見的形式,欄寬變窄,也會讓文字變得更容易閱讀。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
四欄網格適用于大尺寸版面的正文劃分,如果是在小尺寸版面下使用行文則需要考慮跨欄編排。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
五欄網格適用于較為輕松/休閑的內容,如果是需要仔細閱讀的內容則要減少分欄的數量以保持閱讀的順暢。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
比例網格是通過運用美學比例來劃分欄寬的一種網格的設計形式,左圖運用了黃金比例。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
重疊網格是在同一版面中重疊使用兩種或兩種以上的網格形式,大多會統一版心與欄間距。

淺談網格系統在平面設計畫冊設計的運用

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用

淺談網格系統在平面設計畫冊設計的運用
網格的劃分并沒有固定的規則,有些人習慣前期繪制草圖,也有一些人習慣事先確定好網格架構,并在已有架構下編排內容。當然也可以事先將內容大致編排完之后在根據版面結構套用網格規范。

這里我們會分別從(先構建網格,再編排內容) 和(先編排內容,再構架網格)的這兩種方式進行模擬案例演示。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用

首先,根據項目的氣質調性以及內容的多少來決定版心的留白大小,版心面積小會給人雅致、寧靜的感覺;版心的面積大,會給人熱鬧、豐富的印象。這里選用不等寬的邊距來布局版心的位置。設定好版心的大小后,我們可以通過倍數關系規范版面。  ( 這里的最小單位可以是mm也可以是pt )

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用

劃分好版心后,接下來需要決定項目適合的網格類型,這里為了讓版面的變化性更強,選用模塊式的網格結構,這種網格結構可以同時規范橫向與縱向的頁面比例,為版面的編排提供依據和統一感。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
網格畢竟是用來服務內容的,將設定好的正文字號以段落的形式置入版心內,將兩者匹配和對齊并設置欄間距(這里有些人會根據網格高度微調文字的行距;也有一些人會根據行距微調網格)最終目的都是讓文字的頂端與網格頂端對齊,文字的低端與網格的底端對齊。

淺談網格系統在平面設計畫冊設計的運用
這里的關鍵在于文字與網格需要統一度量單位。經過適配后,無論文本的欄高如何變化位置,同一模塊內的文字頂端與底端始終會處于對齊狀態。保證了版面中元素的交叉對齊。(對于少量文字元素的版面設計來說,并不需要規范的過于細致;而對于書籍、雜志和報紙等涉及大量文字的設計,對齊文字基線是非常有必要的一個步驟。)

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
網格結構規劃好后,就可以編排版面內容了,版心內的各個要素只要與網格結構相互對齊布置,就會與頁面和整體保持一個穩定的比例關系。但網格也并不是排版中的萬能藥,具體的編排形式還是要靠審美來決定的。這里需要注意,并不是所有的格子都必須填滿的,完整的留白同樣是設計元素之一。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
內容編排好后,我們可以添加頁碼、欄題等元素以點綴的形式添加到版心之外,這個畫面就完成了。

淺談網格系統在平面設計畫冊設計的運用

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
接下來我們嘗試少量文字信息的編排,這里版心設置成較大的尺寸,并統一了天頭、地腳和外頁邊距的大小,內頁邊距會因裝訂而變窄,為了在視覺上與四周邊距保持一致,分別加寬了1.5倍的距離。對于書籍與雜志等多頁面的版面來說,整本書籍的版心都應該統一尺寸。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
因為涉及到元素在頁面中高度的確定,這里同樣使用模塊網格作為基本架構,并根據字號確定欄間距。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
我們將主體圖像置入版面的右側并超出版心范圍。注意人物的造型與網格是如何對齊的,為了平衡版面我們在左側添加文字信息,人物的朝向為版面提供了視線引導,我們將主標題文字與人物的視平線對齊。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
接下來,我們將優先級不是特別高的文字信息以點綴的形式依次編排到畫面中,版面就編排完成了。

淺談網格系統在平面設計畫冊設計的運用

接下來,我們將優先級不是特別高的文字信息以點綴的形式依次編排到畫面中,版面就編排完成了。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
zoom air是NIKE公司研究發明的一種超薄、超輕的氣墊技術,這里選用輕字重的無襯線字體來烘托畫面氛圍,通過將兩個O重疊處理來為主標題添加記憶點,同時也解決了輕字重下負空間過大的問題,AIR字距拉長成為裝飾性的點元素,并在空白處添加中文廣告語,以此為主標題添加二級文字信息。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用
將做好的主標題置入版面中,添加鞋子與主標題成組。版面中主體元素構圖呈十字形,圖像與文字通過疊壓的方式為畫面添加層次感,也就是“圖疊字”的處理形式。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用

為了提升畫面效果,刻畫背景的光影以增加空間感,為鞋子與文字添加投影與細節處理。同時這里為主標題添加了干擾效果,其實步驟非常簡單,復制一層文字并在圖層樣式的混合選項中,關掉通道的RGB的其中一項,(或者直接填色)再將處理好的文字作錯位處理,就能夠得到這種效果了。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用

刻畫好主體元素后,我們將文字信息按照大中小的層級關系依次添加到版面中來,大致確定好位置關系后,為版面規劃合適的網格系統。版面中元素所占面積,位置的高度寬度都需要確定,經過分析,選用模塊式網格作為規范畫面的依據。

淺談網格系統在平面設計畫冊設計的運用淺談網格系統在平面設計畫冊設計的運用

這里為版面劃分縱向5欄,橫向8欄的模塊式網格系統,以規范版面中元素的比例與位置關系。天頭、地腳和左右頁邊距均相等。頁邊距是欄間距的1.5倍,欄間距高度與副標題的高度相等。主標題文字在版面中處于黃金比分割位置。


淺談網格系統在平面設計畫冊設計的運用

淺談網格系統在平面設計畫冊設計的運用
網格系統為設計者提供了畫冊版面雜志版面骨架,使得編排過程變得更加簡單。為版面中元素添加了連貫性和精確度。是提供秩序性的工具,但并不是說學會了網格系統就可以編排出優秀的設計作品了,審美始終是設計中的重要環節。本期我們學習了版心的概念,欄的概念,以及網格的分類形式。希望我們的內容能夠對你有所幫助。

另外需要提醒注意的是,本期的內容及案例,可能更偏向于雜志及書籍排版,但在畫冊設計領域,網格使用要更加靈活,學習者,可以多看多練,加以靈活運用。

淺談網格系統在平面設計畫冊設計的運用

平面設計教程分享:尚略廣告,上海平面設計公司,上海品牌設計公司,上海畫冊設計公司。

相關推薦:

學習使用網格系統來設計作品

 

什么是Logo網格,為什么我們要使用它?


返回           上一篇           下一篇

 
河南11选5开奖查询 河南11选5走势图 河南11选5开奖结果 河南11选5平台 河南11选5平台 河南11选5走势图 河南11选5开奖结果 河南11选5开奖结果 河南11选5遗漏数据 河南11选5开奖结果 河南11选5开奖查询 河南11选5开奖结果 河南11选5平台 河南11选5平台 河南11选5遗漏数据 河南11选5遗漏数据 河南11选5遗漏数据 河南11选5遗漏数据 河南11选5开奖查询 河南11选5平台 河南11选5走势图
  • <strike id="n5m7n"><small id="n5m7n"><samp id="n5m7n"></samp></small></strike>

      <center id="n5m7n"><em id="n5m7n"></em></center>
      <code id="n5m7n"><small id="n5m7n"></small></code>

    1. <th id="n5m7n"></th>