新闻编辑（修改版）马工程课件 第八章

新闻编辑新闻编辑教材编写课题组2017.07第八章版面设计第一节版面基础知识◎版面概述◎版面的功能◎版面语言◎版面的布局结构第二节版式◎版式的基本类型◎版式的创新◎版式规范与创新的辩证关系第三节版面设计与电子排版◎版面设计的原则◎版面设计的步骤◎电子排版第四节新闻网页设计方法及内容发布管理◎新闻网页的类型及功能◎新闻网页设计的相关因素◎基于WWW网站的新闻网页设计

◎基于移动客户端的新闻网页设计◎网络新闻发布系统第八章版面设计一、版面概述

“版面”是指印刷品成品幅面中图文和空白部分的总和。它是报纸版面的物质形态，承载着文字、图像和空白等多种元素。

版面的基本概念:

（一）版面空间

（二）版面元素

（三）版面术语

第一节版面基础知识（一）版面空间一张报纸版面所提供的一种客观存在形式。其由版面的区域和版位组成。区域作为版面语言的一种形式，其运用主要体现在版序和区序两方面。1.版序：自然版序、视觉版序2.区序：版面上的各个区间3.栏和栏序4.面积5.距离6.形状图8-3区序示意图第一节版面基础知识（二）版面元素构成版面实体的字符、图像、线条、色彩、空白等，也被称为“编排手段”。有营造强势和表情达意等作用。1.字符2.图像3.线条

4.色彩5.空白图8-6《北京青年报》报头及头条标题反白图8-5矩形和椭圆形稿件在版面上的强势对比第一节版面基础知识（三）版面术语

1.开张以整张新闻纸裁开若干等份数目为标准来表示的报纸面积的大小。

2.报型报纸外形，包括平面面积和长宽比。

3.报头报纸刊登报名及附加信息的版位。

图8-7我国的几种“瘦报”报型对比第一节版面基础知识（三）版面术语

4.报眼又称“报肩”“报耳”，是指横排报纸报头右侧的版位。

5.天地线又称“报线”，是指版芯的上下边线。

图8-8报眼稿件的延伸第一节版面基础知识（三）版面术语

6.报眉

报纸版面顶端“眉线”上方所印的文字和图案。

7.版芯

一张版面上除掉四周的空白，中间容纳文字和图片的部分。

8.中缝

指报纸同一面上两个相对版面之间、中折线两侧狭长区域。

第一节版面基础知识（三）版面术语

9.通版

将报纸同一面上两个相对的版打通，从而形成“两版合一”的宽幅版面。

图8-9通版第一节版面基础知识（三）版面术语

10.强势

版面上能够吸引读者注意的各种信号和编排手段。

图8-10眼动仪呈现的视觉版面的视觉强势第一节版面基础知识（三）版面术语

11.头条、双头条、倒头条、假头条

图8-11双头条图8-12假头条第一节版面基础知识（三）版面术语12.排版禁忌（1）通线——栏线（有时是空白）从版面顶端直通底部。

（2）断版——栏线（有时是空白）从版面左端直通右端。

（3）碰题——排版时将两个以上的标题安排在一起，呈现“一字

长蛇”的形状。

第一节版面基础知识（三）版面术语

13.留白

——版面上留下空白。

14.开天窗

——因为新闻检查被迫抽去稿件，或者为了吸引读者参与，以及增强广告效果而在版面上留下的成片空白。

15.大样

——报纸版面设计（俗称“拼版”）完成后打印出来的版面样张。

16.倒版

——对设计好的版面进行重新调整。

17.清样——版面的大样经过数次修改，直至最后一张不再需要修改的样张。

第一节版面基础知识二、版面的功能作为报纸具体形态的外在表现，版面具有一系列的实际功能，即报纸的用途和作用。

（一）信息汇集功能

（二）导读功能

（三）导向功能

（四）风格建构功能

第一节版面基础知识三、版面语言编辑综合运用版面元素和编排手段，表达情感以及对新闻意义评价的一种特有的表达方式。常用的版面语言要素有：（一）版面空间

（二）版面元素

（三）版位

图8-15《新民晚报》头版报道“踩踏事件”第一节版面基础知识

（四）号外

图8-16《人民日报》“原子弹号外”

图8-17《人民日报》“北京申奥成功号外”第一节版面基础知识

（五）开天窗

图8-18荷兰报纸为马航事件“开天窗”第一节版面基础知识四、版面的布局结构（一）稿群布局结构稿群是指有着某种联系的一组稿件的统称。包括如何利用版面空间和编排手段来区分稿件之间的主次关系、组合关系与分立关系。1.主次关系2.组合关系3.分立关系

