學(xué)排版!版式設(shè)計(jì)規(guī)律與技巧
版面設(shè)計(jì)并非高深莫測(cè) , 本文的八條核心的規(guī)律,幾乎都不是孤立的存在版面當(dāng)中,而是在同一版式中,常常有多個(gè)規(guī)律法則一起存在,相互融合,相輔相成。抓住版面設(shè)計(jì)中最關(guān)鍵的規(guī)律、法則和版面編排技巧后,就可以設(shè)計(jì)出優(yōu)秀的版式作品。

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

版面設(shè)計(jì),又稱版式設(shè)計(jì),狹義講,就是一項(xiàng)研究圖形、色彩、文字在版面中排列組合規(guī)律與方法的學(xué)科,又可稱為版面構(gòu)成。首先,版面設(shè)計(jì)并不是什么太高深的東西,幾乎隨處可見,其實(shí)從小到一個(gè)卡片、學(xué)生時(shí)代的黑板報(bào)手抄報(bào),大到書籍裝幀、國(guó)際會(huì)議場(chǎng)館布局設(shè)計(jì),都離不開版面設(shè)計(jì)的知識(shí)。


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

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


網(wǎng)格版式簡(jiǎn)言之,就是將版面劃分成不同的方格形區(qū)域。在版式設(shè)計(jì)中,網(wǎng)格可以是很直觀的格線,也可以是潛在的不可見的格線。網(wǎng)格版式構(gòu)圖它已經(jīng)被諸多設(shè)計(jì)軟件開發(fā)商所認(rèn)可,并在排版軟件的開發(fā)時(shí),就加入了網(wǎng)格的功能,方便設(shè)計(jì)師設(shè)計(jì)時(shí),更加快捷。例如:在 indesign 和 Illustrator 等專業(yè)軟件中,都有網(wǎng)格顯隱功能。

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

力場(chǎng)可以簡(jiǎn)要概括為現(xiàn)實(shí)中的力,在版面設(shè)計(jì)中的映象。就如在版式中,圖形是印在紙上的,并不會(huì)因?yàn)閮蓚€(gè)圖形的相關(guān)大小不同,印刷圖形的本身不會(huì)有重量的存在,而觀者,卻能產(chǎn)生一種重量上的差異化感受,就是一種典型的現(xiàn)實(shí)的物理力量習(xí)慣在視覺版面的中的映射。


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

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


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

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

①“外框法”就是將設(shè)計(jì)元素,都放入同一種形式的框架內(nèi),如都是方形的或棱形的外框。
②“同色系法”都是將一批圖形,為了視覺上的統(tǒng)一和秩序,可以色相都變?yōu)橥簧?,或者是冷暖相近的色系?/p>
③“線形書架法”就是用線將版面分成不同的小區(qū)域,每個(gè)區(qū)域如書架的一個(gè)格,這也可算是網(wǎng)格形構(gòu)圖的一種更直觀、具體的類比。


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

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

呼應(yīng)的法則,就是用于設(shè)計(jì)的圖形元素,大小也許并不相同,但是,在同一版本面中二次以上的出現(xiàn),產(chǎn)生出一種呼應(yīng)性。
①“線條分割法”,這種方法,可以是直線,也可以是曲線的形式,就是用線版面分成不同的區(qū)域,每個(gè)區(qū)域再編排不同的元素,
②“圖形分割法”以圖形的邊界,來劃分開版面,這點(diǎn)分割形式更加生動(dòng),不像線條分割法那樣有清晰的邊界線。又用了圖形分割法。
③“色彩分割法”就是用不同的色彩區(qū)域,將版面分割成不同區(qū),這種方法是一種比較新型的版面劃分形式。
④“文字分割法”就是用單個(gè)文字邊界,或多個(gè)文字排列組合出的邊界來形成一種版面的分割。
在一個(gè)大的主色調(diào)下版面的設(shè)計(jì)用色,也絕非任意而為,也有其內(nèi)在規(guī)律可循:
①如為某一品牌設(shè)計(jì)企業(yè)宣傳畫冊(cè),畫冊(cè)的主色調(diào)可以是企業(yè)的標(biāo)準(zhǔn)色,也可以是標(biāo)準(zhǔn)色的同色系的一個(gè)色彩,這是常規(guī)的選色方法之一。
②還有一種方法,就是畫冊(cè)中主要產(chǎn)品圖片的背景色或是同類色,也可是對(duì)比色,用以作為版面編排的底色和版面輔助圖形用色。
③當(dāng)然,有時(shí)設(shè)計(jì)師也用選用彩度極低的色彩作為版面編排輔助圖形用色或底色,如常被稱作無彩色的黑色、白色及灰色。
以上是總結(jié)的版面編排的一些規(guī)律與心得,難免不全及不當(dāng)之處,但所列舉的這八條核心的規(guī)律,幾乎都不是孤立地存在版面當(dāng)中,而是在同一版式中,常常有多個(gè)規(guī)律法則一起存在,相互融合,相輔相成。推薦閱讀:版式主體與層級(jí)(視頻教程)
學(xué)排版!版式設(shè)計(jì)規(guī)律與技巧的評(píng)論 (共 條)
