第九章+版面设计
合集下载
新闻编辑 版面设计
该版头 条的处理非 常突出，成 为版面的重 点
●集中式。 用整个版面或版面的绝大部分刊登有关 同一主题的稿件
该版围 绕一个主题 集中了 4 篇 稿件和 2 张 图片
●综合式。 整个版面包含的稿件较多，虽有主次 之分，但不强调稿件之间的轻重差别
该版共 有12篇稿件、 一张图片， 稿件的轻重 差别不被强 调
当代报刊的标题编排还出现了下面一 些新的潮流趋势：
加大字号进行处理，以引起注目，并且强调文章的重 要性。 改变题文比例，由“厚文薄题”转向“厚题薄文”。 题目大，内容少。 字数上的增减。有的是减少字数，认为瞬间抓住读者 的最好方法就是处 理好标题“一瞥的艺术”；但也有增加字数的，认为 这更能吸引读者。 适当地运用版面处理语言突出关键词，增强感染力。 去掉花哨装饰。 追求群体效应。相关内容要求做成和谐统一的标题形 式，这种一致的形式又会强化内容的整体性。
二、版面设计所要体现的主要功能
第一，制造强烈的视觉冲击力，吸引读者 阅读和购买。 第二，显示报刊的立场和倾向性，及对新 闻事件做出评价。 第三，体现报刊个性和差异性，以区别于 竞争对手。
三、涉及版面的一些基本术语
(1)开张。 拿整张印刷纸裁开的若干等份的数目作标 题来表明报纸面积的大小叫开张，它表示 报纸面积的大小。 (2)版心。 亦称“版芯”，是一块版除掉四周应留的 空白外，中间容纳文字和图片的部分，它 的面积小于版的面积，标志版的容量。
第三，重视彩色图片，较多地使用示意图 来解释新闻，使信息传播更加直观、形象， 方便读者的阅读和理解。 第四，重视稿件的精编和内容提示，标题 结构简单，字体统一，字号较大；重视版 面留白；色彩鲜艳；版面结构清晰，富有 美感和活力。
二、我国报纸的主要版式
网页设计与制作第2版教学配套课件王晓红等第9章页面布局与风格
9.2
页面风格
用户定义的类
大多数时候，我们不为具体的HTML标记符定义格式，而是定义 一些开放的格式，在内容需要的时候引用这些格式。可以通过用 户自定义的类来实现这种机制。
选择器．类名{属性：值；……}
．类名{属性：值；……}
例如：若要在网页两处使用<H2>并使每处文本具有不同颜色， 则可进行如下定义：
CSS+DIV布局：是目前流行的网页版面布局方式，与表格方式相比， 由于节约了许多代码，从而降低了网络数据量。
表格布局：利用表格既可以处理不同对象，又可以不用担心不同对象 之间的影响，而且表格在定位图片和文本上比CSS更加方便。但是过 多地使用表格，会影响页面的下载速度。
框架布局：虽然框架存在兼容性的问题，但从布局上考虑，框架结构 是一种比较好的布局方法，可以将不同对象放置到不同页面加以处 理。
所有用标记符<H1>定义的内容均以此格式显示：文 本中间对齐、字体为楷体
具有上下文 关系的HTML
标记
为具有嵌套关系的HTML标记定义格式，例如： H1 B { color:red; size:18pt }
表示位于<H1>标记元素内的<B> 标记符说明 的内容显示为红色，字号大小为18点
选择器Pag的e 类25 型
执行菜单 修改/模板/从模板中分离操作即可使该页脱离模板。
Page 19
9.2
页面风格
CSS样式
CSS简介 CSS的基本语句 网页中导入CSS的方法 用CSS设置字体属性 用CSS设置文本属性 用CSS设置颜色与背景 用CSS设置边框属性 用CSS设置布局属性
Page 20
超级链接 显示效果
选择器
《版面设计》教案
《版面设计》教案版面设计教案一、教学目标：1.了解版面设计的基本概念和原则；2.掌握常见的版面设计工具和技巧；3.培养学生的版面设计意识和创造力。
二、教学内容：1.版面设计的概念和原则；2.版面设计常用工具和技巧；3.版面设计的实践案例分析。
三、教学步骤：1.导入（5分钟）讲解版面设计的重要性和应用领域，引起学生的兴趣。
2.概念讲解（15分钟）介绍版面设计的概念和定义，包括版面、排版、平面设计等内容。
同时，讲解版面设计中的基本原则，如对称、平衡、重点突出等。
3.常见工具和技巧（30分钟）介绍常见的版面设计工具，如Adobe InDesign、Adobe Photoshop等，讲解它们的作用和基本操作方法。
并且，指导学生学会运用这些工具进行版面设计。
然后，讲解常用的版面设计技巧，如留白的合理运用、色彩的搭配和运用等。
通过具体案例和练习，让学生掌握这些技巧。
4.实践案例分析（45分钟）选取几个实际的版面设计案例，分析其设计思路、布局方式和效果呈现。
引导学生观察，分析和评价这些案例，并自己动手设计一个版面。
要求学生运用所学的版面设计原则和技巧，并且兼顾信息传达和视觉效果。
5.总结（5分钟）对本节课的内容进行总结，强调版面设计的重要性和实践意义。
鼓励学生继续学习和探索，培养他们的版面设计能力。
四、教学资源：1.教案、PPT课件；2.实际版面设计案例；3.版面设计工具和相关软件。
五、教学评估：教师通过观察学生的课堂参与度和实践表现来评估学生的学习效果。
同时，可以布置作业，要求学生设计一个实际的版面，以检验他们的掌握程度。
六、教学延伸：1.鼓励学生积极参与相关比赛和活动，提升版面设计水平；2.推荐一些优秀的版面设计作品和相关书籍，供学生深入学习和借鉴。
通过以上教学步骤和教学资源的安排，能够帮助学生全面理解版面设计的概念和原则，掌握常见的版面设计工具和技巧，并且提升他们的版面设计能力和创造力。
希望学生们在学习版面设计的过程中，能够发现美，创造美，展示美。
版面设计课件
书籍版面设计
书籍版面设计特点
书籍版面设计需要注重内容的连贯性和整体感，通过合理的布局和排版，营造舒适的阅 读体验。
设计技巧
根据书籍类型和内容，选择合适的字体、字号和行距；运用适当的空白和留白，增强版 面的层次感；保持整体风格的一致性，提升书籍品质。
05
进阶提升
版面设计与用户体验
用户体验要素
版面设计应考虑用户的需求和习惯，通过合理的布局、色彩和字 体选择，提供良好的视觉体验和易用性。
04
实践案例
杂志版面设计
杂志版面设计特点
杂志版面设计需要注重内容的层次感 和视觉冲击力，通过合理的布局和排 版，突出重点内容，引导读者视线。
设计技巧
运用大胆的字体、颜色和图片，创造 视觉焦点；保持版面整洁，避免过于 拥挤或空旷；根据内容类型，采用不 同的排版方式。
网页版面设计
网页版面设计特点
网页版面设计需要注重信息的有效传递和用户体验，通过合理的布局和排版，使网页内容易于阅读、操作和导航 。
版面设计的重要性
信息传达
用户体验
版面设计是信息传达的重要手段，良 好的版面设计能够使信息更加清晰、 准确，提高读者获取信息的效率。
良好的版面设计能够提供更好的用户 体验，使读者更加愉悦地接受信息， 提高用户满意度。
品牌形象
版面设计也是塑造品牌形象的重要方 式，独特的版面风格能够增强品牌的 辨识度和记忆度。
版面设计的原则
01
02
03
04
统一性
版面设计应保持统一性，使整 体风格和元素协调一致，提高
整体美感。
层次性
版面设计应注重层次性，通过 合理的布局和元素排列，使信
息层次分明、重点突出。
版面设计教案初中
版面设计教案初中教学目标：1. 让学生了解版面设计的基本原则和技巧。
2. 培养学生运用设计元素美化版面的能力。
3. 提高学生审美意识和创新思维。
教学重点：1. 版面设计的基本原则。
2. 版面设计的技巧。
教学难点：1. 设计元素在版面中的应用。
2. 创新思维的培养。
教学准备：1. 电脑、投影仪等教学设备。
2. 版面设计实例。
教学过程：一、导入（5分钟）1. 向学生介绍版面设计的概念和意义。
2. 展示一些精美的版面设计实例，引起学生的兴趣。
二、基本原则（10分钟）1. 讲述版面设计的基本原则，如：对比、重复、对齐、亲近性等。
2. 通过实例解释这些原则在版面设计中的应用。
三、设计元素（10分钟）1. 介绍版面设计中的基本元素，如：文字、图片、颜色、线条等。
2. 讲解如何运用这些元素来美化版面，如：字体选择、图片大小和位置、颜色搭配等。
四、技巧与实践（10分钟）1. 讲解一些版面设计的技巧，如：如何突出重点、如何保持版面平衡、如何创造视觉冲击等。
2. 学生分组进行实践，尝试运用所学的原则和技巧进行版面设计。
五、创新思维（5分钟）1. 讲述创新思维在版面设计中的重要性。
2. 引导学生如何培养创新思维，如：多看、多想、多尝试等。
六、总结与展示（5分钟）1. 对本节课的内容进行总结。
2. 学生展示自己的设计作品，互相评价、交流。
教学反思：通过本节课的学习，学生应该对版面设计有了更深入的了解，能够运用所学的原则和技巧进行设计，并培养了一定的创新思维。
在实践环节，学生可以通过分组合作，互相学习、交流，提高设计能力。
在今后的教学中，可以尝试让学生独立完成设计作品，进一步提高他们的设计水平和审美意识。
网页设计第9章Dreamweaver的表格和网页版面设计PPT课件
9
9.1 网页中的表格
9.1.4.5 调整表格大小和外观 ▪ 调整表格宽度或高度：选择表格，拖动选择框右边
或底边的控制点。 ▪ 同时调整表格的高度和宽度：选择表格拖动选择框
右下角的控制点。 ▪ 若要精确指定表格大小：选定表格，在属性检查器
的“宽”和“高”文本框输入数值，在其后的下拉 列表框选择值的单位。 ▪ 在表格的属性检查器中可以设置表格的背景颜色、 背景图像、边框颜色等等属性。
进入布局模式。如图。 ▪ 在布局模式里，“插入”栏的“布局”中有两个可
用的按钮,它们是“布局表格”按钮和“绘制布局单 元格”按钮。此时，标准模式下的“表格”按钮和 “绘制层”按钮均呈不可用状态。（在标准模式下， “布局表格”按钮和“绘制布局单元格”按钮是不 可用的）。
16
9.2 用表格布局网页
17
9.2.3 绘制布局表格 ▪ 在布局模式下单击“插入”工具栏“布局”类别中的“布局
表格”按钮，然后将十字形指针移至工作区，按住鼠标左键 拖动，即可绘制出一个布局表格。按住Ctrl键可连续绘制出 多个布局表格。
18
9.2 用表格布局网页
9.2.4 更改布局表格和布局单元格的属性 设置布局表格的属性——使用布局表格的属性检查器。 如图:
dreamweaverdreamweaver的表格和网页版面设计的表格和网页版面设计表格在网页中的作用表格在网页中的作用表格的创建与编辑表格的创建与编辑利用表格对页面进行布局利用表格对页面进行布局利用布局试图对页面进行布局利用布局试图对页面进行布局dreamweaverdreamweaver中框架的创建方法中框架的创建方法超链接框架目标的指定超链接框架目标的指定框架和框架页的基本操作框架和框架页的基本操作9191网页中的表格网页中的表格表格是现代网页制作的一个重要组成部分
9.1 网页中的表格
9.1.4.5 调整表格大小和外观 ▪ 调整表格宽度或高度：选择表格，拖动选择框右边
或底边的控制点。 ▪ 同时调整表格的高度和宽度：选择表格拖动选择框
右下角的控制点。 ▪ 若要精确指定表格大小：选定表格，在属性检查器
的“宽”和“高”文本框输入数值，在其后的下拉 列表框选择值的单位。 ▪ 在表格的属性检查器中可以设置表格的背景颜色、 背景图像、边框颜色等等属性。
进入布局模式。如图。 ▪ 在布局模式里，“插入”栏的“布局”中有两个可
用的按钮,它们是“布局表格”按钮和“绘制布局单 元格”按钮。此时，标准模式下的“表格”按钮和 “绘制层”按钮均呈不可用状态。（在标准模式下， “布局表格”按钮和“绘制布局单元格”按钮是不 可用的）。
16
9.2 用表格布局网页
17
9.2.3 绘制布局表格 ▪ 在布局模式下单击“插入”工具栏“布局”类别中的“布局
表格”按钮，然后将十字形指针移至工作区，按住鼠标左键 拖动，即可绘制出一个布局表格。按住Ctrl键可连续绘制出 多个布局表格。
18
9.2 用表格布局网页
9.2.4 更改布局表格和布局单元格的属性 设置布局表格的属性——使用布局表格的属性检查器。 如图:
dreamweaverdreamweaver的表格和网页版面设计的表格和网页版面设计表格在网页中的作用表格在网页中的作用表格的创建与编辑表格的创建与编辑利用表格对页面进行布局利用表格对页面进行布局利用布局试图对页面进行布局利用布局试图对页面进行布局dreamweaverdreamweaver中框架的创建方法中框架的创建方法超链接框架目标的指定超链接框架目标的指定框架和框架页的基本操作框架和框架页的基本操作9191网页中的表格网页中的表格表格是现代网页制作的一个重要组成部分
《版面设计》课程教案
《版面设计》课程教案 课程总体介绍： 作为平面广告设计的基础编排课程，版面设计对以后 的平面设计专业课程有着广泛的应用作用。运用多种的编排形式和编排
原理，将所表现内容有机地、合理地编排在画面中，力求传达信息准 确、清晰，并具有很强的视觉感染力。 前修课程：图形创意 学分及学时：3学分 ， 48学时。 一、教学目的：理论讲授与课堂训练相结合，倡导创造思维，大胆尝 试，勇于创新的观念，以构图及编派形式作为设计语言，多角度、多思 维的表现方法，联系时代信息、结合新学科、新思想，对艺术思维进行 突破。 二、教学方法：理论与作业辅导相结合，加以电脑辅助教学手段，启发 学生的创造力及主动性，引领学生们从启蒙状态走向专业化。 三、教学内容： 理论讲授： 1．概述 ⑴版面设计的发展方向 ⑵在平面设计各门类中的应用 2. 形式原理 ⑴比例 ⑵力场 ⑶中心 ⑷方向 ⑸对称
《书籍设计课》程教案 书籍设计课程教案2005－2006学年第1学期 总学时：72 系所：装潢系 专业：装潢设计 班级： 03 一、二班 辅助教学手段： 幻灯片： 90 张；录像带（光盘）： 2 盘 编制时间： 2005 年 6 月 10 日 本教案共 3 页 课程讲授安排：课堂讲授18学时，课程讨论18学时，作业 24学时，小 结4学时，作业讲评4学时，总结4学时。 课程总体介绍：面对一部分书稿，要制作成一本精美的图书，需要进行 总体设计。封面文字和图像的配置，色彩的调配，纸张的选择，开本、 精平装、版式等诸多因素的协调，文稿内容与装帧形式的统一等，是制 作一部好书的必备要素。 前修课程：字体设计、编排设计、图形设计
⑹均衡 ⑺空白 ⑻分割 ⑼统一 ⑽韵律 ⑾对比 ⑿点、线、面 ⒀常遇见的问题 3.基础编排设计 ⑴文字的编排原理 ⑵图形的版面构成 4.版面感受设计 ⑴版面组合设计 ⑵自由版面艺术形式 ⑶实用性与非实用性的关系 5.应用版面设计 ⑴报纸 ⑵期刊 ⑶书籍 ⑷样本 ⑸网页
原理，将所表现内容有机地、合理地编排在画面中，力求传达信息准 确、清晰，并具有很强的视觉感染力。 前修课程：图形创意 学分及学时：3学分 ， 48学时。 一、教学目的：理论讲授与课堂训练相结合，倡导创造思维，大胆尝 试，勇于创新的观念，以构图及编派形式作为设计语言，多角度、多思 维的表现方法，联系时代信息、结合新学科、新思想，对艺术思维进行 突破。 二、教学方法：理论与作业辅导相结合，加以电脑辅助教学手段，启发 学生的创造力及主动性，引领学生们从启蒙状态走向专业化。 三、教学内容： 理论讲授： 1．概述 ⑴版面设计的发展方向 ⑵在平面设计各门类中的应用 2. 形式原理 ⑴比例 ⑵力场 ⑶中心 ⑷方向 ⑸对称
《书籍设计课》程教案 书籍设计课程教案2005－2006学年第1学期 总学时：72 系所：装潢系 专业：装潢设计 班级： 03 一、二班 辅助教学手段： 幻灯片： 90 张；录像带（光盘）： 2 盘 编制时间： 2005 年 6 月 10 日 本教案共 3 页 课程讲授安排：课堂讲授18学时，课程讨论18学时，作业 24学时，小 结4学时，作业讲评4学时，总结4学时。 课程总体介绍：面对一部分书稿，要制作成一本精美的图书，需要进行 总体设计。封面文字和图像的配置，色彩的调配，纸张的选择，开本、 精平装、版式等诸多因素的协调，文稿内容与装帧形式的统一等，是制 作一部好书的必备要素。 前修课程：字体设计、编排设计、图形设计
⑹均衡 ⑺空白 ⑻分割 ⑼统一 ⑽韵律 ⑾对比 ⑿点、线、面 ⒀常遇见的问题 3.基础编排设计 ⑴文字的编排原理 ⑵图形的版面构成 4.版面感受设计 ⑴版面组合设计 ⑵自由版面艺术形式 ⑶实用性与非实用性的关系 5.应用版面设计 ⑴报纸 ⑵期刊 ⑶书籍 ⑷样本 ⑸网页
第九章版面设计(1)
• 在都不加框的背景中，给要突出的稿件 加框；在都是黑色的背景中，给要突出 的稿件套色；在正文都排宋体字的背景 中，给要突出的稿件排楷体字；在普遍 排基本栏的背景中，给要突出的稿件排 变栏，等等，都可以形成局部版面的强 势。
பைடு நூலகம்
（三）变化
即通过采用不同于常态的编排方法来形 成强势。变化是引起人们注意的条件之 一。比如，对于那些内容很有新意又重 要的稿件，偶尔使用手写体标题、特大 字号的标题、经过美术装饰的标题等等 ，因与常态的编排不同，容易引起读者 注意，从而形成强势。
第九章 版面设计
• 版面设计，就是根据一定的指导思想， 运用版面语言恰当地安排稿件，以组成 能动地表现内容的完整统一的版面。
• 版面设计是否成功，所取决的基本条件 有两个.
第一节 编排思想的确立
• 一、定义：是版面编辑设计版面的指导 思想，是版面编辑根据对各篇稿件的评 价在版面上恰当安排这些稿件的整体构 想。
• 浓重的黑色，则给人以沉重、压抑的感觉，在版面上 就用粗黑线装饰讣告的死者遗像，以表达沉痛哀伤的 感情。对一些抗议、揭露性的报道，往往用黑体字做 标题，以表示愤怒、不满的感情。
三、表现稿件之间的联系
• 版面表现稿件之间联系的主要方法是组合。组 合，就是将各种有联系的稿件，通过版面的可 视图像组织起来，使之成为一个统一的视觉对 象。
• 组成部分之三——版面的布局结构
• 这些因素、手段、方面又包括若干基本要素。 运用版面语言各个基本要素的千变万化的组合 ，可以设计出无数能动地表现内容的美的版面 。
第二节 稿件的安排
• 安排稿件，就是根据对稿件重要性、性 质、感情色彩及其相互关系的认识，确 定稿件安排在版面空间的哪个区域，占 多大面积，运用什么编排手段，怎样布 局结构，从而使版面上的稿件各得其所 ，成为一个能够正确表现编排思想的完 整统一的版面 。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2、版序——版面排列的先后次序
第一种：多张叠在一起，第一张正面为 第一版和最后一版，背面为第二版和倒 数第二版《北京晨报》、《成都晚报》 第二种：分张依次叠放，第一张为一至 四版，第二张为五至八版。 如《人民日报》、《华西都市报》 第三种：分若干版组，每一版组重合折 叠，以版组为单位进行编排 如《成都商报》
区序强势的运用——
• 版面分成各个 区，各区按强 势大小所排列 的次序就是区 序。 • 横排：上区优 于下区、左区 优于右区、上 左优于上右、 下右优于下左。
2）、面积
面积是构成强势的另一因素， 面积越大，视觉刺激越大
新闻：不是正文的面积，而是标题所占面 积的大小。 标题：长度、厚度 图片：自身的面积
该版 右边稿件 为排列， 左边多条 稿件穿插
2）、题与文的布局结构
A、排文的基本形式 • 按基本栏排 • 变栏——并栏（长栏），基本栏 整倍合并，如2作1、3作1 破栏，将若干栏合并后再进 行等分，如3作2、5作3
题与文的布局结构
B、题与文的长度关系 • 题与文等宽 • 题宽为文的栏宽的整倍数 • 题宽不是文的栏宽的整倍数
版序的意义
第一种与第二种版序为自然 版序 第三种多版组的版序打破了自 然版序，出现多个头版（首页）， 有利于报纸的内容分割，方便读 者选择阅读
3、版心——除去周围留的空白，
一块版面上真正容纳文字与图 片的区域
对开报版心面积：35cm ×49cm 8 ×13 ×126=13104 四开报：98×7×11＝7546
4）主次
• 将稿件的主次表现出来
5）组合
• 通过恰当的布局结构使配置出来的 稿件间的联系以可视的形象具体展 现出来。 • 在版面布局上则为空间组合。
6）分立
• 存在矛盾 • 易产生纠葛
易读性较弱的标题形式
• • • • • • • • • 上中心竖题 文包题 文包竖题 对角题 对角竖题 碑式竖题 腰带题 左侧题 盖文题（竖文）
易读性最弱的标题形式
• 上右题 • 中右题 • 右竖题（横文）
3）转接关系
• 是稿件内部的布局结构关系。 • 栏的转接 • 版的转接
栏的转接
• 同版转文不可逆转，不可“跳栏” （越过相邻的栏，转入后一栏）
大面积 的标题、 图片具有 引人注意 的强势
3）、距离
距离能够表现稿件之间的相 互联系 内容相关的稿件放在一起பைடு நூலகம் 能加深给读者的印象
4）、形状
稿件在版面上呈四边形与多边形两种外 形。
四边形比多边形更具强势 形状相同的稿件放在一起，形成统一的视 觉形象，有助于表现稿件内容的相关性 两个形状部分重叠时避免重要稿件被部分 覆盖
线条的作用——
1、强势作用： 围框、三面勾线、两面勾线、加平行线等，强 势依次减弱 2、区分作用：隔开稿件 3、结合作用：稿件围在一起，体现相关性 4、表情作用：曲线活泼、反线深沉 5、美化作用：造型美 运用最多的是加框和勾线
线 色条 彩粗 使线 用掌 过握 多不 当
4）、色彩
色彩的强势作用在彩色报纸时代最突出 作用： A、可传情 B、可表现强势 C、可生成美感 D、可表意：色彩可为版面确定基本色调，塑造版 面风格 空白也是色彩，版面留白很重要，让文字与 空间“黑白有度”，给版面留下呼吸的空间
11、通版——打通报纸上相邻 的两个版而形成的版。通版的 面积包括这两个版和两版间的 中缝，一般用于报道重大事件
二、版面语言
版面语言指版面特有的 表现手段 版面语言的基本形式包 括：版面空间、编排手段和 版面的布局结构
1、版面空间
版面所提供的表现编排思想 和内容的空间 版面空间包含的主要因素 是： 区域、面积、距离、形状
报头内容：报名、出版日期、出版单 位、刊号等
6、报眼
• 又称报耳。 • 指横排报纸报头右边的版面 报眼内容：可刊登新闻、广告，也可与 其他部分相连使用
7、报线——版心的边线，分 “天线”（又称“眉线”）、 “地线”
8、报眉——眉线上方所印的文 字，一般刊登该版名称、版序、 出版日期、版面内容标识等
• 采用变栏的意义
• • • • 可突出某一篇稿件 可增加内容的表现力 可量体裁衣，更有效地利用版面 适当使用，可使版面更富于变化，从而 增加形式美
（3）栏序
• 以强势来划分的栏的次序叫栏序。 • 一般为左边的栏优于右边的栏
5、报头——报纸第一版刊登 报名与其他内容的区域，多数 在第一版左上角，四开报多数 在第一版上方通栏排列
栏的转接
• 转文不应高于标题，或低于 前文结束处
栏的转接
• 同一栏中如转入两段无标题的文 字，应该加线隔开 • 尽量避免文碰文的情况。 • 避免在文章告一段落的地方转栏
版的转接
• 文章转版注明“下转×版，转文应 加标题、注明“上接×版” • 转到另一版的文字，尽可能写标题 • 转到另一版的文字不宜太短 • 转的地方最好是文章告一段落的地 方 • 不能逆转
1）、区域
区域指不同的版或一块版 上不同的区 不同的版和同一版上不同 的区具有不同的强势
强势——
版面具有的吸引读者注意 的特性 区分版面空间不同区域的强 势的是版序和区序
版序强势的运用
• 右边的版要优于左边的版 • 第一版重要于其他版 • 版组的首页重要于其他版
• • • • •
充分运用要闻版或首页的位置 长稿转版 一版出题 出提要 出导读
• 黑体字厚实雄浑、楷体字活泼、宋体字端正方 直、仿宋体纤细秀丽、隶书体典雅飘逸、魏体 古朴有力…
2）、图像
通过摄影或绘画所显示的形 象，包括照片、绘画、图表、有 美术装饰的题头、栏头、版头、 报花等 图像比文字更具有强势
3）、线条
分水线与花线两类 水线有正线（细线）、反线（粗 线）、正反线、双正线、双反线、 曲线、点线 花线是有花纹图案的线条
案例讨论： 这块版 面是如何运 用版面语言 的？
2、编排手段
安排稿件所采用的物质手段， 是版面语言的一种基本形式 编排手段包括： 字符、图像、线条、色彩
1）、字符
字符是报纸传递信息的主要
符号
在版面编排中，字符的变化 主要看字体与字号
字体——字的外形，电子排版中，
字体按形状分，有正方体、长体 和扁体三种。按笔划特点分，有 宋体、黑体、楷体等20多种
第九章
版面设计
一、报纸版面常识
二、版面语言 三、版面设计的基本形式 四、版面设计操作程序与技巧
一、报纸版面常识
（一）、什么是版面？
版面是各类稿件在报纸上编 排布局的整体产物，是读者第 一接触的对象
（二）、报纸版面的功能
1、导读功能 方便与引导读者阅读 广义：版面结构合理，标题、文字、图片、 色彩、线条等运用恰当，方便读者选择和阅读 狭义：第一版开辟的导读窗口方便与引导 读者阅读: 标题式导读、提要式导读、海报式导读
字号——字的大小，常以“磅”
（point）、“号”计算，电子排 版使用的字号最小为七号字，最 大96磅，可在基准字基础上放大 或缩小
1磅=0.35毫米 新五号字=9磅
字体字号的意义——
强势不同：大字比小字更有强势，同一字号中笔 画粗的比细的更有强势 • 风格特点不同：
• 风格、风格、风格、 • 风格、风格、风格
4、栏和栏序
• 1）基本栏——横排报纸的版心纵向等分 为若干栏，称基本栏 • 我国多数对开报纸分八个基本栏，每栏 可刊登新五号（小五号）字13个 • 四开报7栏，每栏11字
（2）变栏
• 变栏就是以基本栏为基础而生化出来的栏。有 两种： • 长栏：即宽度是整倍数于基本栏的栏。 • 破栏：宽度非整倍数于基本栏的栏。既可大于 也可小于基本栏
题文等宽
题宽=文栏宽整倍数
题宽非文栏宽整倍数
题与文的布局结构
C、标题自身排列的形式
题与文的布局结构
D、标题与正文的位置关系 原则：易读 题对文具有明确的统领关系。 阅读省力。
易读性最强的标题形式
• • • • • • • • 盖文题、 眉心题、 串文题、 旗式题、 左竖题、 串文左竖题 旗式左竖题 右竖
9、中缝——一张报纸相邻两块 版之间的空隙，可空，也可刊 登广告、转文等
10、头条——横排报纸左上方、 竖排报纸右上方的位置，通常 用来刊登最重要的稿件
双头条——在报眼或版面右上方 刊登一条与头条同样重要的稿件
倒头条——版面右下方与头条同 等规格处理的重要稿件
小头条、假头条、头条前——处 于版面重要位置，但实际并非头 条的稿件。一般位于真正的头条 之上、之左，标题小于头条，涉 及重要人物、机构、活动，但无 实质性的重要内容
案例讨论： 这个版 面的色彩运 用好不好？
• 注意:广告也是版面的组成部分，广告的 色调应考虑与版面主色调的协调
3、版面布局结构
版面各部分之间相互联系的 形式，是版面保持整体的依据 版面布局包括： 稿件的布局结构 题与文的布局结构
1）、稿件的布局结构
排列——稿件以四边形排放在版 面上
穿插——稿件以多边形相互交错 结合在一起
（三）、版面术语介绍
1、开张——报纸面积的大小，通常 以整张印刷纸裁开的若干等份的数 目作为标准来标明报纸面积的大小
对开报：占1/2大小，每版约39×55cm 四开报：占1/4大小，每版约27.5 ×39cm
平板新闻纸幅面尺寸规格有6种，报 社常用的为787 ×1092毫米。卷筒纸的 宽度也为787毫米
报纸版面的功能
2、表态功能 以特殊的版面语言表现立场、态度 和感情
案例讨论： 这样的 版面编排表 达了什么样 的感情和立 场？
报纸版面的功能
3、标志功能 展示报纸的特色和个性，使其与同 类媒介相区别
比较
报纸版面的功能
• 4、启示功能 • 各篇稿件组合在一起在一定条件下会 产生稿件所没有的信息，也就是说给受 众带来某些启示