版式设计概述

版式设计涉及的范围也非常广泛，如报纸、杂志、书籍、广告、包装、网页设计等（图1-1至图1-10）。
第一章
第一节 版式设计的概念
35
第一章
第一节 版式设计的概念
36
第一章
第二节 版式设计的历史发展
37
20世纪以来， 立体主义、达达主义、超现实主义、风格派、构成主义等艺术流派影响着版式设计的演变和发展。 20世纪初欧洲的英国人威廉·莫里斯所倡导的“工艺美术运动” 德国包豪斯设计学院创建的现代设计教育体系、 德国“新版面设计”提倡的新思想以 瑞士设计师“网格体系” ，都为版式设计理论的形成与发展奠定了坚实的基础。
第六章 版式设计的创意技巧（图形、文字、
色彩） 第七章 版式设计的图文编排方法 第八章 版式设计的程序与印刷 第九章 版式设计的具体应用（实训）
— *—
4
学习目标: 了解版式设计的学习目的与方法，并学会解 读版式设计作品。 学习内容: 什么是版式设计？
为什么要学习版式设计？
怎样制作版式设计？ 如何解读一幅版设计作品？ 版式的发展历程
“工艺美术”运动风格编排设计之大成的作品。它的版面
编排设计水准很高，编排紧凑，版面中大量运用繁杂缠绕 的花草图案、精致的插图以及装饰华丽的首写字母，版面 上文字与图案的色调对比节奏把握得非常精妙，尽显“哥 特”风格（图1-11）。 《呼啸平原的故事》也是“工艺美术”运动的突出代表作 之一，整个画面显得拥挤、暗淡柔弱，图案精细而繁复， 采用缠枝花草的植物纹样与文字组合，形成一种密不透风 的肌理效果（图1-12）。
包豪斯的平面设计基本是在荷兰的“风格派”和俄国的“构成主义”两者的影响下形成的，因此，具有高度理性化、功能化、
简单化、减少主义化和几何形式化的特点。具有突出贡献的重要人物是莫霍利·纳吉（Laszli Mohony-Nagy，1895～1946年） 和赫伯特·拜耶（Herbert Bayer，生于1900年）。 包豪斯在平面设计方面的探索集风格派和构成主义之大成，并结合了许多现代艺术流派的语言和技法，形成了简洁的、功能的
1
版式设计
姜宇琼 李鑫泽 主编
2
第一章 版式设计概述
目录页
Contents Page
第二章 版式设计的基本要素及构成规律 视觉要素的编排与设计
（点、线、面、空间）源自文库
第三章 版式设计的设计原则 （+形式美原理） 第四章 版式设计的网格系统 第五章 版式设计的视觉流程
— *—
3
目录页
Contents Page
现代平面设计风格。包豪斯的风格经过一些设计师的发展和传播后，现代平面设计风格开始在欧洲兴起。第二次世界大战期间，
许多欧洲设计师移居美国，又把这一风格传播到美国。可以说，包豪斯是现代平面设计的发源地，它的现代设计风格迅速撒向 美国、瑞士、荷兰、匈牙利、日本等国。包豪斯为现代版面构成奠定了坚实的理论与实践基础。
第一章
第二节 版式设计的历史发展
44
四、瑞士的“网格体系”
20世纪50年代，有着严谨、理性风格的瑞士设计师们掀起了“国际版面风格”的设计运动，他们提倡把设计作为对社会 有用的和重要的活动，他们抛弃了个人表达和对设计问题怪僻的解决办法，采用普遍的和科学的方法。“国际版面风格”
在前期设计经验和理论总结的基础上，形成了一个迄今为止最有效的版面编排方法——网格系统，其特点是力图通过简单
第一章
第二节 版式设计的历史发展
40
莫霍利·纳吉大量采用照片拼贴、抽象摄影技术的方法进行 设计，非常强调设计的构思与创意，而把制作看作是第二
位的工作。他认为具有新意的构思能够产生有创造力的画
面，可以表达幻想和超越时空的想象力。他注重空间比例 分割、色彩的对比调和、抽象的构成方法、构成文字图形 化的表现方法，简洁鲜明，达到了迅速传达信息的作用。 莫霍利·纳吉在编辑包豪斯印刷厂的第一本出版物中提倡， 在视觉传达设计中“不受陈规约束的使用一切直线方向， 用一切字样、字的大小、几何形、色彩等，创造一种印刷 版式的新语言。它（印刷品）的伸缩性、多样化和新鲜的 印刷版面构图，完全由内部表达法则和视觉效果支配”。 纳吉创作了大量的绘画和平面作品，全部是抽象的作品。 他相信简单结构的力量，并利用平面来表达这种力量。他 设计的包豪斯丛书、海报，拍摄的照片和制作的电影，都 具有强烈的理性特征，并且显示了理性化对于设计造成的 积极效果（图1-13）。
6
7
版式设计涉及的范围
报纸、 刊物等
书籍、 挂历等
平面 版式设计 设计
广告、 招贴等 唱片 、 网页等
8
广泛应用到设计的各个领域，海报招 贴设计侧重于图形元素的创作，报纸 杂志则侧重文字编排元素，包装设计 则是图形、文字与色块的综合编排。
版 式 设 计
应 用
为什么要学习版式设计？
版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段， 表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能， 更实现了技术与艺术的高度统一。版式设计可以说是现代设计者所必 备的基本功之一。
第一章
第二节 版式设计的历史发展
39
二、德国包豪斯创建的现代设计教育体系
1919年由德国著名的建筑家格罗皮乌斯（Walter Gropius）在德国魏玛市建立“国立包豪斯学院”。德国包豪斯设计学院的 创立，是现代设计不容忽视的重大创举，将构成主义运动、20世纪初艺术的各种观念通过教学实践进行研究倡导，并创造发 展。它充满活力与实践的精神促进了版面设计的发展，开创了现代设计的新纪元。 包豪斯最重要的成就之一，就是以科学、严谨的理论为依据奠定了设计教育中平面构成、色彩构成与立体构成的基础教育体系。
9
10
11
12
13
14
版式设计涉及的就业岗位
广告公司
广告设计（设计师） 招贴海报设计 （设计师）
名片设计（设计师）
版面编辑 （美编） 插画设计 （设计师） 书籍装帧设计 （美编） 企业文化宣传册设计 （设计师） 产品包装设计 （设计师） 新产品上市推广 （设计师） 网页界面设计 （美工） 标志设计 （设计师） 模板设计 （设计师）
威廉·莫里斯倡导的工艺美术运动在欧美造成了惊人的效果和广泛的影响。他的设计尽管十分精美，但仍显繁杂，特别是
那种充满繁复图案的画面使读者在接受设计所要传达的信息时造成障碍，在制作成本、技术和工艺上也给印刷和装订造成 了困难。
第一章
第二节 版式设计的历史发展
38
《乔叟诗集》是威廉·莫里斯为诗人乔叟的诗集所作的书籍 装帧设计，全书从设计到印刷完成总计四年时间，是集
识。
体创意、构思与策划，最终达到信息传达的目的。
（3）了解版面设计历史发展的关键阶段，结合现代版式 设计的发展，充分认识版式设计的未来发展趋势。
第一章
编排设计
第一节 版式设计的概念
34
是指在有限的版面空间里，将平面设计中的文字、图形、色彩等视觉构成元素，根据特定内容的需要进行有目的、有组织 的编排，并运用造型要素及形式法则原理，以视觉的形式把构思和创意表达出来。
报刊杂志社
产品企业
网络公司
15
版式设计基本步骤：
进行制作
处理软件
确定布局
第四步
收集\制作素 材 确定主题
视觉元素的类型
第三步
含文字、图形图像
第二步
需要传达的信息
第一步
16
好版式判断依据
1、可读性
好版式首先要具有良好的可读性， 即清晰地和舒适地阅读（迅速获知那是什么（0.3秒） 3、能够迅速搜寻所需信息（页眉、页脚、网站地图、标志等）。
2、迅速了解特点和方便之处（排版是否符合视觉流程 和简洁高效）
17
好版式判断依据
3、受众共鸣
好版式能够让特定受众获得共鸣， 即受众能够理解和认同设计作品所传达的意义和主题。
4、整体上具有美感（色彩心理学、留白透气感、 跳跃的动感）。
18
如何解读一幅版设计作品？
视觉流程
视线在观赏物 上的移动过程。
色彩处理
多对比色和邻近 色系，对比强烈， 但色调和谐
网格结构
纵向矩阵网格 三栏或多栏分割画面
空间处理
图文和空白的对比得当， 既凸显了内容又产生了阅读节奏
图形处理
采用极富创意和视觉震撼力 的图形来吸引眼球和表现主题
19
20
21
22
23
24
25
26
27
28
29
30
31
目录页
Contents Page
5
什么是版式设计？
又称版面设计、编排设计， 是平面设计的重要组成部分， 在有限的空间中，将版面构 成要素：文字、图片图形、 线条线框和颜色色块等元素， 按照特定内容的需要进行组 合排列，把构思与计划以视 觉形式表达出来。 一种具有个人风格和艺术 特色的视觉传送方式。传达 信息的同时，也产生感官上 的美感。
第一章 版式设计概述
第二章 版式设计的基本要素及构成规律
第三章 版式设计的设计原则
第四章 版式设计的网格系统
第五章 版式设计的视觉流程
— *—
32
目录页
Contents Page
第六章 版式设计的创意技巧
第七章 版式设计的图文编排方法
第八章 版式设计的程序与印刷
第九章 版式设计的具体应用
— *—
第一章
第* 章
第*节 节名称
41
赫伯特·拜耶（Herbert Bayer）1921年求学于包豪斯，毕业后留校任教， 曾担任字体设计和印刷设计教师。拜耶的平面设计风格常常是由强烈的 视觉形象，几行斜的印刷字体，点、线、面合理分割画面，水平线、垂 直线、斜线等组成的非对称形式的动态构图形成。他的才能主要表现在 字体设计上。他习惯采用非常简单的字体，创造了无装饰线字体和以小 写字母为中心的新字体系列，并在此基础上发展创造了更简练的“拜耶 体”。他设计的字体成为德国现代平面设计的标志，形成当时字体设计、 平面设计上最为先进的局面（图1-14）。现在，无装饰线字体已经成为 世界字体中最为重要的类型之一。
33
一、教学目标与教学要求
本章要求学生了解版式设计的目的与意义，掌握版式设计 的基本内容、定义、功能以及发展趋势，引导学生从概念 入手，充分认识优秀的版式编排，掌握版式设计的基本知
二、重点与注意事项提示
（1）重点掌握版式设计的概念及其功能。 （2）在版面编排设计中，理解版式设计的基本特征、内 涵、应用范围，引导学生通过版式设计对整个版面进行整
43
三、德国“新版面设计”
20世纪二三十年代的“新版面”设计风格将现代派美术观念引入版面
设计的领域，其重要人物是德国人简·奇措德（Jan Tschichoid）。他 认为新时代平面设计的主要目的是准确的视觉传达，而不是陈旧的装 饰和美化；他还主张采用简单的纵横非对称式版面编排，不需要具体 的插图，依托版面中的文字和简单的线条构成版面的节奏感和韵律感， 利用字体的大小不同达到强烈的视觉效果，除此以外不需要任何其他 的装饰。他采用简单的无饰线体，在色彩的使用上，除了黑色和红色 以外基本上不使用其他色彩（图1-18）。 因此，简·奇措德的设计作品没有任何多余的装饰，达到极度的简约， 具有强烈的功能主义和减少主义的特点。
第一章
第二节 版式设计的历史发展
42
拜耶在广告设计和展览设计上也有 很大的成就。20世纪20年代末， 他成为《时髦》（Vogue）杂志的 艺术设计总编，开始投入商业刊物 的平面设计工作中，并且开始广泛 采用刚刚出现的彩色摄影来设计封 面和插图（图1-15至图1-17）。
第一章
第二节 版式设计的历史发展
的网格结构和标准化的版面公式达到设计上的统一性。瑞士设计师卡尔·吉斯特纳（Karl Gerstner）甚至夸张地形容网格 系统为“比例的标准，可以把差的变好，把好的变得更好”。 “网格系统”实际上就是在版面上按照预先确定好的格式分 配文字与图片，它不是简单地把图片与文字并列放置在一起， 而是从画面结构的相互联系中发展出的一种符合主题内容的 形式法则。在版式设计上往往采用方格网为基础，各种平面 元素的排版方式基本是采用非对称的形式，字体采用无饰线 体。这种探索明晰的传达和视觉秩序的方法为绝大多数设计 师们所接受，并在此基础上展开了积极地探索与实践。“国 际版面风格”以其清晰明确的传达性、适应性和无障碍性的 模式运用到书籍、报纸、包装、企业形象设计等设计形态中，
一、英国的“工艺美术运动”
“工艺美术运动”代表人物威廉·莫里斯（William Morris，英国拉斐尔前派画家、英国设计家、诗人和社会主义者）提 出了“美术与技术结合”的原则，主张艺术要为人服务，“人之所为，人之所用”( By the people,他对版面装饰性的要 求以及在变化中追求个人的风格，追求专有的版式趣味与书籍气氛的特色。他强调功能与美的统一。他认为要复兴中世纪 歌德式的风格，尤其要讲究版面编排，强调版面的装饰性，通常采取对称结构，形成了严谨、朴素、庄重的风格。 以威廉·莫里斯为首的工艺美术运动设计家，创造了许多被以后设计家广泛运用的编排构图方式，比较典型的有：将文字 和曲线花纹拥挤地结合在一起，将各种几何图形插入和分隔画面等。