新聞編輯（修改版）馬工程課件 第八章

新聞編輯新聞編輯教材編寫課題組2017.07第八章版面設(shè)計(jì)第一節(jié)版面基礎(chǔ)知識(shí)◎版面概述◎版面的功能◎版面語言◎版面的布局結(jié)構(gòu)第二節(jié)版式◎版式的基本類型◎版式的創(chuàng)新◎版式規(guī)范與創(chuàng)新的辯證關(guān)系第三節(jié)版面設(shè)計(jì)與電子排版◎版面設(shè)計(jì)的原則◎版面設(shè)計(jì)的步驟◎電子排版第四節(jié)新聞網(wǎng)頁(yè)設(shè)計(jì)方法及內(nèi)容發(fā)布管理◎新聞網(wǎng)頁(yè)的類型及功能◎新聞網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)因素◎基于WWW網(wǎng)站的新聞網(wǎng)頁(yè)設(shè)計(jì)

◎基于移動(dòng)客戶端的新聞網(wǎng)頁(yè)設(shè)計(jì)◎網(wǎng)絡(luò)新聞發(fā)布系統(tǒng)第八章版面設(shè)計(jì)一、版面概述

“版面”是指印刷品成品幅面中圖文和空白部分的總和。它是報(bào)紙版面的物質(zhì)形態(tài)，承載著文字、圖像和空白等多種元素。

版面的基本概念:

（一）版面空間

（二）版面元素

（三）版面術(shù)語

第一節(jié)版面基礎(chǔ)知識(shí)（一）版面空間一張報(bào)紙版面所提供的一種客觀存在形式。其由版面的區(qū)域和版位組成。區(qū)域作為版面語言的一種形式，其運(yùn)用主要體現(xiàn)在版序和區(qū)序兩方面。1.版序：自然版序、視覺版序2.區(qū)序：版面上的各個(gè)區(qū)間3.欄和欄序4.面積5.距離6.形狀圖8-3區(qū)序示意圖第一節(jié)版面基礎(chǔ)知識(shí)（二）版面元素構(gòu)成版面實(shí)體的字符、圖像、線條、色彩、空白等，也被稱為“編排手段”。有營(yíng)造強(qiáng)勢(shì)和表情達(dá)意等作用。1.字符2.圖像3.線條

4.色彩5.空白圖8-6《北京青年報(bào)》報(bào)頭及頭條標(biāo)題反白圖8-5矩形和橢圓形稿件在版面上的強(qiáng)勢(shì)對(duì)比第一節(jié)版面基礎(chǔ)知識(shí)（三）版面術(shù)語

1.開張以整張新聞紙裁開若干等份數(shù)目為標(biāo)準(zhǔn)來表示的報(bào)紙面積的大小。

2.報(bào)型報(bào)紙外形，包括平面面積和長(zhǎng)寬比。

3.報(bào)頭報(bào)紙刊登報(bào)名及附加信息的版位。

圖8-7我國(guó)的幾種“瘦報(bào)”報(bào)型對(duì)比第一節(jié)版面基礎(chǔ)知識(shí)（三）版面術(shù)語

4.報(bào)眼又稱“報(bào)肩”“報(bào)耳”，是指橫排報(bào)紙報(bào)頭右側(cè)的版位。

5.天地線又稱“報(bào)線”，是指版芯的上下邊線。

圖8-8報(bào)眼稿件的延伸第一節(jié)版面基礎(chǔ)知識(shí)（三）版面術(shù)語

6.報(bào)眉

報(bào)紙版面頂端“眉線”上方所印的文字和圖案。

7.版芯

一張版面上除掉四周的空白，中間容納文字和圖片的部分。

8.中縫

指報(bào)紙同一面上兩個(gè)相對(duì)版面之間、中折線兩側(cè)狹長(zhǎng)區(qū)域。

第一節(jié)版面基礎(chǔ)知識(shí)（三）版面術(shù)語

9.通版

將報(bào)紙同一面上兩個(gè)相對(duì)的版打通，從而形成“兩版合一”的寬幅版面。

圖8-9通版第一節(jié)版面基礎(chǔ)知識(shí)（三）版面術(shù)語

10.強(qiáng)勢(shì)

版面上能夠吸引讀者注意的各種信號(hào)和編排手段。

圖8-10眼動(dòng)儀呈現(xiàn)的視覺版面的視覺強(qiáng)勢(shì)第一節(jié)版面基礎(chǔ)知識(shí)（三）版面術(shù)語

11.頭條、雙頭條、倒頭條、假頭條