图8-19《人民日报》头版的空间组合第一节版面基础知识（二）题文布局结构题与文的布局结构是标题与正文相互联系的表现形式。它包括四个方面：1.正文的基本形式：基本栏、变栏

图8-20《解放军报》版面上的变栏第一节版面基础知识2.题文比例关系主要是指稿件的标题与正文在长度、厚度方面的比例关系。图8-21厚题薄文第一节版面基础知识3.题文位置关系传统的题文关系形式有盖文横题、一般竖题、眉心题、串文题、上左题、中心题、对角题、尾式题、腰带题、旗式题、左侧题、碑式题等等。

图8-22题文关系复杂的版面

图8-23题文关系整齐划一的版面

第一节版面基础知识4.标题自身排列的形式横题主要有：单行式横题、多行式横题、多行斜列式横题、多行左齐式横题、多行右齐式横题、多行低列式横题、主辅题左右分列式横题等。竖题主要有：单行式竖题、多行斜列式竖题、多行半斜列式竖题、低格式竖题。

第一节版面基础知识（三）转接关系稿件在排版时，版面之间和栏之间的转接关系。版的转接是指因为版面安排的需要，稿件从前面的版转到后面的版。栏的转接是指排文过程中，文字从左边的栏转到右边的栏。1.版的转接2.栏的转接

第一节版面基础知识一、版式的基本类型（一）版式的基本概念报纸版面编排过程中形成的较为固定的基本样式，它是反映报纸某一时期编辑思想、政治态度、审美习惯和版面风格的综合体。

第二节版式（二）按历史发展分类的主要版式类型

1.垂直式版式——按照报纸版样纸上的基本栏，从上至下的方向进行排版，一篇稿件的标题与文字都在同一栏内，没有图片。

图8-24《纽约时报》的垂直式版式第二节版式

2.水平式版式——横向分布的版面编排样式

图8-25水平式版式（局部）第二节版式3.平直混合式版式——综合了垂直式和水平式两种版面的特征，活泼多样，也可称为“不完全的水平式版式”。

图8-26《纽约时报》的平直混合式版式

图8-27《深圳商报》的平直混合式版式

第二节版式（三）按内容分类的主要版式类型

1.综合式版式

——报道范围覆盖较广，需要在头版或内版的某一个版面上刊登较多不同内容的稿件，内容和新闻体裁多元化。

图8-28综合式版式第二节版式2.重点式版式——强调版面的某一局部，并利用一定的编排手段加以凸显，使其成为版面的重点。

图8-29重点式版式第二节版式3.对比式版式——占版面主要空间的是两篇或两组内容上有矛盾冲突的稿件，在版面上表现出强烈的对比。

图8-30对比式版式第二节版式（四）按布局结构分类的主要版式类型

1.穿插式

——稿件之间互相咬合，一篇稿件的中间插入另外一篇或数篇稿件，整个版面紧凑、均衡与稳定。

图8-31穿插式版式第二节版式2.模块式——为了使版面显得整齐和风格统一，将所有稿件都在版面上按矩形排列，在版面上形成一个个“模块”（Module）。

图8-32《光明日报》的模块式版式图8-33《真理报》的模块式版式第二节版式

3.穿插与模块混合式

——主要是为了避免“碰题”“通线”或“断版”的排版忌讳

图8-35穿插与模块混排式第二节版式（五）按均衡特征分类的主要版式类型

1.对称式版式

——讲求版面的左右两部分完全对称，两侧稿件在标题、图片、线条、图饰、色彩、底纹等版面元素的运用上，也都采用相同或相似的形式。

图8-36对称式版式第二节版式2.平衡式版式——除了左右对称的版式，外版面上的其他对称形式，比如上下对称或对角对称。

图8-37规则对称的平衡式版式图8-38非规则对称的平衡式版式第二节版式（六）按设计状态分类的主要版式类型1.静态版式

2.动态版式图8-39静态版式

图8-40静态版式的变化第二节版式二、版式的创新（一）视窗版式“视窗”是英文“Window”的意译，概念源于微软推出的“Windows”桌面操作系统。报界引进这一概念，用以比喻网络时代以《今日美国》（USAToday）的版式为代表的一种导读式版式。

图8-44《今日美国》创刊号第二节版式（一）视窗版式

完全视窗版式

图8-43不完全视窗版式

第二节版式

（二）杂志封面版式

——在“厚报时代”，一些报纸的头版借鉴杂志封面的做法，即头版内容以大照片（多为人物）和标题导读为主。图8-44杂志封面版式第二节版式

（三）“太阳稿”版式

——为了突出重点稿件，而在版面的中心版位辟出一定比例的矩形模块，并加框处理的一种版式。

图8-45“太阳稿”版式第二节版式

（四）“浓眉大眼”版式

