« 抓住要點、沒有難「題」 | Main | 換版:編輯政策的最後一道防線 »

版面設計的理論與實務

版面設計,是我在編輯生涯中最為自豪的技藝,也是我最常受邀演講的題目。

版面設計必須基於新聞特質,去整合圖片、標題、內文、空白和線條,從而表現內文特色、吸引讀者瀏覽、方便讀者細讀、建立報刊特色。

以下,是我一九九八年在自由時報的演講大綱:
.................................................................................................................

版面設計的理論與實務

壹、版面的構成要素

一、圖片∕圖說
包括照片、示意圖、新聞插畫,是讀者看報第一眼落下的地方。

二、標題
包括新聞標題、專欄和評論的題目、專輯的總題與插題等等,是新聞的索引、目錄;標題的題型、字體、在版面上的分布情況,影響版面美感。

三、內文
內文的字體、級數、字間行間,影響到版面的風貌,也影響到讀者閱讀時的舒適與否。

四、空白
空白不空也不白,能凸顯照片和標題、增進閱讀舒適度。

五、線條
具有分類、強調、美化的功能。

貳、版面設計的基本原則

一、表現內容特色-→內容導向(content-driven)

1.形式服務內容:a.事件類型不同(衝突∕民調)版面設計不同;b.版性不同(政治∕體育)設計不同;c.報紙不同設計不同(質報、量報)

二、吸引讀者注意-→賞心悅目(visually energetic)

1.視覺思考:a.圖像化;b.彩色化;c.視覺報導

2.版面美感:a.平衡、b.對比、c.和諧、d.焦點、e.比例

三、方便讀者閱讀(user-friendly)-→簡單明瞭(functional/simple)

1.功能取向:不求藝術的完美表現、重視訊息的有效傳播;不能凸顯內容、深入淺出、建立報格、吸引注意的設計技巧,不用!

2.易讀:字體大小、字間行間、標題字體對比、照片圖表

3.消除閱讀障礙

4.分門別類:套裝、相鄰、連結(界定關連)

5.導讀:每落版次說明、長文插題

四、建立報紙風格

1.整體設計:風格統一,前後呼應、同中存異

2.定期更新

參、版面設計的規劃要點

一、版面結構

1.基本分割法:版面井字分割、單元黃金分割

2.結構:直式梯形版面-→橫式分層版面

3.欄數:少-→多-→少(愈多愈有變化也愈複雜)

二、視覺震撼中心

1.功能:吸引讀者目光、誘導讀者閱讀

2.做法:a.照片,尤其是縱長或橫闊的照片;b.美化的圖表或示意圖;c.特效標題;d.美化的加框單元

三、視覺移轉線

1.意義:讀者瀏覽版面的動線

2.走向:a.固定走向(有直頭時Z字形∕無直頭時倒Z字形);b.變動走向(由編輯設計、誘導)

3.運用:a.凸顯重點(將重要新聞置於移轉線上);b.面面俱到(將重要新聞置於移轉線外)

4.死角:儘可能二條線走完

四、單元式規劃與塊狀組合

1.內容:將新聞分成幾個主題,每一主題自成單元,一個版面內通常有一至四個主題單元,其他零碎新聞也合併成塊另成單元,亦即單元式規劃。

2.形式:每一單元各有一至數則新聞,另有照片、圖表,編輯將這些新聞的照片、圖表合併編排為一矩形方塊,和其他單元構成的方塊共同組成全版,亦即塊狀組合。

3.版型:以單元規劃、塊狀組合、視覺震撼中心所編出的版面,很自然的形成格子式。很多報紙將這些格子固定,非遇特殊新聞不做變動,於是形成版型。

伍、版面設計的革新

要革新版面設計,我們必須融合中文傳統編法和歐美新式編法。報禁開放以來,中文傳統的梯形版面、多行標題、花邊美工漸趨式微,歐美的單元式規劃、塊狀組合、視覺震撼中心躍為主流;但由於中西報紙新聞則數、大小搭配的做法迥異,硬把中文新聞填入西式版面,猶如拿刀叉吃中餐,格格不入,因此,中文版型還有大幅革新的空間和必要。

革新的關鍵有三:

一、新聞組合:大大小小

新聞組合是指以大大小小原則,在總則數不變的情況下減少大標題的數量,以免分散讀者注意力。

二、標題設計:若隱若現

標題設計是指將新聞歸納為數單元,加重每單元主新聞標題的級數和濃度,而減輕配合稿標題的級數和濃度,使版面只見大題、不見小題。

三、圖像思考

圖像思考是指編版時不能只想到文字的長短,而應規劃文、題、圖組合後的視覺效果,此外也應凸顯好的照片、儘量以圖表呈現資訊。

參考資料
1. 余也魯(1986,再版)︰《雜誌編輯學》,第十三章「空白上的創造—版面設計的原理與原則」。香港:海天書樓。
2.羅文輝(1991)︰「打開天窗說亮話——版面革新的未來走向」。《報學》,八卷五期。
3.臧國仁(1990)︰「省時省力的單元式編排」。《中時報系社刊》3月號。
4.莊宜昌(1997):《報紙版面設計對讀者閱報認知、態度影響之研究》,第二章「文獻探討」,頁8-46。台北:政治大學新聞所碩士論文。
5.王鼎(1990)︰「群化原則在標題形式上之應用」。聯合報系社刊,八月號。
6.羅傑派克著∕王存耕譯 (1990):《桌上出版設計指南: 如何編輯設計刊物。 台北:授學。
7.A. Swann (1993):《版面設計基本原理》。 香港: 萬里機構。
8.張隆棟譯(1987):「美國報紙的版面」。收錄在鄭興東&陳仁風編《中外報紙編輯參考資料》,頁293-312。北京:人民大學出版社。
9.涂明君(1988)︰「《聯合報》改版」。《聯合報》系社刊72期。
10.石麗東(1991)︰《當代新聞報導》,第七章「報刊資訊的視覺效應」。台北:正中。
11.陳百齡(1993)︰「圖象資訊版面聚焦——談電腦化後的版面編輯」。《中時報系社刊》,一○九期,八月號。
12.鍾蔚文等(1996):「框架理論的再探:以台灣大學女研社放映A片事件為例」。收錄在:翁秀琪&馮建三編《 政大新聞教育六十週年慶論文集》,頁181-223。台北:政大新聞系。
13.魏誠(1995):「從編輯室觀點到讀者觀點∕從學術性研究到實務研究——聯合報研發小組小團體討論總結報告」。中正電訊傳播所「閱聽人及訊息策略學術研討會」宣讀論文。
14.Yi-Chun Chen(1993): An Application of U. S. Newspaper Design Approaches to Chinese Newspaper Design. Master’s Thesis of Journalism University of Missouri- Columbia.

(1998年07月30日講於自由時報)

TrackBack

TrackBack URL for this entry:
http://www.typepad.com/t/trackback/25512/748684

Listed below are links to weblogs that reference 版面設計的理論與實務:

Comments

想學版面設計請問有入門書可以介紹嗎?萬謝!

請讀五南出版社翻譯出版的《報刊編輯手冊》。

謝謝!!!!!

Post a comment

If you have a TypeKey or TypePad account, please Sign In

twitter

訪客