版面設計的規(guī)律與技巧初探

楊亞穹

摘 要：版面設計并非高深莫測，本文論述的八條核心的規(guī)律，幾乎都不是孤立的存在版面當中，而是在同一版式中，常常有多個規(guī)律法則一起存在，相互融合，相輔相成。抓住版面設計中最關鍵的規(guī)律、法則和版面編排技巧后，就可以設計出優(yōu)秀的版式作品。

關鍵詞：版面設計；力場；秩序；統(tǒng)一性法則；分割的方法

在視覺傳達設計領域，版面設計能力的是一項至關重要的基本能力，是優(yōu)秀設計師的必備。并非每個設計師都可以做到創(chuàng)意非凡，但是只要掌握了版面編排設計的規(guī)律、方法，就可以成為一名合格的設計師。

版面設計，又稱版式設計，狹義講，就是一項研究圖形、色彩、文字在版面中排列組合規(guī)律與方法的學科，又可稱為版面構成。在各式各樣，浩如煙海的作品中，其實都有遵循一些基本的版面設計的規(guī)律去設計與制作。

首先，版面設計并不是什么太高深的東西，幾乎隨處可見，其實從小到一個卡片、學生時代的黑板報手抄報，大到書籍裝幀、國際會議場館布局設計，都離不開版面設計的知識。

經(jīng)過多年的設計工作積累和教學總結(jié)，現(xiàn)將一些最關鍵最常用的版面設計規(guī)律和應用技巧總結(jié)如下：

1 均衡與對稱

均衡與對稱的規(guī)律可以說是眾所周知，但是幾乎每個版面都離不開它們的應用。也許是人類自身形體和很多生物對稱生長的原因，在實際工作中，設計元素對稱構圖，的確可以讓人獲得相對穩(wěn)定、和諧的視覺感受。版式中的對稱也包括對角線上的對稱。

上圖中，第一張是對稱規(guī)律版面，后兩張設計版面都運用了均衡規(guī)律但是實現(xiàn)設計過程中，并不常出現(xiàn)，完全對稱的元素可用于設計，這時均衡的規(guī)律就至關重要。

均衡可簡要概況為等量不等形，就是在版面中，左右或上下兩部分的設計元素也許不是同一類圖形，但是視覺感觀上卻是平衡的。較為常見的形式，一邊是一個產(chǎn)品圖像；而另一邊是一些文字的組合，最好理解的方法，就是將文字也當作一種極為抽象化的圖形來對待，更好感受出其量上的平衡。

2 網(wǎng)格與力場

網(wǎng)格與力場的規(guī)律：網(wǎng)格版式構圖是源自于西方的一種相對科學的版式設計方法，網(wǎng)格版式簡言之，就是將版面劃分成不同的方格形區(qū)域。在版式設計中，網(wǎng)格可以是很直觀的格線，也可以是潛在的不可見的格線。

網(wǎng)格版式構圖它已經(jīng)被諸多設計軟件開發(fā)商所認可，并在排版軟件的開發(fā)時，就加入了網(wǎng)格的功能，方便設計師設計時，更加快捷。例如，在indesign和Illustrator等專業(yè)軟件中，都有網(wǎng)格顯隱功能。

網(wǎng)格版式設計是相對更加快捷的，但是也有其缺陷與不足之處。例如，版式不太活潑生動。打破這種網(wǎng)格的呆板的重要方法之一，就是將圖形元素去底化，使其邊緣不規(guī)則化，沒有了方形的底，圖形突破條框邊界的約束，會變得生動，在版式中更有活潑自然。

力場可以簡要概括為現(xiàn)實中的力，在版面設計中的映象。就如在版式中，圖形是印在紙上的，并不會因為兩個圖形的相關大小不同，印刷圖形的本身不會有重量的存在，而觀者，卻能產(chǎn)生一種重量上的差異化感受，就是一種典型的現(xiàn)實的物理力量習慣在視覺版面的中的映射。

3 留白與虛實

留白與虛實的規(guī)律，這里重點想著重闡明的一點是：在實際版面設計工作中，留白未必就是純白色的區(qū)域，它也可以是飽和度相對較低或明度相對高的單一色塊區(qū)域，留白的區(qū)域是為了更好地襯托、顯示出中心主題元素（可以是圖形或文字），給要表達的中心主題元素更加多的視覺空間。

虛實也是版式設計中突顯中心的一種重要法則規(guī)律，常用的手法有：將背景區(qū)的圖形的輪廓變得模糊不“肯定”，類似于攝影中的大光圈，將背景物虛化形式，以及色彩變淡或是變灰等方法。