——“两大一小”（大照片、大标题和篇幅短小的文字稿），稿件之间以粗线条分割，较多采用彩色文图和“反白”的手段制作标题和处理文字稿，对比强烈，轮廓分明。

图8-46“浓眉大眼”版式第二节版式

（五）极简版式和其他创新版式

——追求“简单中见丰富”，倡导依靠读者的参与和联想来补充信息、延伸意义。

图8-47极简版式第二节版式图8-48运用后现代主义理念设计的版式（1）图8-49

运用后现代主义理念设计的版式（2）第二节版式

图8-50“东北虎”获奖版面（之一）有本土元素的版面设计

图8-51《人民日报海外版》的《修身篇》版面第二节版式二、版式规范与创新的辩证关系（一）版式创新应以规范为基础

1.新闻价值的规范

2.美学的规范3.视觉传播规律第二节版式（二）版式规范应有利于创新

1.版面的规范是动态的而不是静态的，不能墨守成规。

2.要不断借鉴网络媒体和移动互联网的网页设计，突破过去传统媒体时代的一些编排规范。

3.就版式本身来说，只有不断创新才能获得更大的发展。第二节版式一、版面设计的原则

“版面设计”俗称“组版”“拼版”，是指根据一定的编排思想，运用版面元素和编排手段将各种稿件合理安排，从而将版面编排思想落到实处的一种创造性劳动。

版面设计的原则如下：

（一）明确“新闻设计”的原则

（二）以读者的阅读习惯为导向

（三）借鉴CIS的有关理念

（四）不断创新的原则

第三节版面设计与电子排版二、版面设计的步骤

（一）分析与处理稿件，形成编排思想1.考虑用稿量2.考虑重点稿件3.考虑稿件体彩的多样性4.考虑版式

（二）确定版面大体框架和版位

第三节版面设计与电子排版

（三）排版1.设置报头2.安排报眼3.安排头条4.安排专栏5.安排图片6.安排导读7.安排其他稿件

第三节版面设计与电子排版

（四）美化版面1.图的美化2.栏的变化3.题的变化4.空间的变化5.检查排版忌讳

第三节版面设计与电子排版

（五）修改大样1.从新闻价值、政策、语法、常识等方面，对全版内容进行把关。2.标题的大小、位置、字体、字号是否恰当3.各版是否有漏稿、重稿现象4.版面布局是否恰当，在稿件组合与分立方面的安排是否合适。5.图片说明、标题与正文文字是否相符6.版和栏的转接是否正确无误

（六）签字付印

第三节版面设计与电子排版三、电子排版（一）电子排版简介

“电子排版”是“电子排版系统”的简称，是指利用电子计算机及各种辅助设备，完成从文稿、图表的录入到编辑、修改、组版，直至得到各种不同用途、不同质量的输出结果，能够完成排版工作的计算机系统。（二）方正飞腾排版软件简介（三）电子排版的流程

第三节版面设计与电子排版一、新闻网页的类型及功能（一）基于不同终端的网页及其各自特点1.电脑终端上的新闻网页及其特点2.移动终端上的新闻网页及其特点第四节新闻网页设计方法及内容发布管理一、新闻网页的类型及功能（二）基于不同结构层次的网页及各自功能

新闻网站或新闻客户端的内容组织多采用层次树结构，在这样的结构里，一个网站（或客户端）设立若干主要频道（或栏目），每个频道（栏目）里的信息可以再分成一些子栏目。首页称为一级页面，首页下的频道（栏目）称为二级页面，二级页面之下页面的称三级页面，依此类推。第四节新闻网页设计方法及内容发布管理

二、新闻网页设计的相关因素（一）新闻网页设计与编辑意图的传达1.推荐手段2.时间手段3.“强势”手段4.结构手段第四节新闻网页设计方法及内容发布管理二、新闻网页设计的相关因素（二）新闻网页设计与网民阅读习惯1.网民视线在页面中的第一落点2.网民视线扫描的核心地带3.网民视线移动的速度4.不同类型信息吸引网民视线的能力第四节新闻网页设计方法及内容发布管理二、新闻网页设计的相关因素（三）新闻网页设计与用户体验1.网页信息传输与打开的速度2.界面设计的简洁性与稳定性3.网站结构的适宜性4.导航系统的合理性5.栏目名称的准确性与指向的明晰性6.页面色彩的舒适度7.查询功能的便利性8.用户参与的便捷度9.广告呈现的和谐性第四节新闻网页设计方法及内容发布管理

三、WWW网站的新闻网页设计（一）WWW网站导读页的设计1.导读页的视觉冲击中心（CVI）的设计2.导读页的分栏设计3.导读页的视线引导第四节新闻网页设计方法及内容发布管理

三、WWW网站的新闻网页设计（二）WWW网站正文页的设计1.页面的长度控制2.页面的字体与字号、色彩3.页面的