圖8-11雙頭條圖8-12假頭條第一節(jié)版面基礎(chǔ)知識(shí)（三）版面術(shù)語12.排版禁忌（1）通線——欄線（有時(shí)是空白）從版面頂端直通底部。

（2）斷版——欄線（有時(shí)是空白）從版面左端直通右端。

（3）碰題——排版時(shí)將兩個(gè)以上的標(biāo)題安排在一起，呈現(xiàn)“一字

長(zhǎng)蛇”的形狀。

第一節(jié)版面基礎(chǔ)知識(shí)（三）版面術(shù)語

13.留白

——版面上留下空白。

14.開天窗

——因?yàn)樾侣剻z查被迫抽去稿件，或者為了吸引讀者參與，以及增強(qiáng)廣告效果而在版面上留下的成片空白。

15.大樣

——報(bào)紙版面設(shè)計(jì)（俗稱“拼版”）完成后打印出來的版面樣張。

16.倒版

——對(duì)設(shè)計(jì)好的版面進(jìn)行重新調(diào)整。

17.清樣——版面的大樣經(jīng)過數(shù)次修改，直至最后一張不再需要修改的樣張。

第一節(jié)版面基礎(chǔ)知識(shí)二、版面的功能作為報(bào)紙具體形態(tài)的外在表現(xiàn)，版面具有一系列的實(shí)際功能，即報(bào)紙的用途和作用。

（一）信息匯集功能

（二）導(dǎo)讀功能

（三）導(dǎo)向功能

（四）風(fēng)格建構(gòu)功能

第一節(jié)版面基礎(chǔ)知識(shí)三、版面語言編輯綜合運(yùn)用版面元素和編排手段，表達(dá)情感以及對(duì)新聞意義評(píng)價(jià)的一種特有的表達(dá)方式。常用的版面語言要素有：（一）版面空間

（二）版面元素

（三）版位

圖8-15《新民晚報(bào)》頭版報(bào)道“踩踏事件”第一節(jié)版面基礎(chǔ)知識(shí)

（四）號(hào)外

圖8-16《人民日?qǐng)?bào)》“原子彈號(hào)外”

圖8-17《人民日?qǐng)?bào)》“北京申奧成功號(hào)外”第一節(jié)版面基礎(chǔ)知識(shí)

（五）開天窗

圖8-18荷蘭報(bào)紙為馬航事件“開天窗”第一節(jié)版面基礎(chǔ)知識(shí)四、版面的布局結(jié)構(gòu)（一）稿群布局結(jié)構(gòu)稿群是指有著某種聯(lián)系的一組稿件的統(tǒng)稱。包括如何利用版面空間和編排手段來區(qū)分稿件之間的主次關(guān)系、組合關(guān)系與分立關(guān)系。1.主次關(guān)系2.組合關(guān)系3.分立關(guān)系

圖8-19《人民日?qǐng)?bào)》頭版的空間組合第一節(jié)版面基礎(chǔ)知識(shí)（二）題文布局結(jié)構(gòu)題與文的布局結(jié)構(gòu)是標(biāo)題與正文相互聯(lián)系的表現(xiàn)形式。它包括四個(gè)方面：1.正文的基本形式：基本欄、變欄

圖8-20《解放軍報(bào)》版面上的變欄第一節(jié)版面基礎(chǔ)知識(shí)2.題文比例關(guān)系主要是指稿件的標(biāo)題與正文在長(zhǎng)度、厚度方面的比例關(guān)系。圖8-21厚題薄文第一節(jié)版面基礎(chǔ)知識(shí)3.題文位置關(guān)系傳統(tǒng)的題文關(guān)系形式有蓋文橫題、一般豎題、眉心題、串文題、上左題、中心題、對(duì)角題、尾式題、腰帶題、旗式題、左側(cè)題、碑式題等等。

圖8-22題文關(guān)系復(fù)雜的版面

圖8-23題文關(guān)系整齊劃一的版面

第一節(jié)版面基礎(chǔ)知識(shí)4.標(biāo)題自身排列的形式橫題主要有：?jiǎn)涡惺綑M題、多行式橫題、多行斜列式橫題、多行左齊式橫題、多行右齊式橫題、多行低列式橫題、主輔題左右分列式橫題等。豎題主要有：?jiǎn)涡惺截Q題、多行斜列式豎題、多行半斜列式豎題、低格式豎題。

