版式设计发展历程课件
- 格式：ppt
- 大小：5.41 MB
- 文档页数：29
下载文档原格式
合集下载
版式设计完整ppt课件
左 右
第六章 版式编排类型
版 式 设 计
两 端
第六章 版式编排类型
版 式 设 计
两 端
第六章 版式编排类型
版 式 设 计
中 心
第六章 版式编排类型
版 式 设 计
中 心
第六章 版式编排类型
版 式 设 计
中 心
第六章 版式编排类型
版 式 设 计
中 心
第六章 版式编排类型
版 式 设 计
分 割
第三章 版式设计的元素编排
版 式 设 计
空 间 编 排
第三章 版式设计的元素编排
通过黑、白、灰关系展示空间
版
式
无论有色、无色版面都可以归纳 为黑、白、灰的空间构成。一般
设
来说版面中感觉最强烈的是白色，
计
其次为黑色，而灰色的感觉最迟 钝，所以可以认为白色是版面的
近景，灰色为中景，黑色为远景。
空
间
编
第一章 版式设计基本概念
又称版面设计、编排设计，是平
面设计的重要组成部分，有限的
空间中，将版面构成要素：文字、
版
图片图形、线条线框和颜色色块
式
等元素，按照特定内容的需要进 行组合排列，把构思与计划以视
设
觉形式表达出来。
计
概 念
应版 用式
设
计
第一章 版式设计基本概念
广泛应用到设计的各个领域，海报招贴设计侧 重于图形元素的创作，报纸杂志则侧重文字编 排元素，包装设计则是图形、文字与色块的综 合编排。
简 明 易 懂
第二章 版式设计的原则
版
形式完美，并且符合主题的思想
式
内容。形式受制于设计本身的主
设
第六章 版式编排类型
版 式 设 计
两 端
第六章 版式编排类型
版 式 设 计
两 端
第六章 版式编排类型
版 式 设 计
中 心
第六章 版式编排类型
版 式 设 计
中 心
第六章 版式编排类型
版 式 设 计
中 心
第六章 版式编排类型
版 式 设 计
中 心
第六章 版式编排类型
版 式 设 计
分 割
第三章 版式设计的元素编排
版 式 设 计
空 间 编 排
第三章 版式设计的元素编排
通过黑、白、灰关系展示空间
版
式
无论有色、无色版面都可以归纳 为黑、白、灰的空间构成。一般
设
来说版面中感觉最强烈的是白色，
计
其次为黑色，而灰色的感觉最迟 钝，所以可以认为白色是版面的
近景，灰色为中景，黑色为远景。
空
间
编
第一章 版式设计基本概念
又称版面设计、编排设计，是平
面设计的重要组成部分，有限的
空间中，将版面构成要素：文字、
版
图片图形、线条线框和颜色色块
式
等元素，按照特定内容的需要进 行组合排列，把构思与计划以视
设
觉形式表达出来。
计
概 念
应版 用式
设
计
第一章 版式设计基本概念
广泛应用到设计的各个领域，海报招贴设计侧 重于图形元素的创作，报纸杂志则侧重文字编 排元素，包装设计则是图形、文字与色块的综 合编排。
简 明 易 懂
第二章 版式设计的原则
版
形式完美，并且符合主题的思想
式
内容。形式受制于设计本身的主
设
版式设计的基本理论PPT课件
Layout Design
[英][ˈleɪaʊt] [美][ˈleˌaʊt]
布局，安排，设计; 布置图，规划图;
-
LaLyaoyuotutDeDseigsin5gn
版式设计的应用领域？
出版物版面设计、广告版面设计、促销道具设计、 产品形象应用识别设计、网页版面设计
-
LaLyaoyuotutDeDseigsin6gn
-
《诗歌之路》 用戈尔登字体排印
莫里斯设计
LaLyaoyuotutDeDseigs6in3gn
法国“新艺术”运动从一开始就主张完全放弃任何一 种传统设计，强调自然风格的重要性，因此自然主义倾向 是它最主要的形式，同时否认自然界中直线的存在。
阿尔丰斯·穆卡设计的海报具有典雅、统一、装饰性强的特点
-
LaLyaoyuotutDeDseigs6in4gn
-
Layout Desig6n8
包豪斯的现代设计风格迅速散向美国、 瑞士、荷兰、匈牙利、日本等国。从 广告、招贴、版面、包装到建筑、摄 影、家具、日用品设计等，无不神兽 包豪斯的影响。可以说，包豪斯为现 代版面构成打下了坚实的理论与实践 基础已是不争的事实。
-
Layout Desig6n9
瑞士人厄斯特.凯勒创作的功能性字体广告，为版面构成开创了崭 新的表现形式和手段。他认为设计的问题就是形式与内容的高度统一， 而字体图形就是最客观、明确、有效的图形传达信息。
-
LaLyaoyuotutDeDseigs7in3gn
-
Layout Desig7n4
2、个性化
在版式设计中，追求新颖独特的个性表现，有意制造某种神秘、无规 则的空间，或者以追求幽默、风趣的表现形式来吸引渎职，引起共鸣。 这种风格，摆脱了陈旧与平庸，给设计注入新的活力。
平面设计史--工业时代的版面设计 PPT课件
要字的的属到现方人排机种版印有册实
便版方发板字的法奥版械，机刷走的，
捷，法明上盘一把图设的数械出入排很
的 多 ， 速 度 要 快 的 多 。
再 来 印 刷 ， 比 用 原 来 的 字 型 排 列 印 刷 显
是 利 用 键 盘 打 字 ， 然 后 用 铅 笔 铸 造 成 金
90
是 采 用 键 盘 带 动 的 个 黄 铜 字 型 片 ， 其
工业时代的版面设计
1
时代背景：
• 自1760年到1840年， 西方国家开始了一场 以英国为中心的技术 大变革。由于新能源 的应用，引发了一连 串革新，从而促进了 生产力，刺激了西方 经济的高速发展。社 会结构的变革。
2
工业革命时期字体设计的发展：
• 平面设计随着工业革命的发展 得到了极大的推动，印刷业繁 荣导致大量设计的需求，平面 设计成为生活中重要组成因素 之一。（字体，版面编排风格 和方式，插图风格和手段，标 志等等都在工业化时期发生巨 大变化。
制 成 浅 浮 雕 式 的 字 版 等 。 奥 图 麦 坚 索
上 ， 或 者 用 石 板 印 刷 的 方 法 ， 把 字 体 在
些 新 方 法 包 括 用 打 字 机 的 方 式 吧 字 体 抽
金 属 字 体 排 版 在 传 统 的 字 板 格 上 ， 后 来
人工排上版面，因此大大地影
响了出版的速度。由于排版缓慢，
当时的报纸最多只能出到八版。书
籍出版不但周期长，而且价也相当
的高。要普及资讯、普及文化、促
进商业发展，就必须发展新的印刷
技术，而首当其冲的就是要解决印
刷工艺上的瓶颈—手工排版问题。
9
• 18825 19
•
然属新勒金放出械国的版百排高没注其
版式设计教程ppt课件
书籍装帧
LIjiao Design Work feb.2011
sculpture
海报设计
LIjiao Design Works feb.2011
sculpture
Vi系统及应用
网页设计版式设计
LIjiao Design Works feb.2011
sculpture
字体作为符号设计的海报
图片排版的构成
1、上下 2、左右 3、中心 4、分割 5、对角 6、远近
3 色彩
色彩较之图文对人的心理影响更为直接， 具有更感性的识别性能。现代商业设计对 色彩的应用更是上升至“色彩行销”的策 略，成为产品促销，品牌塑造的重要手段。
色彩在画面中的协调作用
解决了形式上的问题后， 还要记住一点：
24
版式发展历史
文字
的编排与设计
文字作为设计中突出的主要设计元素，
作为高度符号、色彩的视觉元素， 已越来越多地成为一种有效的 形式语言与有效的表现手段。
版式设计三大视觉要素
文字 图形 色彩
1 文字
主题内容（标题，正文，注解等离不开文字，通过文 字获得主要信息。） 设计者需掌握中外字体的一般常识，不同的字体给人 的心理感受不一样，美的字体能使人感到愉悦，帮助 阅读和理解。
版式设计的范围涉及到报纸、刊物、书籍 （画册）、产品样本、挂历、招贴画、唱 片封套和网页页面等平面设计的各个领域。
----报纸
sculpture
包装设计
包装容器设计应用
LIjiao Design Works feb.2011
sculpture
书籍装帧
LIjiao Design Work feb.2011
内容
版式设计原则
课件-《版式设计》
数字媒体在现代设计工作中占有越来越大的比例，包括屏幕、幕布、计算机 桌面等，多以图片、文字表现内容。版式设计决定着数字媒体的画面效果，只是 在此基础上增加了快速画面转换产生的动画和音频输出。所以，要完成一件好的 数字媒体作品，要求设计制作者必须有扎实的版式设计功底。常见的数字媒体设 计有PPT模板设计、网页版式设计和影视画面的编排设计等。
13
第一章
“大秦帝国”网站界面版式设计
商业广告条版式设计
被大量霓虹灯广告牌、 媒体演示屏等数字媒体 版面依附的建筑组成的 商业环境
14
第一章
第二节 版式设计的发展
一、我国古代版式设计
我国古代书籍在版式设计上有着伟大的创造。其形态之丰富，功能考虑之周 全，与同时期其他古代文明相比堪称世界一流。
15
第一章 版心小，天头、地脚大的版面
第一章
2．古代版式设计特点 我国古典书籍版式设计的另一个特点就是有较
多的插图，尤其是明清之后的小说更是如此。 插图与内容在审美意识上有着缜密的统一性、
协调性，其清淡、雅致、秀美的风格自始至终贯穿如 一，形成了中华民族文化的总体特征与总体美学精神。
有插画的版面
18
第二节 版式设计的发展
二、西方早期版式设计
1. 西方古代的版式设计 西方历史上最早有记载的版式设计出现在公
元前3000年的古巴比伦。美索不达米亚地区的苏 美尔人最早创造了原始版面的排版形式。最初， 苏美尔人将湿泥做成块状泥版，然后用木片在泥 版上刻画形成具有凹槽的文字，这就是所谓的契 形文字。契形文字按照一定的规律进行排列，形 成了西方最早的编排形式。
20
第一章 古埃及版式
第一章
1. 西方古代的版式设计 在古罗马时代，罗马人将希腊文字经过改良后变成接近于现代使用的拉丁文字。
13
第一章
“大秦帝国”网站界面版式设计
商业广告条版式设计
被大量霓虹灯广告牌、 媒体演示屏等数字媒体 版面依附的建筑组成的 商业环境
14
第一章
第二节 版式设计的发展
一、我国古代版式设计
我国古代书籍在版式设计上有着伟大的创造。其形态之丰富，功能考虑之周 全，与同时期其他古代文明相比堪称世界一流。
15
第一章 版心小，天头、地脚大的版面
第一章
2．古代版式设计特点 我国古典书籍版式设计的另一个特点就是有较
多的插图，尤其是明清之后的小说更是如此。 插图与内容在审美意识上有着缜密的统一性、
协调性，其清淡、雅致、秀美的风格自始至终贯穿如 一，形成了中华民族文化的总体特征与总体美学精神。
有插画的版面
18
第二节 版式设计的发展
二、西方早期版式设计
1. 西方古代的版式设计 西方历史上最早有记载的版式设计出现在公
元前3000年的古巴比伦。美索不达米亚地区的苏 美尔人最早创造了原始版面的排版形式。最初， 苏美尔人将湿泥做成块状泥版，然后用木片在泥 版上刻画形成具有凹槽的文字，这就是所谓的契 形文字。契形文字按照一定的规律进行排列，形 成了西方最早的编排形式。
20
第一章 古埃及版式
第一章
1. 西方古代的版式设计 在古罗马时代，罗马人将希腊文字经过改良后变成接近于现代使用的拉丁文字。
版式设计ppt课件
第三章 版式设计的基本类型
1、标题型
一般标 题在先‚接着 是图片和文 字内容等。 这也是很常 见的一种编 排形式。
2、满版型
版面由一张相对完整的图 片构成，不留固定的白边，图 像、图形不受版心的约束，也 就是“出血版”。
.
3、斜置型
在版面编排中‚图形或文字的主 要部分向右或向左作方向倾斜。从 而赋予图形或文字以强烈的结构张 力和视觉动感。
.
莫里斯的代表作《诗歌之路》的封面设计
.
里杰斯基的版式设计
约翰．契肖德作品
二、版式设计的概念与功能
1、概念：版式设计可以理解为：在有限 的版面空间里，将版面构成要素--文字字 体、图片图形、线条线框和颜色色块诸因 素，根据特定内容的需要进行组合排列， 并运用造型要素及形式原理，把构思与计 划以视觉形式表达出来。也就是寻求艺术 手段来正确地表现版面信息，是一种直觉 性、创造性的活动。
.
4、左右型
这也是一种比较常见的版面编 排形式‚其特点是画面中各元素容易 形成平衡‚结构稳当，风格平实。
.
又国 有外 变报 化纸
的 版 式 编 排
左 右 的 对 称 中
_
服装画册的版式设计
.
5、分割型
是把整个版面分成上下、 或左右几个部分，分别安排图 片和文字。
.
介绍钓具的画册-根据内容的需要分为几个区域
字体的设计、选用是排版设计的基础。在排版设计 中，选择两到三种字体为最佳视觉结果。字号是表示字 体大小的术语。计算机字体的大小，通常采用号数制、 点数制和级数的计算。点数制是世界流行计算字体的标 准制度。“点”：也称磅(P)。
.
2.字距与行距
字距与行距的把握是设计师对版面的 心理感受，也是设计师设计品味的直接体 现。一般的行距在常规的比例应为：用字 8点行距则为10点，即8：10。但对于一 些特殊的版面来说，字距与行距的加宽或 缩紧，更能体现主题的内涵。
版式设计ppt课件
版式设计ppt课件
一、版式设计概论
1、版式设计概念（这个学科是研究什么的？）
版式设计即排版设计亦称版面编排设计。所谓 编排，即在有限的版面空间里，将版面构成要素 --文字字体、图片图形、线条线框和颜色色块诸 因素，根据特定内容的需要进行组合排列，并运 用形式原理，把构思与计划以视觉形式表达出来 。
• 画面视觉规律为上侧的视觉诉求力强于下侧．左 侧的视觉诉求力强于右侧。因此，画面左上部和 中上部称“最佳视域” 。平面广告中突出的信息（ 标题和商品名等），一般编排在这些方位上，大 多数报刊的刊名也均编排此方位上。
• “最佳视域”区
• 在最佳焦点的周围，有着一个放射状的平 缓递减区域．直径为画面宽度的5／6许， 这是画面的“最佳视域”区
• （3）比例尺度：比例是形体之间谋求统一，均衡的数量 秩序。比较常用的有黄金分割点比1:1.618，此外还有 1:1.3的矩形常用于书籍，报纸。1:1.6用于信封和钱币。 1:1.7用于建筑的门窗与桌面，1:2、1:3也常用,在立体设 计和建筑设计时，无法标准的比例分割是常有的，不一定 非遵守某条定则，加以现代社会大众的审美综合考虑。 尺度则是指整体与局部之间的关系，以及和环境特点的适 应性。同样体积的物体，水平分割多会显高，其视觉高度 要大于实际物体高度，反之，则显低，其给的感觉比实际 尺度小，因此尺度处理要恰当，否则会使人感到不舒服， 也难于形成视觉美感。 （4）对称、均衡 在美学中，对称与均衡是运用最广泛的，也是最古老普通 的内容之一，无论哪方面的艺术创造都同对称和均衡有着 直接和间接的关系，对称是指中轴线两侧形式完全相同. 均衡则是指视觉上的稳定平衡感，过于对称显出了庄严， 单调，呆板的性格，均衡则不同，它追求一种变化的秩序 ，对称与均衡的法则在某种情况下有不同的适用性，关键 还是在于设计者的适当选择和应用
一、版式设计概论
1、版式设计概念（这个学科是研究什么的？）
版式设计即排版设计亦称版面编排设计。所谓 编排，即在有限的版面空间里，将版面构成要素 --文字字体、图片图形、线条线框和颜色色块诸 因素，根据特定内容的需要进行组合排列，并运 用形式原理，把构思与计划以视觉形式表达出来 。
• 画面视觉规律为上侧的视觉诉求力强于下侧．左 侧的视觉诉求力强于右侧。因此，画面左上部和 中上部称“最佳视域” 。平面广告中突出的信息（ 标题和商品名等），一般编排在这些方位上，大 多数报刊的刊名也均编排此方位上。
• “最佳视域”区
• 在最佳焦点的周围，有着一个放射状的平 缓递减区域．直径为画面宽度的5／6许， 这是画面的“最佳视域”区
• （3）比例尺度：比例是形体之间谋求统一，均衡的数量 秩序。比较常用的有黄金分割点比1:1.618，此外还有 1:1.3的矩形常用于书籍，报纸。1:1.6用于信封和钱币。 1:1.7用于建筑的门窗与桌面，1:2、1:3也常用,在立体设 计和建筑设计时，无法标准的比例分割是常有的，不一定 非遵守某条定则，加以现代社会大众的审美综合考虑。 尺度则是指整体与局部之间的关系，以及和环境特点的适 应性。同样体积的物体，水平分割多会显高，其视觉高度 要大于实际物体高度，反之，则显低，其给的感觉比实际 尺度小，因此尺度处理要恰当，否则会使人感到不舒服， 也难于形成视觉美感。 （4）对称、均衡 在美学中，对称与均衡是运用最广泛的，也是最古老普通 的内容之一，无论哪方面的艺术创造都同对称和均衡有着 直接和间接的关系，对称是指中轴线两侧形式完全相同. 均衡则是指视觉上的稳定平衡感，过于对称显出了庄严， 单调，呆板的性格，均衡则不同，它追求一种变化的秩序 ，对称与均衡的法则在某种情况下有不同的适用性，关键 还是在于设计者的适当选择和应用
版式设计概念及演变PPT课件
中国版式设计的历史
Format design .
至唐代以后到中国的书籍、包装、年画和其它一些 主要的印刷品都是运用木版印刷的方法。也正因为纸张 和木版印刷技术的原因，中国的版式设计突显其独特个 性。
（图）中国古代的版式设计：明代宫廷教科书，最早带有彩色插图的书。
西方版式设计的发展与演变
Format design .
西方版面设计的发展与演变 Format design .
（3）新客观主义
代表人物为德国人约翰·契肖德。约 翰·契肖德在构成主义的基础上，使之向前 发展为新客观主义。他强调版面设计的功能， 要求版面独辟蹊径。其设计原则是“彻底脱 离传统”，追求版面不对称，大胆运刚强烈 的明暗对比，摒弃繁杂的装饰纹样，在字体 上采用无饰线体，运刑块面和较粗的线条， 突出主题。
西方版面设计的发展与演变 Format design .
（5）风格派
风格派具有高度的视觉传达特点。主张艺术需要“抽象和简化”。设计追求纯洁性、必然性、规律性和非对称性，反 复运用纵横几何结构，通过以真线、矩形和方块，并把色彩简化成红、黄、蓝以及中性的黑白灰来传达主题。其代表人 物为荷兰蒙特里安。他的作品里运用水平线和垂直线构成，排除曲线，并在分割页面上使用单纯的颜色和单纯的比率， 以求得最强烈醒目的视觉效果。这种运用对称、平衡、直线的构图直接影响到版面设计领域。
莫里期《呼啸平面的故事》扉页
莫里期《诗歌之路》封面设计
威尼斯早期印刷图例
西方版面设计的发展与演变 Format design .
（2）构成主义
又称结构主义，指编排造型的元素出自视觉的基本成分——点、线、面、色彩以及方向等。其代表人物为俄国人李西 斯基，是构成主义创始人。构成主义在点、线、面和色彩处理上运用规律排列、追求秩序美。它以理性的、简洁的几何 形态构成图形。着重于形体美、节奏美和抽象美，开创现代版面构成的先河。
版式设计的历史发展及风格ppt课件
满足文明传承的需要。下面我们分别通过中国对传统书
籍与西方书籍的版式设计了解版式设计的历史与发展。
.
1·2·1 中国古代的书籍及排版方式
我国现存最早的“书籍”形式，首推河南安阳小屯村殷王朝都成遗
址上发现的甲骨文。这个于1899年发现的一寸是距今约3400年前的卜
辞，上面记载着狩猎所得的猎获物和记录帝王大臣之名的内容，分兆辞、 记事刻辞、甲子表和习刻文字等。这种文字以象形形态出现，以可自的 方式书写，其版面自然形成一种特殊的雕刻字体。
产品宣传广告设计
.
1.2 版式设计的历史和发展
•
版式设计和其理论的演变、发展是现代艺术、现代
设计理论发展的一个组成部分，是现代哲学、美学、心
理学、形态学、材料学等社会科学和自然科学研究交融
并汇的成果，是一代代艺术家、设计师大量研究、大量
实践的结晶。
•
版式设计的发展是一个漫长的过程，早期人类交流
和传播信息与想法的口语有限，无法随着社会的发展来
由于罗马字体的成熟，罗马 人的书写方式已完全变成了自左向 右的横式排列。此期间，由于羊皮 纸的大量使用，加上价格十分昂贵， 版面编排的空间相对狭小，字行密 度大、字体小，多为对称式，甚为 庄严。
.
中世纪的版面编排
中世纪的宗教统治极为 黑暗，泯灭了人类的许多创 造性，但中世纪不同于古典 时期。在整个漫长的中世纪， 版面编排也分为数个发展阶 段，每一个时期的变化虽然 缓慢，但也并非铁板一块， 尤其到了中世纪后期其版面 变化开始加快。
从世界范围来看，甲骨文作为世界公认的五大自源文字，它的形成 与发展经历了漫长的演化过程，从而使现行汉字经过了甲骨文、金文、 大篆、小篆、隶书、楷书、老宋等几个阶段。由此可见，今天的汉字是 由甲骨文逐渐演变而来，是现代汉字的祖先，其存在与发展自身有着必 然的内在的逻辑性和科学性。它的生命力，是以自己结构和书写方式的 合理作为存在的基本前提，其特殊的版面形态对中国历代文化乃至整个 汉文化圈，都有着极其深远的影响。
《版式设计》课件
详细描述
书籍的内容通常比较深入和系统，因此版式设计需要注 重内容的逻辑性和层次感，合理安排章节和页码，使用 适当的字体、行距和排版风格来提高阅读体验。
网站版式设计
总结词
网站版式设计需要简洁、直观、易于导航，以提高用 户体验。
详细描述
网站的内容通常比较丰富和多样化，因此版式设计需 要注重信息的分类和层次感，合理安排网页布局和导 航菜单，使用适当的字体、色彩和排版风格来呈现内 容，同时确保网站的整体风格一致。
通过调整色彩的明度、饱 和度和色相来增强版面的 层次感和视觉冲击力。
色彩情感
利用色彩的情感属性，如 红色代表热情、蓝色代表 冷静等，来传达特定的情 感氛围。
布局
页面布局
根据内容需求和展示目的，选择合适的页面布局 ，如横排、竖排、网格等。
元素排列
合理安排页面中的元素，如文字、图片等，使其 有序且富有层次感。
自由设计追求的是创意和个性，不拘泥于 固定的规则或框架。设计师可以根据内容 和主题的需要，自由地运用字体、色彩、 图片和空间等元素，创造出独特的视觉效 果。这种设计方法能够突出内容的个性和 特点，吸引观众的注意力。
极简主义设计
总结词
极简主义设计是一种追求简洁、清晰的设计 风格，通过去除多余的元素，突出核心信息 ，达到简洁明快的效果。
动态版式设计的实现方式
可以通过使用CSS动画、JavaScript等技术实现动态版式设计。同时，也可以借助一些设计工具，如 Adobe Animate等，方便地制作动态效果。
虚拟现实和增强现实在版式设计中的应用
虚拟现实和增强现实在版式设 计中的应用场景
在教育、游戏、娱乐等领域，虚拟现实和增强现实技 术可以为学习者或玩家提供更加真实的学习或娱乐体 验。同时，在广告宣传方面，这些技术也可以为品牌 提供更加创新的宣传方式。
第一讲版式设计概述 ppt课件
我们的意图是什么？ 通过版式设计，我们试图做到这样的效果：
我们的意图是什么？ 通过版式设计，我们试图做到这样的效果：
1、把千头万绪的文字信息实现条理化，使版面具有美感和秩序感。 2、版式设计能够引导观众的视线，能够提高自身被注意的价值。 3、通过个性化的设计，塑造出商品或媒体独特鲜明的形象和性格。
包豪斯著名画家、设计家们综 合了立体派、达达派、风格派、构 成主义、超现实主义等各种风格流 派的新观念，把在绘画、色彩、平 面、立体、摄影、材料、印刷工艺 等方面的研究成臬引入教学和设计 中，使包豪斯的平面设计和招贴设 计面貌焕然一新，形成了独特的风 格。
《包豪斯展览》 朱斯特·施密特1923年设计的海报
版面设计和内容都应该是无拘 无束的。文字不再是表达内容的工 具，文字在未来主义艺术家手中， 成为视觉因素，成为类似绘画图形 一样的结构材料，可以自由安排、 自由布局，不受任何固有原则的限 制。
② 达达主义运动
“达达”一词当初是从法德字 典里信手拈来的，意味儿童玩具木 马，本身并无意义，然而无意义却 能表达出达达派最本质的立场和态 度。
• “不怕太阳晒，也不怕那风雨狂，只怕先生骂我笨， 没有学问无颜见爹娘 ……”
• “太阳当空照，花儿对我笑，小鸟说早早早……”
一、 版式设计，
为什么？
1、版式设计是一种有计划、有目的的平面展示； 2、版式设计的主体是视觉传达，视觉传达的主要作用是 达到信息传递的目的； 3、版式设计是通过大众传播媒介来体现的，是视觉上的； 4、版式设计的目的是为了让人更容易读懂内容，在某种 程度上也更能达到宣传的目的； 5、版式设计和内容紧密联系，在作品主题内容影响与作 用下产生的。
为什么设计作品中会有那么多看不懂 的抽象东西？ 为什么会这样？ 立体主义、后现代主义、国际主义？
最新版式设计第一章 概述上课讲义精品课件
第八页，共24页。
第一章 第二节 版式设计(shèjì)的历史发展
9
《乔叟诗集》是威廉·莫里斯为诗人乔叟的诗集所作的书籍装帧设 计，全书(quán shū)从设计到印刷完成总计四年时间，是集“工 艺美术”运动风格编排设计之大成的作品。它的版面编排设计水 准很高，编排紧凑，版面中大量运用繁杂缠绕的花草图案、精致 的插图以及装饰华丽的首写字母，版面上文字与图案的色调对比 节奏把握得非常精妙，尽显“哥特”风格（图1-11）。 《呼啸平原的故事》也是“工艺美术”运动的突出代表作之一， 整个画面显得拥挤、暗淡柔弱，图案精细而繁复，采用缠枝花草 的植物纹样与文字组合，形成一种密不透风的肌理效果（图112）。
第五页，共24页。
第一章 第一节 版式设计(shèjì)的概念
6
第六页，共24页。
第一章 第一节 版式设计(shèjì)的概念 7
第七页，共24页。
第一章 第二节 版式设计的历史发展
8
版式设计随着社会的发展，在不同的历史时期受到不同文化和艺术流派的影响，形成不同的设计风格。自20世纪以来，现代设计在各种思潮的推动下，出现 了革命性的飞跃。立体主义、达达主义、超现实主义、风格派、构成主义等艺术流派应运而生，直接影响着版式设计的演变和发展。 在这些风格流派的发展中，应追溯到20世纪初欧洲(ōu zhōu)的英国人威廉·莫里斯所倡导的“工艺美术运动”、德国包豪斯设计学院创建的现代设计教育体 系、德国“新版面设计”提倡的新思想以及瑞士设计师“网格体系”的实践，他们都为版式设计理论的形成与发展奠定了坚实的基础。
第十四页，共24页。
第一章 第二节 版式设计的历史(lìshǐ)发展
15
四、瑞士的“网格(wǎnɡ ɡé)体系”
20世纪50年代，有着严谨、理性风格的瑞士设计师们掀起了“国际版面风格”的设计运动，他们提倡把设计作为对社会有用的 和重要的活动，他们抛弃(pāoqì)了个人表达和对设计问题怪僻的解决办法，采用普遍的和科学的方法。“国际版面风格”在前 期设计经验和理论总结的基础上，形成了一个迄今为止最有效的版面编排方法——网格系统，其特点是力图通过简单的网格结 构和标准化的版面公式达到设计上的统一性。瑞士设计师卡尔·吉斯特纳（Karl Gerstner）甚至夸张地形容网格系统为“比例的 标准，可以把差的变好，把好的变得更好”。 “网格系统”实际上就是在版面上按照预先确定好的格式分配文 字与图片，它不是简单地把图片与文字并列放置在一起，而是从 画面结构的相互联系中发展出的一种符合主题内容的形式法则。 在版式设计上往往采用方格网为基础，各种平面元素的排版方式 基本是采用非对称的形式，字体采用无饰线体。这种探索明晰的 传达和视觉秩序的方法为绝大多数设计师们所接受，并在此基础 上展开了积极地探索与实践。“国际版面风格”以其清晰明确的 传达性、适应性和无障碍性的模式运用到书籍、报纸、包装、企 业形象设计等设计形态中，至今仍被广泛运用（图1-19）。
第一章 第二节 版式设计(shèjì)的历史发展
9
《乔叟诗集》是威廉·莫里斯为诗人乔叟的诗集所作的书籍装帧设 计，全书(quán shū)从设计到印刷完成总计四年时间，是集“工 艺美术”运动风格编排设计之大成的作品。它的版面编排设计水 准很高，编排紧凑，版面中大量运用繁杂缠绕的花草图案、精致 的插图以及装饰华丽的首写字母，版面上文字与图案的色调对比 节奏把握得非常精妙，尽显“哥特”风格（图1-11）。 《呼啸平原的故事》也是“工艺美术”运动的突出代表作之一， 整个画面显得拥挤、暗淡柔弱，图案精细而繁复，采用缠枝花草 的植物纹样与文字组合，形成一种密不透风的肌理效果（图112）。
第五页，共24页。
第一章 第一节 版式设计(shèjì)的概念
6
第六页，共24页。
第一章 第一节 版式设计(shèjì)的概念 7
第七页，共24页。
第一章 第二节 版式设计的历史发展
8
版式设计随着社会的发展，在不同的历史时期受到不同文化和艺术流派的影响，形成不同的设计风格。自20世纪以来，现代设计在各种思潮的推动下，出现 了革命性的飞跃。立体主义、达达主义、超现实主义、风格派、构成主义等艺术流派应运而生，直接影响着版式设计的演变和发展。 在这些风格流派的发展中，应追溯到20世纪初欧洲(ōu zhōu)的英国人威廉·莫里斯所倡导的“工艺美术运动”、德国包豪斯设计学院创建的现代设计教育体 系、德国“新版面设计”提倡的新思想以及瑞士设计师“网格体系”的实践，他们都为版式设计理论的形成与发展奠定了坚实的基础。
第十四页，共24页。
第一章 第二节 版式设计的历史(lìshǐ)发展
15
四、瑞士的“网格(wǎnɡ ɡé)体系”
20世纪50年代，有着严谨、理性风格的瑞士设计师们掀起了“国际版面风格”的设计运动，他们提倡把设计作为对社会有用的 和重要的活动，他们抛弃(pāoqì)了个人表达和对设计问题怪僻的解决办法，采用普遍的和科学的方法。“国际版面风格”在前 期设计经验和理论总结的基础上，形成了一个迄今为止最有效的版面编排方法——网格系统，其特点是力图通过简单的网格结 构和标准化的版面公式达到设计上的统一性。瑞士设计师卡尔·吉斯特纳（Karl Gerstner）甚至夸张地形容网格系统为“比例的 标准，可以把差的变好，把好的变得更好”。 “网格系统”实际上就是在版面上按照预先确定好的格式分配文 字与图片，它不是简单地把图片与文字并列放置在一起，而是从 画面结构的相互联系中发展出的一种符合主题内容的形式法则。 在版式设计上往往采用方格网为基础，各种平面元素的排版方式 基本是采用非对称的形式，字体采用无饰线体。这种探索明晰的 传达和视觉秩序的方法为绝大多数设计师们所接受，并在此基础 上展开了积极地探索与实践。“国际版面风格”以其清晰明确的 传达性、适应性和无障碍性的模式运用到书籍、报纸、包装、企 业形象设计等设计形态中，至今仍被广泛运用（图1-19）。
版式设计经过九个时期ppt课件
4
.
两河流域文明，在文字的发展方面有 着特定的贡献。人们在泥板上书写一种象 形文字，被称为契形文字。泥板上运用了 一些线条将文字分割，使画面出现一种节 奏上的变化。
.
5
古埃及人运用当地的纸草和石碑作为工具，书写了反映 当时的政治、经济、宗教和文化方面的重要文献，这些文献 图文并茂，运用了许多象形文字和插图。如《死亡之书》插 图文字的组合编排错落有致，在对称中呈现出一种变化。各 种图形插入文字之间，色调上变化细微，有序，和文字形成 对比。古埃及文献有运用直线来分割文字的，但是文献还没 有固定同一的尺寸，大小不一，埃及人还没有掌握运用统一
18
.
丢勒设计的介绍非洲动物的书籍
.
19
和古埃及、古罗马的纸草文献不同欧洲中世纪的书 籍纸张有了同样大小的尺寸，并装订在一起，形成了现 代书籍的基本样式。1400年以后,欧洲各国开始建立自 己的造纸业,纸张被普遍使用。
德国的阿伯里奇·丢勒，是一个金匠的儿子，1498 年他为《启示录》设计的15张木刻插图，为德国木刻艺 术的经典作品。1525年他出版了关于书籍装帧的理论专 著《运用尺度设计艺术的课程》具体讨论了运用几何比 例和图形的方式进行字体和版面的设计问题，他还运用 模数的方式进行字体设计。他对拉丁字体进行了全面和 科学的改革、完善，使字体设计高度地理性化，他是最 早运用数学和几何方法对平面设计及编排设计进行研究 的大师。
Байду номын сангаас
.
12
中国的书籍装帧由于纸张和木版印刷技术上原因造成了书籍的许
多装饰线条，这些线条不仅分割画面，使图形和文字按照其功能组
合，同时也有着装饰画的作用。中国的书籍装帧方法从封面到扉页
，从正文到插图，灵活多变，既保持了书籍的整体性，又容纳了内
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
阿尔丰斯·穆卡设计的海报具有典雅、统一、装饰性强的特点。
三、相关技术的革新
印刷技术发展简史
第一节 近代各类印刷术
一、凸版（主要是铅活字）印刷术
西方德国人谷登堡（J.Gutenberg）发明铅活字印刷术为标志。谷登 堡1438年至1450年间开始研制金属活字谷登堡的铅活字印刷术是不 同于中国古代印刷术的全新意义上的印刷术。它为出版业朝着工业
金文亦称铭文、钟鼎文，铸于青铜器之上。其排列方式与甲骨文
一样，都是从右手起始，竖排。文字间距有着较为严格的限定。
石刻笔画规整，纵向与横向较
为均匀，文字的起始与先前的金文 书写习惯一致。但石刻作为传达信 息的手段具有局限性，人们不可能 将其随身携带。
帛书,其版面文字的排
列方式沿用简策的书写规 律，所书文字有框线和无 框线两种。 其易于携带、轻便，但它 昂贵，易损坏，难保存， 而未在民间大范围使用。 不过它为后人对书写材料 乃至新型版式的探索。
与美索不达米亚文化处在前后期 的古埃及是文字的重要发源地之一。 “神的文字”被广泛使用，反映在 雕塑、石刻中的这一现象屡见不鲜， 尤其运用在纸草书上更是极为普遍。 纸草上常用精美的插图与文字相配 合，使得版面形式甚为丰富，有人 称这一现象是现代平面设计发展的 最早依据，其特点在于利用版面已 有的区域给予综合布局，文字本身 虽是象形形态与插图配合，但并未 显得版面累赘、重复，相反，确是 图、文呼应有序。
版式设计发展历程
一、阅读的发展历程 二、发展趋势的几个阶段 三、相关技术的革新
一、 早期阅读的发展历程
2 1. 中国远古时期的文字及载体
2. 西方早期的文字和载体
中国早期书的形式及其版面形态
甲骨文
开创了从右手竖排的汉字特有的书写排版方式，字与字之间的密度约为半个或三分之一
个字的大小，行距为1~2个字距左右。
谱清 《
》芥 子 园
图
清
录《
明
》四
d
苑《
库
》程
全
氏
书
墨
简
明
目
西方早期的版面特征及编排
• 古典时期
中世纪的版面编排
中世纪的宗教统治极 为黑暗，泯灭了人类的 许多创造性，但中世纪 不同于古典时期。在整 个漫长的中世纪，版面 编排也分为数个发展阶 段，每一个时期的变化 虽然缓慢，但也并非铁 板一块，尤其到了中世 纪后期其版面变化开始 加快。
动”,标志着现代设计时代的到来。这一运动从开始就
带有强烈的反对工业化生产，主张恢复中世纪手工工 场的生产方式，强调通过复兴中世纪的手工艺的传统，
新
从自然形态中吸取精华，重视向日本装饰风格学习。 工艺美术运动重视中世纪的哥特风格。
艺
术
运
动
时
期
英国“工艺美术”运动和法国“新艺术”运动都是为了反对维多利亚 时期繁琐和矫饰风格的艺术。基于这一点，法国“新艺术”运动从一开始 就主张完全放弃任何一种传统设计，强调自然风格的重要性，因此自然主 义倾向是它最主要的形式，同时否认自然界中直线的存在。因此，我们今 天所见到的这一流派的作品，具有曲线和植物纹样的作品大量存在。
由于它制版方便，装版省时，印刷速度快，质量好，使用于各种图
片、书刊和彩色包装材料，从20世纪中叶起，已逐步取代了凸版印 刷，在各种印刷方式中产值最高，使用最广。
数码化和多维空间
电脑已广泛进入设计领域，成 为必要的设计工具，给排版设 计带来了实现创意的无限潜能 和高效率。数码媒体和多范畴 组合的崭新手法，不仅使人与 人之间相互联系的方法发生变 革，而且也直接参与规范我们 现实生活的框架，开创出一条 新颖的丰富多彩的设计领域。 运用电脑表现的影像合成、透 叠、方向旋转、图像的滤镜特 殊技巧等种种处理方式，形成 一个多维空间的版面。这种构 成方式，使版面不再是一个简 单、单一的构成关系，而是构 成了多视点、矛盾性空间层次 的立体化，以此来刺激观者，
中世纪古典的版面设计
随着资本主义关系在欧洲飞溅制度内已逐渐形成，文化上开始要求 反映新兴资产阶级利益的呼声此起彼伏。它是一次文化思想大解放、大发 展。
文艺复兴时期，人文主义 画框盛行；意大利人设计了第 一本小开本书，便于人们在工 作之余随身携带。
工业革命时期
随着工业革命的发展，极大推动了印刷业的繁荣，也推动 了教育和传媒业的发展。为出版业、版面设计提供了物质上、 技术上以及社会需求的一切准备。
化的方向发展奠定了基础，对世界文明的进程产生了巨大影响。由
于动力的采用、卷筒纸轮转铅印机及自动铸排机等的发明使用，近
代印刷术在19世纪至20世纪初的百余年时间里进入了成熟阶段。。 二、其他形式的印刷
平版印刷术 美国的鲁贝尔（W.Rubel）于1904—1905年发明了经过 胶皮布转印到被印物体表面的间接印刷方法，中国称为胶版印刷。
西方早期的版面特征及编排
•古典时期 •文艺复兴时期 •工业革命时期 •新艺术运动时期
中国古典版面形式
•卷轴装
• 经折装
旋风装
蝴蝶装
包背装
线装书
自明代起，中国的文人喜好在书籍的天头地脚间书写心得，加注批语。
版面 形式
插图版面
《书林清话》曰：“吾 谓古人以图书并称，凡有书 必有图。”中国古典书籍的 一大特色就是插图，尤其是 明清之后的小说更是如此。
在这个时期，英国字体 设计大繁荣，开发的新字体， 对欧洲版面设计起到了巨大 的推动作用。
而维多利亚时代的版面 设计，仅仅是中世纪哥德风 格的深化和延续，没能体现 时代特征和适应工业发展的 需要。
《冬季马戏》海报设计，此构图采用古典对称式及版面 上多种字体的运用，都反映了此时期的版面设计风格。
19世纪下半叶，英国兴起了“工艺美术运
古希腊文字和罗马字体
由于罗马字体的成熟，罗马 人的书写方式已完全变成了自 左向右的横式排列。此期间， 由于羊皮纸的大量使用，加上 价格十分昂贵，版面编排的空 间相对狭小，字行密度大、字 体小，多为对称式，甚为庄严。
二、发展趋势的几个阶段
中国古典版面形式
• 卷轴装 • 旋风装 • 经折装 • 蝴蝶装 • 包背装 • 线装书
简策作为书籍形式用于传播文化，在中国的文
明史上有着极其重要的地位。简策制度也叫简牍 制度，它以竹木为书写基质。
西方早期的文字和载体
古典时期
美索不达米亚地区的苏美尔人最早创造了原始版面 的排版形式。最初，苏美尔人将湿泥做成块状泥版， 后用木片刻画其上形成具有凹槽的文字，这就是所 谓的契形文字。
古埃及
三、相关技术的革新
印刷技术发展简史
第一节 近代各类印刷术
一、凸版（主要是铅活字）印刷术
西方德国人谷登堡（J.Gutenberg）发明铅活字印刷术为标志。谷登 堡1438年至1450年间开始研制金属活字谷登堡的铅活字印刷术是不 同于中国古代印刷术的全新意义上的印刷术。它为出版业朝着工业
金文亦称铭文、钟鼎文，铸于青铜器之上。其排列方式与甲骨文
一样，都是从右手起始，竖排。文字间距有着较为严格的限定。
石刻笔画规整，纵向与横向较
为均匀，文字的起始与先前的金文 书写习惯一致。但石刻作为传达信 息的手段具有局限性，人们不可能 将其随身携带。
帛书,其版面文字的排
列方式沿用简策的书写规 律，所书文字有框线和无 框线两种。 其易于携带、轻便，但它 昂贵，易损坏，难保存， 而未在民间大范围使用。 不过它为后人对书写材料 乃至新型版式的探索。
与美索不达米亚文化处在前后期 的古埃及是文字的重要发源地之一。 “神的文字”被广泛使用，反映在 雕塑、石刻中的这一现象屡见不鲜， 尤其运用在纸草书上更是极为普遍。 纸草上常用精美的插图与文字相配 合，使得版面形式甚为丰富，有人 称这一现象是现代平面设计发展的 最早依据，其特点在于利用版面已 有的区域给予综合布局，文字本身 虽是象形形态与插图配合，但并未 显得版面累赘、重复，相反，确是 图、文呼应有序。
版式设计发展历程
一、阅读的发展历程 二、发展趋势的几个阶段 三、相关技术的革新
一、 早期阅读的发展历程
2 1. 中国远古时期的文字及载体
2. 西方早期的文字和载体
中国早期书的形式及其版面形态
甲骨文
开创了从右手竖排的汉字特有的书写排版方式，字与字之间的密度约为半个或三分之一
个字的大小，行距为1~2个字距左右。
谱清 《
》芥 子 园
图
清
录《
明
》四
d
苑《
库
》程
全
氏
书
墨
简
明
目
西方早期的版面特征及编排
• 古典时期
中世纪的版面编排
中世纪的宗教统治极 为黑暗，泯灭了人类的 许多创造性，但中世纪 不同于古典时期。在整 个漫长的中世纪，版面 编排也分为数个发展阶 段，每一个时期的变化 虽然缓慢，但也并非铁 板一块，尤其到了中世 纪后期其版面变化开始 加快。
动”,标志着现代设计时代的到来。这一运动从开始就
带有强烈的反对工业化生产，主张恢复中世纪手工工 场的生产方式，强调通过复兴中世纪的手工艺的传统，
新
从自然形态中吸取精华，重视向日本装饰风格学习。 工艺美术运动重视中世纪的哥特风格。
艺
术
运
动
时
期
英国“工艺美术”运动和法国“新艺术”运动都是为了反对维多利亚 时期繁琐和矫饰风格的艺术。基于这一点，法国“新艺术”运动从一开始 就主张完全放弃任何一种传统设计，强调自然风格的重要性，因此自然主 义倾向是它最主要的形式，同时否认自然界中直线的存在。因此，我们今 天所见到的这一流派的作品，具有曲线和植物纹样的作品大量存在。
由于它制版方便，装版省时，印刷速度快，质量好，使用于各种图
片、书刊和彩色包装材料，从20世纪中叶起，已逐步取代了凸版印 刷，在各种印刷方式中产值最高，使用最广。
数码化和多维空间
电脑已广泛进入设计领域，成 为必要的设计工具，给排版设 计带来了实现创意的无限潜能 和高效率。数码媒体和多范畴 组合的崭新手法，不仅使人与 人之间相互联系的方法发生变 革，而且也直接参与规范我们 现实生活的框架，开创出一条 新颖的丰富多彩的设计领域。 运用电脑表现的影像合成、透 叠、方向旋转、图像的滤镜特 殊技巧等种种处理方式，形成 一个多维空间的版面。这种构 成方式，使版面不再是一个简 单、单一的构成关系，而是构 成了多视点、矛盾性空间层次 的立体化，以此来刺激观者，
中世纪古典的版面设计
随着资本主义关系在欧洲飞溅制度内已逐渐形成，文化上开始要求 反映新兴资产阶级利益的呼声此起彼伏。它是一次文化思想大解放、大发 展。
文艺复兴时期，人文主义 画框盛行；意大利人设计了第 一本小开本书，便于人们在工 作之余随身携带。
工业革命时期
随着工业革命的发展，极大推动了印刷业的繁荣，也推动 了教育和传媒业的发展。为出版业、版面设计提供了物质上、 技术上以及社会需求的一切准备。
化的方向发展奠定了基础，对世界文明的进程产生了巨大影响。由
于动力的采用、卷筒纸轮转铅印机及自动铸排机等的发明使用，近
代印刷术在19世纪至20世纪初的百余年时间里进入了成熟阶段。。 二、其他形式的印刷
平版印刷术 美国的鲁贝尔（W.Rubel）于1904—1905年发明了经过 胶皮布转印到被印物体表面的间接印刷方法，中国称为胶版印刷。
西方早期的版面特征及编排
•古典时期 •文艺复兴时期 •工业革命时期 •新艺术运动时期
中国古典版面形式
•卷轴装
• 经折装
旋风装
蝴蝶装
包背装
线装书
自明代起，中国的文人喜好在书籍的天头地脚间书写心得，加注批语。
版面 形式
插图版面
《书林清话》曰：“吾 谓古人以图书并称，凡有书 必有图。”中国古典书籍的 一大特色就是插图，尤其是 明清之后的小说更是如此。
在这个时期，英国字体 设计大繁荣，开发的新字体， 对欧洲版面设计起到了巨大 的推动作用。
而维多利亚时代的版面 设计，仅仅是中世纪哥德风 格的深化和延续，没能体现 时代特征和适应工业发展的 需要。
《冬季马戏》海报设计，此构图采用古典对称式及版面 上多种字体的运用，都反映了此时期的版面设计风格。
19世纪下半叶，英国兴起了“工艺美术运
古希腊文字和罗马字体
由于罗马字体的成熟，罗马 人的书写方式已完全变成了自 左向右的横式排列。此期间， 由于羊皮纸的大量使用，加上 价格十分昂贵，版面编排的空 间相对狭小，字行密度大、字 体小，多为对称式，甚为庄严。
二、发展趋势的几个阶段
中国古典版面形式
• 卷轴装 • 旋风装 • 经折装 • 蝴蝶装 • 包背装 • 线装书
简策作为书籍形式用于传播文化，在中国的文
明史上有着极其重要的地位。简策制度也叫简牍 制度，它以竹木为书写基质。
西方早期的文字和载体
古典时期
美索不达米亚地区的苏美尔人最早创造了原始版面 的排版形式。最初，苏美尔人将湿泥做成块状泥版， 后用木片刻画其上形成具有凹槽的文字，这就是所 谓的契形文字。
古埃及