當前位置:
首頁 > 設計 > 版式設計技巧!突破網格束縛

版式設計技巧!突破網格束縛

文/李南 李珞

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

就內容而言,一般版面設計採用左、右兩頁、兩欄或者三欄結構,左右兩頁的結構互為鏡像,給觀者一種條理分明、嚴謹、理性之感。

頁面中有圖和表格的話,一樣是按分欄位置放入的,可跨欄但不能出欄線,圖形一般是偶數值,左頁放一幅,右頁放一幅,位置大小可以按欄線調整位置。

在網格中模塊是分隔開的版塊,用來容納、集結特定的文本或圖像元素。網格將版面分割成數個大小比例不同的長方形,每一個長方形便是一個模塊。簡單來說就是在畫面中畫出多個功能分區,然後指定每個分區容納不同的文本或圖像。

在複合網格中,可以將對稱式網格以及模塊之類的概念綜合使用。複合網格運用並結合不同的網格元素,以此創造出一種實用且通用的模板,我們時常可以在雜誌或書籍上看到這種網格的運用。

將雙頁的文本、圖像、線條、色塊都進行水平線的流向處理,產生水平運動的趨勢,讓圖像、線條、色塊進行跨頁式的設計,產生水平、平靜、寬闊的感覺,使之充滿平衡感和趣味感。

垂直網格有崇高神秘之感,圖像和文本一起都排成垂直的設計,畫面效果寬廣、大氣、穩定、均衡。

45度的設計為多,適合表現動感十足的主題,具有動態感、方向感。由於網格系統傾斜放置在方形版面中,需要將構成要素的尺寸縮小若干,構成要素在版面中既可以安排成導向一致,具有協調感,也可以安排為導向衝突,增加視覺衝擊力。

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

用兩個名詞來表述對齊網格形式:書架和晾衣繩。所謂「書架」就是把圖片和文字設計成上面不齊下面齊的版面,而「晾衣繩」正好反過來,是下面不齊上面齊的形式。按這兩種原則設計的網格產生了既統一又有變化的格局,如果使重心靠上或者靠下,會給人不同的感覺和聯想。

網格還可以設計成若干大小不一的欄,也就是大小不同的網格,這就有必要增加一些垂直線或水平線,依照比例法則設計出有良好比例的若干寬窄不同的欄。大小網格最簡單的形式是一寬一窄大小不同的兩欄。

一般情況下是大網格即寬的那一欄安排重要的內容,小網格即窄的那一欄配置附屬的東西。例如:內容是以文字為主的,那就大欄放正文,小欄放圖片和說明文字;如果內容是以圖片為主的,則大欄放圖片,小欄放文字。

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

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

按圖形的外輪廓進行排列文本,使文字的圖形化、隨圖化處理。

用文本或圖像聚集為異形,是將文本或圖像嵌入到一個的異形當中去。

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

例如:個別圖片向外移動半格,也可不按比例放大縮小,還可去掉背景成為褪底的圖片,或者把圖片的方角改成圓角甚至做成其他形狀的圖片,與方形的網格產生對比等等。突破的方法很多,目的是使版面變得生動起來。

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


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

設計思維形成規律!
探究!APP引導頁設計