當前位置:
首頁 > 設計 > 版式設計中的"網格"!有條有理

版式設計中的"網格"!有條有理



文/武小紅


畫面布局是版式設計中讓很多設計師「頭疼」的問題,如何在有限的空間中讓文字、圖片、圖像、符號等大量設計元素出現在合適的位置,並能產生合理的層級關係,是設計師需要解決的難題,而通過劃分網格可以高效的對這些元素進行合理放置。




網格是現代版式設計中最重要的基礎構成之一,它能將版面中的點、線、面構成元素協調一致地編排,並具有秩序感、比例感和整體感。在版式結構的搭建過程中,通過對版面劃分網格線條後,並將元素整齊排列後隱藏「網格線」,在視覺中會產生某種相互關聯,使閱讀更加具有邏輯性和層次感。





①對稱式網格系統設計。這種設計一般採用左右兩頁、兩欄或者三欄等,頁面、頁碼的位置對稱,左右兩頁可以互為鏡像,從而表現出一種嚴謹、分明、理性的特點。



②不對稱式網格系統設計。這種設計一般用於較為輕鬆內容的表現,例如散文、詩歌、女性、體育等,這也就決定了不同版式的平衡性。



③模塊網格系統設計。這種設計最早使用於報社編輯,可以將多個模塊快速的拼裝在一起,從而提升了排版速度。


④複合網格系統設計。這種設計方式可以說是以上三種網格的綜合使用,從而得到極具現代氣息的設計。





網格可將版面的構成元素如點、線、面協調一致地編排在版面上。網格在實際版式設計中具有比例感、統一感和準確感強烈等版面藝術特點。




①根據主題要求確定網格風格。

由於網格的數量以及設計的主題與媒介的特點有著極為密切的關係,為此一般在娛樂性的主題上使用活躍的版面設計,例如複合網格系統設計;而在嚴肅的主題上使用理性的版面設計,例如對稱式網格系統設計。




②根據版面的寬幅確定網格的數量。

關於通欄的大小以及變化在西方已經有較為嚴格的規定,例如在每欄中的字母不超過50個,日本是28個字,而我國至今還沒有明確定規定,設計中一般依靠設計師的感覺決定。



③在保持頁面風格一致的前提下還要有靈活多變的特點。

網格系統的設計能夠提供方便快捷地形成系列版面的基礎,在保持頁面風格一致的前提下還要有靈活多變的特點,以保證信息的傳遞更富有層次與條理。





①確定頁面版心的尺寸比例。

在版面的成品尺寸確定之後,作為設計師必須對頁面容納的圖形及文字的多少進行大致規劃以確定版心面積。這裡不僅涉及到寬度與高度,同時還包括字體的字型大小及多少以及頁面數量等都是需要考慮到的問題,如採用黃金分割作為基礎的頁邊空白距離可設定為3:5:8。在這一問題決定之後就可以進一步的對標題以及所要安排的文字內容進行各種組合嘗試,從而確定最優的方式。

推薦閱讀:

版式設計需要對比與調和!你注意了嗎?




②網格數量。

由於一個空間或者平面可以被分割成的網格數量是沒有上限的,為此針對具體的作品要通過仔細地研究以獲得與作品主題風格相適應的網格形式。例如常用的2、3、4、6欄等均勻排列的方式,極易產生嚴謹、整齊劃一的視覺感受。而將這些簡單的分欄在局部進一步細分,例如將兩欄變為4欄、8欄,3欄變為6欄或者9欄等,逐步細化的分欄變化,大大提高了版面的內容承載量,為編排內容容量及多樣性奠定了堅實的基礎。



根據設計經驗,眼睛從左到右的標準閱讀距離是30~35cm,為此處於這一範圍的文字是最適合閱讀的。這為欄寬的設置提供了一定的依據。欄寬對於文字的排列有較大影響,一般是欄寬越窄所使用的字體越小。如果設計中在較窄的欄寬中使用較大的字體就會造成同一行的文字數目過少,從而導致閱讀過程中頻繁換行,加速眼疲勞。




標題位置設計。

在進行版式設計中,採用網格系統設計必須要確定好文字與圖片的網格分配。確定好之後,就要對標題的位置進行規劃,標題位置設計要根據欄目的大小、寬度等要素,要具有直觀性。標題直觀地體現出文章的中心思想,因此也是設計的重點。在網格設計中,要對標題的大小、橫豎變化及字體、字型大小變化進行詳細設計,根據文章輕重,對每篇文章的標題大小適當變化。




④文字行距設計。

字行之間的距離稱之為行距,是從本行字的基線到上一行字基線之間的距離。行距已經將文字的高度包含在內。在設計的時候要考慮行距的大小,根據對閱讀的速度及版面的清爽度等因素對行距進行設計。要求行距控制不能過大,不能對版面造成浪費,段落之間要清晰,以適應讀者閱讀的間歇性。一般來講120%~180%的行距比較適合閱讀。




⑤圖片編排設計。

進行圖片編排的時候,要與圖片的說明文字相協調。圖片可以退底,可以出血,也可以是方塊圖。以方塊圖為例,一般圖片說明放在圖的左右側或上下側,大多數情況下需要與圖片的邊線對齊。圖片說明的編排不能一行與邊線對齊,下一行又縮進兩個字元,這樣就會顯得雜亂無章。




網格形式的多樣化是網格系統的屬性之一。除了文字和圖片在固定欄寬中的穿插外,還可以為版面內容提供複雜多變的結構,如注釋、圖標、小幅說明性照片、裝飾等相關元素。例如題圖,根據文章內容,可以對標題進行設計,由多種圖案共同構成題圖,尤其是採用大場面照片作為標題背景,可以形成強烈的視覺效果。再如頁眉、頁碼等裝飾性元素的設計運用,可以提高版面的整體性。




網格設計的一個主要優點是它強加給缺少經驗的設計師以規矩和限制,當他劃分所要處理的空間時,會得到一個緊密連貫、結構嚴謹的方案。此外,當我們把技巧、感覺和網格這三者融合在一起進行設計時,就會出現精美大方、令人印象深刻的頁面,在整體設計上給人一種清新感和連續感,有一種與眾不同的統一效果。





①畫冊。網格系統編排,理性秩序,操作性強是其優勢,但易造成視覺上的呆板感覺。上面畫冊中的版式設計整齊劃一,只需井然,不難想像這個畫冊風格十分統一,但是細細品味,還是覺得有些呆板枯燥。由於嚴格按照預先規劃好的網格構成進行排版,版面的風格雖然統一,但是令人乏味。

推薦閱讀:

解讀版式!自由版式設計的趣味性





②雜誌。突出美感是雜誌版面設計重要原則,版式設計要做到美觀大方,匠心獨具,講究藝術,滿足讀者的審美心理要求,同時營造輕鬆愉快的閱讀心境是設計師的使命。但是,網格在雜誌的版式設計中是隱形存在的,打破網格設計的手段也很盛行。 


③網頁。網格設計在網頁設計中運用的十分普遍,並且網格系統在設計流程中非常重要。和「排版」一起,它們決定了信息的「視覺組織形式」。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 平面設計 的精彩文章:

創意手繪素材第七季,最後一天!
中文字體設計欣賞~帥

TAG:平面設計 |