第一節(jié)版面基礎(chǔ)知識(shí)（三）轉(zhuǎn)接關(guān)系稿件在排版時(shí)，版面之間和欄之間的轉(zhuǎn)接關(guān)系。版的轉(zhuǎn)接是指因?yàn)榘婷姘才诺男枰?，稿件從前面的版轉(zhuǎn)到后面的版。欄的轉(zhuǎn)接是指排文過程中，文字從左邊的欄轉(zhuǎn)到右邊的欄。1.版的轉(zhuǎn)接2.欄的轉(zhuǎn)接

第一節(jié)版面基礎(chǔ)知識(shí)一、版式的基本類型（一）版式的基本概念報(bào)紙版面編排過程中形成的較為固定的基本樣式，它是反映報(bào)紙某一時(shí)期編輯思想、政治態(tài)度、審美習(xí)慣和版面風(fēng)格的綜合體。

第二節(jié)版式（二）按歷史發(fā)展分類的主要版式類型

1.垂直式版式——按照?qǐng)?bào)紙版樣紙上的基本欄，從上至下的方向進(jìn)行排版，一篇稿件的標(biāo)題與文字都在同一欄內(nèi)，沒有圖片。

圖8-24《紐約時(shí)報(bào)》的垂直式版式第二節(jié)版式

2.水平式版式——橫向分布的版面編排樣式

圖8-25水平式版式（局部）第二節(jié)版式3.平直混合式版式——綜合了垂直式和水平式兩種版面的特征，活潑多樣，也可稱為“不完全的水平式版式”。

圖8-26《紐約時(shí)報(bào)》的平直混合式版式

圖8-27《深圳商報(bào)》的平直混合式版式

第二節(jié)版式（三）按內(nèi)容分類的主要版式類型

1.綜合式版式

——報(bào)道范圍覆蓋較廣，需要在頭版或內(nèi)版的某一個(gè)版面上刊登較多不同內(nèi)容的稿件，內(nèi)容和新聞體裁多元化。

圖8-28綜合式版式第二節(jié)版式2.重點(diǎn)式版式——強(qiáng)調(diào)版面的某一局部，并利用一定的編排手段加以凸顯，使其成為版面的重點(diǎn)。

圖8-29重點(diǎn)式版式第二節(jié)版式3.對(duì)比式版式——占版面主要空間的是兩篇或兩組內(nèi)容上有矛盾沖突的稿件，在版面上表現(xiàn)出強(qiáng)烈的對(duì)比。

圖8-30對(duì)比式版式第二節(jié)版式（四）按布局結(jié)構(gòu)分類的主要版式類型

1.穿插式

——稿件之間互相咬合，一篇稿件的中間插入另外一篇或數(shù)篇稿件，整個(gè)版面緊湊、均衡與穩(wěn)定。

圖8-31穿插式版式第二節(jié)版式2.模塊式——為了使版面顯得整齊和風(fēng)格統(tǒng)一，將所有稿件都在版面上按矩形排列，在版面上形成一個(gè)個(gè)“模塊”（Module）。

圖8-32《光明日?qǐng)?bào)》的模塊式版式圖8-33《真理報(bào)》的模塊式版式第二節(jié)版式

3.穿插與模塊混合式

——主要是為了避免“碰題”“通線”或“斷版”的排版忌諱

圖8-35穿插與模塊混排式第二節(jié)版式（五）按均衡特征分類的主要版式類型

1.對(duì)稱式版式

——講求版面的左右兩部分完全對(duì)稱，兩側(cè)稿件在標(biāo)題、圖片、線條、圖飾、色彩、底紋等版面元素的運(yùn)用上，也都采用相同或相似的形式。

圖8-36對(duì)稱式版式第二節(jié)版式2.平衡式版式——除了左右對(duì)稱的版式，外版面上的其他對(duì)稱形式，比如上下對(duì)稱或?qū)菍?duì)稱。

圖8-37規(guī)則對(duì)稱的平衡式版式圖8-38非規(guī)則對(duì)稱的平衡式版式第二節(jié)版式（六）按設(shè)計(jì)狀態(tài)分類的主要版式類型1.靜態(tài)版式

2.動(dòng)態(tài)版式圖8-39靜態(tài)版式

圖8-40靜態(tài)版式的變化第二節(jié)版式二、版式的創(chuàng)新（一）視窗版式“視窗”是英文“Window”的意譯，概念源于微軟推出的“Windows”桌面操作系統(tǒng)。報(bào)界引進(jìn)這一概念，用以比喻網(wǎng)絡(luò)時(shí)代以《今日美國(guó)》（USAToday）的版式為代表的一種導(dǎo)讀式版式。

圖8-44《今日美國(guó)》創(chuàng)刊號(hào)第二節(jié)版式（一）視窗版式

