黑、白、灰、線在版式設計中的運用

嚴荷菱

[摘 要] 版式設計通過圖形和文字向人們表達信息，在黑白版式中，設計師是通過圖形和文字呈現的“黑”“白”“灰”“線”來表達思想的。如果說一個版面就像一個有血有肉的人，那么“黑”就是版面的“骨頭”，“白”是版面的“靈魂”，“灰”是版面的“血肉”，“線”是版面的“筋脈”。版面通過對“黑”“白”“灰”“線”的合理使用，使文章形成統一變化的有機整體。設計師應圍繞讀者設計出適合讀者觀看并且美觀的黑白版式，達到功用與審美的統一。

[關鍵詞] 黑、白、灰、線 版式設計

[中圖分類號] G232 [文獻標識碼] A [文章編號] 1009-5853 （2014） 02-0035-03

版式設計是視覺傳達的重要手段，是設計者必備的基本功之一。版式設計通過圖形和文字向人們表達信息，把原稿的體裁、結構、層次、圖、字等方面作藝術而又合理的處理，讓觀看者在享受美感的同時，接受作者想要傳達的信息。版式設計的最終目的是使版面形成清晰的條理性，突出主題，達到最佳訴求效果[1]。一幅作品的好壞，創意固然重要，但只有在創意的基礎上加上優秀的版式設計，才能使作品上升到新的高度。好的版式，可以讓受眾更加關注作品，可以為作品錦上添花。

版式設計運用于報紙、雜志、招貼、書籍、包裝、產品樣冊、掛歷、唱片封套、企業形象、網頁等所有平面設計領域。版式設計的材料有兩類——圖形與文字，就好像廚師做菜原料中的葷菜與素菜，一個廚師對原料的選擇、對火候的把握、對油鹽醬醋的量化，決定著菜肴的色彩、形式、口感和營養，在黑白版式中，設計師通過圖形與文字呈現出的“黑”“白”“灰”“線”來表達情感。

1 “黑”是版面的“骨頭”

鄭板橋畫竹子，畢加索畫牛，幾筆便畫出精神，盡得風流，沒有一筆是多余的，這是繪畫作品中的“骨頭”。“春風又綠江南岸”，一個“綠”字，形象、生動、意境高，是這句詩的“骨頭”。在黑白版式設計中，“黑”是版面的“骨頭”。

“黑”非真黑。版面中的“黑”，主要通過醒目的字體、厚重的色塊獲得，但要靈動、通氣、精彩，“黑”而不悶。反之則主次不分、前后不分、整個版面沒精神，就像一個人沒有骨頭立不起來。文字是讀者與作者和設計者彼此溝通的視覺語言。文字不但要達到與讀者精神溝通的目的，更需要在兩者精神認同的基礎上創造新的視覺理念，所以，文字在書刊內文版面的編排上占據著重要位置。內文的文字主要有兩部分：文章名（標題文字）和文章內容。在視覺傳達時，文章名是第一眼傳達給讀者的內文文字，為了達到醒目的效果，文章名通常使用粗黑體、綜藝體、琥珀體、粗圓體及手繪創意美術字等。圖1中的“祝賀單位”，把字與圖形完美地結合；圖2中的“那拉提草原”這幾個字，故意把“提”錯開一些，使文字更有靈氣。這些字便是這個版面的“骨頭”，起到了畫龍點睛的作用。

2 “白”是版面的“靈魂”

空白處理在文藝作品中的運用極其廣泛，如音樂中的休止符，現代詩中的“啊……”，現實生活中的“沉默”，戲曲也講出場藝術，一個角色亮相，敲鑼打鼓等很多的前奏。

圖3“目錄”的左邊大版空白，讓讀者的視覺能進來，慢慢再看到正題。圖4中，因為文字是豎排的，所以按照古代線裝書的排列方法，先留白，再讓讀者的視覺從右邊進來。這種版式處理方法與《三國演義》人物塑造非常相像，主人公諸葛亮到三十八回通過三顧茅廬“千呼萬喚始出來”，一旦來了，便三分天下，兩把大火燒得曹軍膽戰心驚，讓讀者眼睛一亮。

圖4 《皖南風情》目錄設計（學生作品）

這不正像圖3左邊上半塊版式和圖4右邊上半部的空白嗎？而下角的空白呢？便是諸葛亮在“一百零四回 隕大星漢丞相歸天”到“一百二十回 降孫皓三分歸一統”這十六回，雖不是小說的中心，不是小說最精彩的部分，但卻不能沒有，這種大勢所趨、無力回天的結果，留給讀者一聲嘆息，讓讀者流連忘返，欲罷不能。

音樂不但有前奏也有尾聲，它能使高潮慢慢地平緩下來，讓人們的聽覺產生幻覺，并且“余音繞梁，三日不絕”。電影《梅蘭芳》中，梅蘭芳在美國的第一場演出，他那新穎別致的服飾、傳統風味的發型、婀娜多姿的身段、秀美動人的扮相、前無古人的嗓音、載歌載舞的表演，竟把美國人看呆了，演出結束后都忘了鼓掌，沉默片刻后才爆發出雷鳴般的掌聲，久久不衰。

