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

1、黑、白、灰、線在版式設計中的運用摘 要版式設計通過圖形和文字向人們表達信息，在黑白版式屮, 設計師是通過圖形和文字呈現(xiàn)的“黑” “白” “灰” “線”來表達思想的。 如果說一個版面就像一個有血有肉的人，那么“黑”就是版面的“骨頭”, “白”是版面的“靈魂”，“灰”是版面的“血肉”，“線”是版面的“筋脈”。 版面通過對“黑” “白” “灰” “線”的合理使用，使文章形成統(tǒng)一變化的 有機整體。設計師應圍繞讀者設計出適合讀者觀看并且美觀的黑白版式， 達到功用與審美的統(tǒng)一。關鍵詞黑、白、灰、線版式設計中圖分類號g232 文獻標識碼a 文章編號1009-5853(2014)02-0035-03版式設計是

2、視覺傳達的重耍手段，是設計者必備的基本功之一。版式 設計通過圖形和文寧向人們表達信息，把原稿的體裁、結構、層次、圖、 字等方面作藝術而又合理的處理，讓觀看者在享受美感的同時，接受作者 想要傳達的信息。版式設計的最終目的是使版面形成清晰的條理性，突出 主題，達到最佳訴求效果1。一幅作甜的好壞，創(chuàng)意固然重要，但只冇 在創(chuàng)意的基礎上加上優(yōu)秀的版式設計，才能使作品上升到新的高度。好的 版式，可以讓受眾更加關注作品，可以為作品錦上添花。版式設計運用于報紙、雜志、招貼、書籍、包裝、產品樣冊、掛歷、 唱片封套、企業(yè)形象、網頁等所有平面設計領域。版式設計的材料有兩類圖形與文字，就好像廚師做菜原料中的葷菜與素菜

3、，一個廚師對原料 的選擇、對火候的把握、対油鹽醬醋的量化，決定著菜肴的色彩、形式、 口感和營養(yǎng)，在黑白版式中，設計師通過圖形與文字呈現(xiàn)出的“黑” “白” “灰” “線”來表達情感。1 “黑”是版面的“骨頭”鄭板橋畫竹子，畢加索畫牛，幾筆便畫出精神，盡得風流，沒有一筆 是多余的，這是繪畫作品中的“骨頭春風又綠江南岸”，一個“綠” 字，形象、生動、意境高，是這句詩的“骨頭”。在黑白版式設計屮，“黑” 是版面的“骨頭”。“黑”非真黑。版面中的“黑”，主要通過醒目的字體、厚重的色塊 獲得，但要靈動、通氣、精彩，“黑”而不悶。反之則主次不分、前后不 分、整個版面沒精神，就像一個人沒有骨頭立不起來。文字是

4、讀者與作者 和設計者彼此溝通的視覺語言。文字不但要達到與讀者精神溝通的目的， 更需要在兩者精神認同的基礎上創(chuàng)造新的視覺理念，所以，文字在書刊內 文版面的編排上占據著重要位置。內文的文寧主要有兩部分：文章名（標 題文字）和文章內容。在視覺傳達時，文章名是第一眼傳達給讀者的內文 文字，為了達到醒fi的效果，文章名通常使用粗黑體、綜藝體、琥珀體、 粗圓體及手繪創(chuàng)意美術字等。圖1屮的“祝賀單位”，把字與圖形完美地 結合；圖2中的“那拉提草原”這兒個字，故意把“提”錯開一些，使文 字更有靈氣。這些字便是這個版面的“骨頭”，起到了畫龍點晴的作用。2 “白”是版面的“靈魂” 空白處理在文藝作品中的運用極英廣

5、泛，如音樂中的休止符，現(xiàn)代詩 中的“啊”，現(xiàn)實生活中的“沉默”，戲曲也講出場藝術，一個角色亮 相，敲鑼打鼓等很多的前奏。圖3 “目錄”的左邊大版空白，讓讀者的視覺能進來，慢慢再看到正 題。圖4中，因為文字是豎排的，所以按照古代線裝書的排列方法，先留 白，再讓讀者的視覺從右邊進來。這種版式處理方法與三國演義人物 塑造非常相像，主人公諸葛亮到三十八冋通過三顧茅廬“千呼萬喚始出 來”，一旦來了，便三分天下，兩把大火燒得曹軍膽戰(zhàn)心驚，讓讀者眼睛 一亮。圖4皖南風情目錄設計（學生作品）這不正像圖3左邊上半塊版式和圖4右邊上半部的空白嗎？而下角的 空白呢？便是諸葛亮在“一百零四回隕大星漢丞相歸天”到“一百

6、二十 回降孫皓三分歸一統(tǒng)”這十六回，雖不是小說的中心，不是小說最精彩 的部分，但卻不能沒冇，這種大勢所趨、無力回天的結果，留給讀者一聲 嘆息，讓讀者流連忘返，欲罷不能。音怎不但有前奏也有尾聲，它能使高潮慢慢地平緩下來，讓人們的聽 覺產生幻覺，并一且“余音繞梁，三口不絕電影梅蘭芳中，梅蘭芳 在美國的第一場演出，他那新穎別致的服飾、傳統(tǒng)風味的發(fā)型、婀娜多姿 的身段、秀美動人的扮相、前無古人的嗓音、載歌載舞的表演，竟把美國 人看呆了，演出結束后都忘了鼓常，沉默片刻后才爆發(fā)出雷鳴般的掌聲， 久久不衰。這種沉默在版式設計中用“白”來表達，它能使版面黑白分明、整潔清晰、開闊通透、主次分明，既保留了版面的穩(wěn)