完全視窗版式

圖8-43不完全視窗版式

第二節(jié)版式

（二）雜志封面版式

——在“厚報(bào)時(shí)代”，一些報(bào)紙的頭版借鑒雜志封面的做法，即頭版內(nèi)容以大照片（多為人物）和標(biāo)題導(dǎo)讀為主。圖8-44雜志封面版式第二節(jié)版式

（三）“太陽稿”版式

——為了突出重點(diǎn)稿件，而在版面的中心版位辟出一定比例的矩形模塊，并加框處理的一種版式。

圖8-45“太陽稿”版式第二節(jié)版式

（四）“濃眉大眼”版式

——“兩大一小”（大照片、大標(biāo)題和篇幅短小的文字稿），稿件之間以粗線條分割，較多采用彩色文圖和“反白”的手段制作標(biāo)題和處理文字稿，對(duì)比強(qiáng)烈，輪廓分明。

圖8-46“濃眉大眼”版式第二節(jié)版式

（五）極簡(jiǎn)版式和其他創(chuàng)新版式

——追求“簡(jiǎn)單中見豐富”，倡導(dǎo)依靠讀者的參與和聯(lián)想來補(bǔ)充信息、延伸意義。

圖8-47極簡(jiǎn)版式第二節(jié)版式圖8-48運(yùn)用后現(xiàn)代主義理念設(shè)計(jì)的版式（1）圖8-49

運(yùn)用后現(xiàn)代主義理念設(shè)計(jì)的版式（2）第二節(jié)版式

圖8-50“東北虎”獲獎(jiǎng)版面（之一）有本土元素的版面設(shè)計(jì)

圖8-51《人民日?qǐng)?bào)海外版》的《修身篇》版面第二節(jié)版式二、版式規(guī)范與創(chuàng)新的辯證關(guān)系（一）版式創(chuàng)新應(yīng)以規(guī)范為基礎(chǔ)

1.新聞價(jià)值的規(guī)范

2.美學(xué)的規(guī)范3.視覺傳播規(guī)律第二節(jié)版式（二）版式規(guī)范應(yīng)有利于創(chuàng)新

1.版面的規(guī)范是動(dòng)態(tài)的而不是靜態(tài)的，不能墨守成規(guī)。

2.要不斷借鑒網(wǎng)絡(luò)媒體和移動(dòng)互聯(lián)網(wǎng)的網(wǎng)頁(yè)設(shè)計(jì)，突破過去傳統(tǒng)媒體時(shí)代的一些編排規(guī)范。

3.就版式本身來說，只有不斷創(chuàng)新才能獲得更大的發(fā)展。第二節(jié)版式一、版面設(shè)計(jì)的原則

“版面設(shè)計(jì)”俗稱“組版”“拼版”，是指根據(jù)一定的編排思想，運(yùn)用版面元素和編排手段將各種稿件合理安排，從而將版面編排思想落到實(shí)處的一種創(chuàng)造性勞動(dòng)。

版面設(shè)計(jì)的原則如下：

（一）明確“新聞設(shè)計(jì)”的原則

（二）以讀者的閱讀習(xí)慣為導(dǎo)向

（三）借鑒CIS的有關(guān)理念

（四）不斷創(chuàng)新的原則

第三節(jié)版面設(shè)計(jì)與電子排版二、版面設(shè)計(jì)的步驟

（一）分析與處理稿件，形成編排思想1.考慮用稿量2.考慮重點(diǎn)稿件3.考慮稿件體彩的多樣性4.考慮版式

（二）確定版面大體框架和版位

第三節(jié)版面設(shè)計(jì)與電子排版

（三）排版1.設(shè)置報(bào)頭2.安排報(bào)眼3.安排頭條4.安排專欄5.安排圖片6.安排導(dǎo)讀7.安排其他稿件

第三節(jié)版面設(shè)計(jì)與電子排版

（四）美化版面1.圖的美化2.欄的變化3.題的變化4.空間的變化5.檢查排版忌諱

第三節(jié)版面設(shè)計(jì)與電子排版

（五）修改大樣1.從新聞價(jià)值、政策、語法、常識(shí)等方面，對(duì)全版內(nèi)容進(jìn)行把關(guān)。2.標(biāo)題的大小、位置、字體、字號(hào)是否恰當(dāng)3.各版是否有漏稿、重稿現(xiàn)象4.版面布局是否恰當(dāng)，在稿件組合與分立方面的安排是否合適。5.圖片說明、標(biāo)題與正文文字是否相符6.版和欄的轉(zhuǎn)接是否正確無誤