這種沉默在版式設計中用“白”來表達，它能使版面黑白分明、整潔清晰、開闊通透、主次分明，既保留了版面的穩重大方，又不失靈活生動的整體風格。整個版面因為“白”而靈動起來，給讀者在視覺上造成輕快、愉悅的刺激，目力因之得到松弛、小憩，使版面就像一個活生生的人有了“靈魂”一樣。 當然，大片空白不可亂用，一旦留白，必須有呼應，有過渡，以免為形式而形式，造成版面空泛。

3 “灰”是版面的“血肉”

在版式設計中，為了強調主體，可有意將其他部分削弱為有層次感的“灰”。“灰”的處理如小說、影視中的配角人物，是主體人物的襯托，一定不能喧賓奪主。歷史上的周瑜雄姿英發，心胸廣闊，東吳老將程普，早年跟隨孫堅，自以為功高，瞧不起年輕的周瑜，但周瑜并不與之計較，最后使程普自己折服。程普道：“與周公瑾交，如飲醇醪，不覺自醉。”到宋代時，世人還是很喜歡周瑜，這一點從蘇東坡的《念奴嬌》中可以看出。但作者為了塑造主人公，硬是把赤壁之戰的主角換成了諸葛亮，周瑜成了心胸狹窄的代名詞，從草船借箭、借東風到甘露寺招親、討還荊州，周瑜是“賠了夫人又折兵”，在諸葛亮面前總是技不如人，處處碰壁。歷史上的魯肅也是一代儒將，作戰時手不釋卷，為東吳立下赫赫戰功，但書中把魯肅塑造成老實得出奇的人[2]。人物的“灰”的處理運用在版式設計中，既豐富版面內容又襯托主要部分，道理是相通的。

文章標題是“黑”，是設計師第一眼要傳達給讀者的，是上例中所說的主人公諸葛亮。那么設計師第二眼要傳達給讀者的是什么呢？那就是文章內容，它一般放在版心的位置，包括字體、字號、字距、行間、段落、章節、線框、分欄等。中文書籍選用宋體較多，這些宋體便構成版面整體的灰度。如圖5的內文文字及灰色底圖，與“黑”的文章名“文姬歸漢”形成對比，增強對主體的強調，四周裝飾圖形為“灰”，又增強了版面的空間感，既滿足內容的需要，又使灰色的變化豐富多彩，讓讀者的視線由“黑”到“灰”再到“白”。（在《三國演義》中把“灰”處理成周瑜、魯肅等人。）圖6是呂敬人先生的作品，“漢學世界”四字為“黑”，左右兩邊細弱的文字作為一種裝飾文字與實的“漢學世界”形成對比，增強了對主體的強調。endprint

“灰”是“黑”與“白”二者的調節因素，一種過渡形式。如果沒有這幾層“灰”，這個版面就不豐富，沒有可看的內容，版面也就顯得“空”。就像一個人光有骨頭和靈魂，卻沒有血肉，不豐滿、不滋潤，沒有活力，干巴巴的。

“草蛇灰線，伏延千里”，這是快餐作品與經典作品的最大區別。《紅樓夢》在這一點上做得最高超，如蔣玉菡與賈寶玉互贈汗巾，賈寶玉又把汗巾轉送給襲人，最后襲人與蔣玉菡的結合應了“堪羨優伶有福，誰知公子無緣”的判詞，這汗巾便是“線”。看似無關的筆墨，如莤雪被攆那一節，脂胭齋批語卻說：“莤雪至獄神廟方呈正文……余只見一次謄清時，獄神廟回有莤雪、紅玉一大回文字。”這些伏線使文章成為一個完美的整體。裁縫把一塊布分割成若干小塊，如袖子、領子、前襟、后片，最后用線把這若干小塊的布連起來，便做成衣服。若在人體中，“線”可以看作人體的“筋脈”，連結人體各個器官、各個組織，使人各個器官、各個組織有韌性、有活力。

“線”就是版面的“筋脈”，把版面的“血肉”（即“灰”）連接起來并分割得更加清晰，改變版面的比例，給讀者帶來親切、安穩的感覺并體現出欄線的層次美感。這里的“線”不僅指幾何意義上的線，還有用細小的文字組成的線。所以，“線”不僅有長度，而且有寬度。如圖7《詩歌月刊》雜志的目錄版式中的右上角用小字組成的線。再如圖8《詩歌月刊》雜志的內文版式中的“線”，清楚地將文字分割成若干群體， 使版面顯得不擁擠，給人一目了然的印象。幾段線條起到了分區、裝飾的多重作用。

5 結 語

“黑”“白”“灰”“線”能處理版面全局與局部、局部與局部的關系，也可以通過明度的強弱，明確視覺層次，引導讀者視線，讓讀者在不知不覺中按編輯的要求，做到先看什么、再看什么、最后看什么，以視線的流動形成版面層次美。如果把一個版面設計比作一個人，那么，“黑”是版面的“骨頭”，“白”是版面的“靈魂”，“灰”是版面的“血肉”，“線”是版面的“筋脈”。在版式設計中，通過對“黑”“白”“灰”“線”的合理使用，使文章與文章、文章與標題和插圖之間形成統一變化的有機整體。讓讀者在享受美感的同時，接受作者想要傳達的信息。

注 釋

[1]管佳鶯.編排設計[M].武漢：湖北美術出版社，2001：1-2

[2]鄭中.三國那些事兒[M].北京：中國三峽出版社，2007：96endprint