4 秩序與變異

秩序與變異的規(guī)律應用。一個好的版面設計作品，其給予受眾的可讀性十分重要，方便人們閱讀，元素排列的秩序與條理性比較重要。變異是規(guī)律性的突破，變異點又常常是設計創(chuàng)意最為出彩的關鍵點。一般版面的設計，都要整體上秩序條理，而局部區(qū)域可以變異，突破原有規(guī)律性。

秩序化的常用手法，有“外框法”、“同色系法”、“線形書架法”等，如以上兩圖所示，當然其中也含有網(wǎng)格版式規(guī)律在其中。

（1）“外框法”就是將設計元素，都放入同一種形式的框架內(nèi)，如都是方形的或棱形的外框。（2）“同色系法”都是將一批圖形，為了視覺上的統(tǒng)一和秩序，可以色相都變?yōu)橥簧啵蛘呤抢渑嘟纳怠＃?）“線形書架法”就是用線將版面分成不同的小區(qū)域，每個區(qū)域如書架的一個格，這也可算是網(wǎng)格形構圖的一種更直觀、具體的類比。

5 統(tǒng)一性法則

統(tǒng)一性法則，這一法則，在多頁型設計或系列型設計中，常常可以用到，就是設計中的元素，最好都用一致或相類似的元素。例如，用統(tǒng)一的圖形裝飾框等，這樣就可以產(chǎn)生視覺上的關聯(lián)性，并能使整體更加統(tǒng)一化、一致化。

當然統(tǒng)一性法則不僅僅局限于圖形形狀上，也包含在色彩表現(xiàn)上。例如，多頁設計中，將各頁的圖形元素用同一色系，可以將圖形的視覺更統(tǒng)一化。關于統(tǒng)一法則，還包括圖形的統(tǒng)一的表現(xiàn)形式。例如，所有的圖形都用一樣的插畫型的表現(xiàn)方式，令圖形元素的表達更加視覺統(tǒng)一。

6 呼應的法則

呼應的法則，就是用于設計的圖形元素，大小也許并不相同，但是，在同一版本面中二次以上的出現(xiàn)，產(chǎn)生出一種呼應性。

7 分割的方法與規(guī)律

版式設計中分割的方法與規(guī)律，版式常用的分割方法，可以歸納為“線條分割法”、“圖形分割法”、“色彩分割法”、“文字分割法”四大類。

“線條分割法”，這種方法，可以是直線，也可以是曲線的形式，就是用線版面分成不同的區(qū)域，每個區(qū)域再編排不同的元素，

“圖形分割法”以圖形的邊界，來劃分開版面，這點分割形式更加生動，不像線條分割法那樣有清晰的邊界線。

上圖中，右邊標題與正文運用了線條分割法，整體版面，又用了圖形分割法。

“色彩分割法”就是用不同的色彩區(qū)域，將版面分割成不同區(qū)，這種方法是一種比較新型的版面劃分形式。

“文字分割法”就是用單個文字邊界，或多個文字排列組合出的邊界來形成一種版面的分割。

8 版面用色多要統(tǒng)一在一個大的主色調(diào)下

版面的設計用色，也決非任意而為，也有其內(nèi)在規(guī)律可循： （1）如為某一品牌設計企業(yè)宣傳畫冊，畫冊的主色調(diào)可以是企業(yè)的標準色，也可以是標準色的同色系的一個色彩，這是常規(guī)的選色方法之一。（2）還有一種方法，就是畫冊中主要產(chǎn)品圖片的背景色或是同類色，也可是對比色，用以作為版面編排的底色和版面輔助圖形用色。（3）當然，有時設計師也用選用彩度極低的色彩作為版面編排輔助圖形用色或底色，如常被稱作無彩色的黑色、白色及灰色。

以上是總結(jié)的版面編排的一些規(guī)律與心得，難免不全及不當之處，但所列舉的這八條核心的規(guī)律，幾乎都不是孤立地存在版面當中，而是在同一版式中，常常有多個規(guī)律法則一起存在，相互融合，相輔相成。全部掌握文中這八條核心的規(guī)律，并融會貫通以后，在版式設計工作中，就基本可設計出合乎設計法則的合理的版式作品。掌握了以上的規(guī)律以后，對設計出一個優(yōu)秀的版式作品，的確會有很大的促進作用。

參考文獻：

[1] 樊志良.廣告學原理[M].上海人民出版社.

[2] 王焱.廣告設計[M].浙江人民美術出版社.

[3] 席躍良.平面版式設計[M].清華大學出版社.