（六）簽字付印

第三節(jié)版面設(shè)計(jì)與電子排版三、電子排版（一）電子排版簡(jiǎn)介

“電子排版”是“電子排版系統(tǒng)”的簡(jiǎn)稱，是指利用電子計(jì)算機(jī)及各種輔助設(shè)備，完成從文稿、圖表的錄入到編輯、修改、組版，直至得到各種不同用途、不同質(zhì)量的輸出結(jié)果，能夠完成排版工作的計(jì)算機(jī)系統(tǒng)。（二）方正飛騰排版軟件簡(jiǎn)介（三）電子排版的流程

第三節(jié)版面設(shè)計(jì)與電子排版一、新聞網(wǎng)頁(yè)的類型及功能（一）基于不同終端的網(wǎng)頁(yè)及其各自特點(diǎn)1.電腦終端上的新聞網(wǎng)頁(yè)及其特點(diǎn)2.移動(dòng)終端上的新聞網(wǎng)頁(yè)及其特點(diǎn)第四節(jié)新聞網(wǎng)頁(yè)設(shè)計(jì)方法及內(nèi)容發(fā)布管理一、新聞網(wǎng)頁(yè)的類型及功能（二）基于不同結(jié)構(gòu)層次的網(wǎng)頁(yè)及各自功能

新聞網(wǎng)站或新聞客戶端的內(nèi)容組織多采用層次樹結(jié)構(gòu)，在這樣的結(jié)構(gòu)里，一個(gè)網(wǎng)站（或客戶端）設(shè)立若干主要頻道（或欄目），每個(gè)頻道（欄目）里的信息可以再分成一些子欄目。首頁(yè)稱為一級(jí)頁(yè)面，首頁(yè)下的頻道（欄目）稱為二級(jí)頁(yè)面，二級(jí)頁(yè)面之下頁(yè)面的稱三級(jí)頁(yè)面，依此類推。第四節(jié)新聞網(wǎng)頁(yè)設(shè)計(jì)方法及內(nèi)容發(fā)布管理

二、新聞網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)因素（一）新聞網(wǎng)頁(yè)設(shè)計(jì)與編輯意圖的傳達(dá)1.推薦手段2.時(shí)間手段3.“強(qiáng)勢(shì)”手段4.結(jié)構(gòu)手段第四節(jié)新聞網(wǎng)頁(yè)設(shè)計(jì)方法及內(nèi)容發(fā)布管理二、新聞網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)因素（二）新聞網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)民閱讀習(xí)慣1.網(wǎng)民視線在頁(yè)面中的第一落點(diǎn)2.網(wǎng)民視線掃描的核心地帶3.網(wǎng)民視線移動(dòng)的速度4.不同類型信息吸引網(wǎng)民視線的能力第四節(jié)新聞網(wǎng)頁(yè)設(shè)計(jì)方法及內(nèi)容發(fā)布管理二、新聞網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)因素（三）新聞網(wǎng)頁(yè)設(shè)計(jì)與用戶體驗(yàn)1.網(wǎng)頁(yè)信息傳輸與打開的速度2.界面設(shè)計(jì)的簡(jiǎn)潔性與穩(wěn)定性3.網(wǎng)站結(jié)構(gòu)的適宜性4.導(dǎo)航系統(tǒng)的合理性5.欄目名稱的準(zhǔn)確性與指向的明晰性6.頁(yè)面色彩的舒適度7.查詢功能的便利性8.用戶參與的便捷度9.廣告呈現(xiàn)的和諧性第四節(jié)新聞網(wǎng)頁(yè)設(shè)計(jì)方法及內(nèi)容發(fā)布管理

三、WWW網(wǎng)站的新聞網(wǎng)頁(yè)設(shè)計(jì)（一）WWW網(wǎng)站導(dǎo)讀頁(yè)的設(shè)計(jì)1.導(dǎo)讀頁(yè)的視覺沖擊中心（CVI）的設(shè)計(jì)2.導(dǎo)讀頁(yè)的分欄設(shè)計(jì)3.導(dǎo)讀頁(yè)的視線引導(dǎo)第四節(jié)新聞網(wǎng)頁(yè)設(shè)計(jì)方法及內(nèi)容發(fā)布管理

三、WWW網(wǎng)站的新聞網(wǎng)頁(yè)設(shè)計(jì)（二）WWW網(wǎng)站正文頁(yè)的設(shè)計(jì)1.頁(yè)面的長(zhǎng)度控制2.頁(yè)面的字體與字號(hào)、色彩3.頁(yè)面的