7、重大方，又不失靈活生動 的整體風格。整個版面因為“白”而靈動起來，給讀者在視覺上造成輕快、 愉悅的刺激，h力因之得到松弛、小憩，使版面就像一個活生生的人有了“靈魂” 一樣。當然，大片空白不可亂用，一旦留白，必須冇呼應，冇 過渡，以免為形式而形式，造成版面空泛。3 “灰”是版面的“血肉”在版式設計中，為了強調主體，可有意將其他部分削弱為有層次感的“灰”?！盎摇钡奶幚砣缧≌f、影視中的配角人物，是主體人物的襯托，一 定不能喧賓奪主。歷史上的周瑜雄姿英發(fā)，心胸廣闊，東吳老將程普，早 年跟隨孫堅，自以為功高，瞧不起年輕的周瑜，但周瑜并不與之計較，最 后使程普口 c折服。程普道：“與周公瑾交，如飲醇醪，不

8、覺自醉?！钡剿?代時，世人還是很喜歡周瑜，這一點從蘇東坡的念奴嬌中可以看出。 但作者為了塑造主人公，硬是把赤壁之戰(zhàn)的主角換成了諸葛亮，周瑜成了 心胸狹窄的代名詞，從草船借箭、借東風到甘露寺招親、討還荊州，周瑜 是“賠了夫人乂折兵”，在諸葛亮面前總是技不如人，處處碰壁。歷史上 的魯肅也是一代儒將，作戰(zhàn)時手不釋卷，為東吳立下赫赫戰(zhàn)功，但書中把 魯肅塑造成老實得出奇的人2。人物的“灰”的處理運用在版式設計中, 既豐富版面內容又襯托主要部分，道理是相通的。文章標題是“黑”，是設計師第-眼要傳達給讀者的，是上例屮所說 的主人公諸葛亮。那么設計師第二眼耍傳達給讀者的是什么呢？那就是文 章內容，它一般放在版

9、心的位置，包括？體、字號、字距、行間、段落、 章節(jié)、線框、分欄等。中文書籍選用宋體較多，這些宋體便構成版面整體 的灰度。如圖5的內文文字及灰色底圖，與“黑”的文章名“文姬歸漢”形成對比，增強對主體的強調，四周裝飾圖形為“灰”，乂增強了版面的 空間感，既滿足內容的需要，又使灰色的變化豐富多彩，讓讀者的視線由 “黑”到“灰”再到“白”。（在三國演義屮把“灰”處理成周瑜、魯 肅等人。）圖6是呂敬人先生的作品，“漢學世界”四字為“黑”，左右兩 邊細弱的文字作為一種裝飾文字與實的“漢學世界”形成對比，增強了對 主體的強調。“灰”是“黑”與“白”二者的調節(jié)因索，一種過渡形式。如果沒有這幾層“灰”，這個版面

10、就不豐富，沒有可看的內容，版 面也就顯得“空”。就像一個人光冇骨頭和靈魂，卻沒冇血肉，不豐滿、 不滋潤，沒有活力，干巴巴的。“草蛇灰線，伏延千里”，這是快餐作品與經典作品的最大區(qū)別。紅 樓夢在這一點上做得最高超，如蔣玉苗與賈寶玉互贈汗山，賈寶玉又把 汗巾轉送給襲人，最后襲人與蔣玉鑿的結合應了 “堪羨優(yōu)伶有福，誰知公 子無緣”的判詞，這汗巾便是“線”?？此茻o關的筆墨，如茜雪被攆那一 節(jié)，脂胭齋批語卻說：“茜雪至獄神廟方呈正文余只見一次譽清時， 獄神廟回有茜雪、紅玉一大回文字。”這些伏線使文章成為一個完美的整 體。裁縫把一塊布分割成若干小塊，如袖子、領子、前襟、后片，最后用 線把這若干小塊的布連起

11、來，便做成衣服。若在人體中，“線”可以看作 人體的“筋脈”，連結人體各個器官、各個組織，使人各個器官、各個組 織有韌性、有活力?！熬€”就是版面的“筋脈”，把版面的“血肉”（即“灰”）連接起來 并分割得更加清晰,改變版面的比例，給讀者帶來親切、安穩(wěn)的感覺并體 現(xiàn)出欄線的層次美感。這里的“線”不僅指幾何意義上的線，還有用細小 的文字組成的線。所以，“線”不僅有長度，而且有寬度。如圖7詩歌月 刊雜志的冃錄版式中的右上角用小字組成的線。再如圖8詩歌月刊 雜志的內文版式屮的“線”，清楚地將文字分割成若干群體，使版面顯得 不擁擠，給人一日了然的印象。兒段線條起到了分區(qū)、裝飾的多重作用。5結語“黑” “白” “灰” “線”能處理版面全局與局部、局部與局部的關系, 也可以通過明度的強弱，明確視覺層次，引導讀者視線，讓讀者在不知不 覺屮按編輯的要求，做到先看什么、再看什么、最后看什么，以視線的流 動形成版面層次美。如果把一個版面設計比作一個人，那么，“黑”是版 面的“骨頭”，“白”是版