當前位置:
首頁 > 創意 > 版式設計理性表現技巧!網格

版式設計理性表現技巧!網格

文/祝東平

現代版面形式可謂紛繁,宏觀地觀察分析,歸於理性掌控的網格設計佔到了相當的比例,是居主導地位的版面設計方法。網格設計,就是在版面上按照預先確定好的網格,理性而有序地排列文字和圖片的一種版面設計方法。

網格設計其特徵是重視比例感、秩序感、連續感、清晰感、時代感,具有準確性、嚴密性和科學性。

網格是建立在水平線和垂直線分割組合的基礎上的,垂直線決定了水平方向欄的寬度,水平線控制著垂直方向欄的高度。兩個方向的線構成了網格單元的大小和形狀,網格單元之間要留有相應的均勻空距。

顧名思義,正方形網格就是指網格的基本單元是正方形的。可以說,正方形網格是網格設計的基本形式,可能比黃金長方形或其它一些比例更為重要,它為設計師提供了廣闊的施展空間。

不少設計師都是以自己直觀的比例感覺來劃分版面,因而就產生了不同於正方形的各種比例的長方形網格。從總體來看,長方形網格包括水平方向和垂直方向兩種形式,給版面帶來了比較豐富的變化,與正方形網格相比,能適合更多不同風格的內容。

均勻的水平線和垂直線構成網格。但為了避免勉強的比例和單調的布局,可以只確定水平或垂直單一方向的規矩,加以重點把握,而另一個方向不去約束,是完全放開的任意尺寸,這樣就形成了單向網格。

用這兩個名詞來表述網格形式也許很形象,書架和晾衣繩分別是單向網格中只限制水平方向而放開垂直方向的另外兩種表現形式。所謂「書架」就是把圖片和文字設計成上面不齊下面齊的版面,而「晾衣繩」正好反過來,是下面不齊上面齊的形式。按這兩種原則設計的網格產生了既統一又有變化的格局,如果使重心靠上或者靠下,會給人不同的感覺和聯想。

網格還可以設計成若干大小不一的欄,也就是大小不同的網格。這就有必要增加一些垂直線或水平線,依照比例法則設計出有良好比例的若干寬窄不同的欄。大小網格的功能是多方面的,它能夠為幾個不同的內容服務,而且主次更加分明。大小網格最簡單的形式是一寬一窄大小不同的兩欄。

一般情況下是大網格即寬的那一欄安排重要的內容,小網格即窄的那一欄配置附屬的東西。比如內容是以文字為主的,那就大欄放正文,小欄放圖片和說明文字;如果內容是以圖片為主的,則大欄放圖片,小欄放文字。大小網格的數量和尺寸多少為宜,還是完全取決於內容及開本和版心。

任何事物都具有兩面性,網格的優點是規矩和約束,但如果處理不當,不能靈活地和創造性地應用網格,就容易使版面顯得單調和枯燥,把優點變成缺點。所以為了使過於平靜的版面出現變化,可以採用局部突破網格規矩的方法。

正如網格這個名詞的解釋一樣,表面上看似簡單,但實際上並非輕而易舉。這有賴於設計師理性的思維與掌控,同時學習借鑒他人的經驗和成功作品的經典之處。

與其它形式的設計一樣,網格設計是由作品的內容和設計師的思維方式等綜合因素共同支配的。

開始設計之前,要深入了解作品的內容、設計要達到的目的和預期效果以及讀者的潛在反應。

把所有的要點提煉到一個初步的設計方案上來,本著形式服務於內容的原則,從多種網格形式中選定一種最適合的,能夠適應廣泛的視覺資料、複雜多變的結構。

了解並熟悉了手邊要設計的全部文字與圖片的數量和狀況後,對如何進行設計應該有一個總體的和細節的想像,同時也對於文字和圖片的整體和局部的安排做到心中有數,能夠由此而設計適合的開本和恰當的版心。版心的四周是邊白,同時也形成了保護版心的外框。這個空白外框的大小如何確定,是與開本和版心相輔相成的,完全要從內容來考慮。

例如:文學書籍的版心四周一般需要留大約2公分寬的空白外框,目的是使閱讀時眼睛不受四周不利環境的干擾。版心在畫面上的位置變化,四周的空白多少,都會給人以不同的感覺。除了版心在頁面上下左右完全居中的形式外,還可以根據不同的需要將版心做上下左右不同位置的調整。

畫草圖的目的是為了把握和更容易看清整個設計的面貌,易於迅速和方便地使構思具體化。一般按比例縮小到二分之一或四分之一的尺寸,便於做正稿時成倍放大,也比較節省時間。畫草圖時應根據版心大小考慮如何分欄和定什麼網格的問題。

一欄的形式適用於較小的開本和版心,在這裡由於空間所限,只有很少的方法去安排和表現大、中、小的圖片和文字塊。

兩欄的形式對於文字和圖片提供了較多的方法。可以一欄放文字,另一欄放圖片。也可將文字和圖片放在同一欄內。

三欄的形式對於文字和各種大小的圖片在安排時有更多的方法(圖13)。三欄的分配方法也可繼續再分為六欄。

四欄適用於有許多文字和許多圖片或者有許多數字、曲線和斜線的統計資料的方案。四欄也可繼續分為八欄、十六欄甚至更多的欄。它對於表現統計資料是一種實用的形式。

具體分多少欄和確定哪一種網格形式,取決於出版物的性質和開本的大小。

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


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

視覺設計三大法則!缺一不可
設計構圖太平淡?來點節奏試試!