版式设计的基本理论
版式设计原理
第三章版式设计原理第一节分类在广告无处不在的今天，大多数消费者都有这样一个习惯——回避，不愿意多费神去挖掘信息的含义及其重要性，如何让你的广告吸引消费者的汪意力，这就需要设计人员对广告涉及的信息进行分类，从混乱中理出头绪，从而导引消费者的目光。
设计的过程是一个从各级别信息中筛选找到最重要信息元素的过程。
这个过程分几个阶段完成。
首先要去掉大量没有价值的信息，然后，在相对重要的信息中仔细寻找，逐渐分离，最后找出最重要的信息，设计师以此来提高它的重要性，并把它呈现在读者面前。
1、同类合并原则信息等级处理是成功设计的关键。
首先，面对一项设计任务，必须认真阅读文本，通过对信息进行分类和归纳，在文本中将信息等级一一标注清楚，诸如标题、副标题、子标题、引文或说明文、正文等，对不同级别的信息含量（特别是正文所占的面积）做到心中有数，这样，在设计时就能有意识地将同类同级别的信息合并在同一个区域内。
事实上，一旦这个工作完成，大的文字分区也就自然完成，接下来就是如何安排这些编排元素了。
具体设计时，还应对与文本相关的图片信息进行细分类，找出图片与文字之间的关系进而同类合并，使文字与图片一一对应，形成明晰的信息级别。
信息级别的寻找通常以三到四个级别为宜，过多也会造成另一种混乱。
好的版式设计，清晰明确的信息级别能轻松引导受众依据重要性依次递减原理进行浏览，主题与内容一目了然，避免无序纷乱的信息给人造成的不明确感觉。
2、确定中心内容面对大量信息，如何在版面中清晰明了的表现，这就需要确定中心内容。
正确的选择中心内容依赖于你的意图、市场和消费者所关注的方面。
①使一个内容成为中心内容就是使其他内容变得不太显眼的过程。
因此，有些内容必须变小。
不要将所有的东西都变得很大，否则就没有人看它们。
②在同类合并的原则下，还需对各类的中心内容进行强调，中心内容的确定，具体而言就是对合并在同一信息级别中的内容进行再分析，分清主次，由此决定黑、白、灰的分布。
版式设计
反复视觉流程
反复视觉流程
二、版式设计的基础知识
（二）版面的视觉流程
5、导向性视觉流程 导向性视觉流程，就是在设计中引导读者按照自己的思路贯穿整个版面，形成一个整体的、统一的画
皇后牌 片仔癀珍珠膏
面。
导向性视觉流程
导向性视觉流程
导向性视觉流程——十字形
导向性视觉流程
导向性视觉流程
导向性视觉流程
点线面混排
二、版式设计的基础知识
（二）版面的视觉流程
每一个版面都有视觉流向，要想在视觉上有所突破，就是在视觉流向上下功夫。版面构成的视觉流程主 要是指平面上各种不同元素的主次、先后关系，是设计上处理起始点和过程的一种阅读节奏。 1、单向视觉流程（竖、横、斜） a、竖线式视觉流程：视觉流向简洁有力，具有稳固画面的作用，在引导读者的同时又稳定了画面。 b、横式视觉流程：主要视线是水平的，具有温和的画面情感，给人一种很安静的感觉。
面的分割构成
面的情感构成
面具有多重性格，丰富的内涵， 有时动态强势，有韵律，能够塑 造立体感，给人很多错觉。
二、版式设计的基础知识
（一）版面的视觉构成元素
4、点线面混排
一个完整的版面是由点、线、面的有机结合而生成的。在版面中的点由于大小、形态、位置的不同，
所产生的视觉效果和心理也不同。点的流向编排就形成了线，线的密集排列形成面。点、线、面是相对而言 的，主要根据它们在画面中的比例关系决定。
主题。
重心视觉流程
（1）以强烈的形象或文字独据版面某个部位或完全充斥整版， 重心的位置因其具体画面而定。
重心视觉流程
重心视觉流程
重心视觉流程
（2）向心——视觉元素向版面重心聚拢的流程。
重心视觉流程
14界面设计-页面布局设计的基本理论及Web界面常见的版式设计类型(1)
栅格外边距，与屏宽保持一定的安全距离。
页面布局设计的基本理论
盒子/区域
建立好基础栅格之后，一块内容通常会占用几个栏和列的宽度， 我们把这个区域理解为内容盒子，用于承载一个区域的内容。
页面布局设计的基本理论
如何搭建栅格系统
1、确定屏幕尺寸，确定安全范围 2、确定关键数据：列的数量、水槽的宽度
左右分割型
整个版面分割为左右两部分, 分别配置文字和图片。
其他版式设计类型
中轴型
垂直排列的版面,给人强烈 的动感。
曲线型
图片和文字,排列成曲线
其他版式设计类型
倾斜型
版面主体形象或多幅图像作 倾斜编排
对称型
对称一般以左右对称居多
其他版式设计类型
焦点型
版面产生视觉焦点,使其更 加突出。
自由型
无规律的、随意的编排构成
海报型布局 标题文本型布局 综合型布局
Web界面常见的版式设计类型
常见的web界面版式设计类型
国字型布局 匡字型布局 三字型布局 川字型布局
海报型布局 标题文本型布局 综合型布局
Web界面常见的版式设计类型
常见的web界面版式设计类型
国字型布局 匡字型布局 三字型布局 川字型布局
海报型布局 标题文本型布局 综合型布局
界面设计
页面布局设计的基本理论
及Web界面常见的版式设计类型
天津电子信息职业技术学院
知识要点 页面布局设计的基本理论 Web界面常见的版式设计类型 其他版式设计类型
第一部分
页面布局设计的基本理论
重点掌握
页面布局设计的基本理论
格式塔原理
格式塔心理学诞生于1912年，是 由德国心理学家组成的研究小组试 图解释人类视觉的工作原理。 其中最基础的发现是人类视觉是整 体的； “形状”和“图形”在德 语中是Gestalt，因此这些理论也 称做视觉感知的格式塔原理。
版式课程总结范文
随着我国设计行业的不断发展，版式设计在视觉传达领域中的地位日益重要。
作为一名视觉传达设计专业的学生，我有幸参加了为期一个学期的版式设计课程，通过这段时间的学习，我对版式设计有了更为全面和深入的认识。
以下是我对版式设计课程的总结。
一、课程概述版式设计课程是一门以视觉传达设计专业为基础的专业课程，旨在培养学生掌握版式设计的基本理论、实践技能和审美能力。
课程内容主要包括版式设计的基本原则、设计元素、构图方法、色彩搭配、排版技巧等。
二、课程收获1. 理论知识方面通过学习，我了解到版式设计的基本原则，如对比、统一、节奏、比例、对齐等，这些原则在版式设计中具有指导意义。
同时，我还掌握了版式设计元素，如文字、图片、色彩、图形等，以及它们在版面中的运用。
2. 实践技能方面在课程实践中，我学会了如何运用设计软件（如Photoshop、Illustrator等）进行版面设计。
通过实际操作，我掌握了排版技巧，如文字排版、图片排版、色彩搭配等，提高了自己的设计能力。
3. 审美能力方面通过学习，我对版式设计的美学有了更深入的认识，能够从审美角度出发，对版面进行优化。
在设计中，我学会了如何运用简洁、大方、和谐的版式，使作品更具视觉冲击力。
4. 创新意识方面在课程学习中，我了解到版式设计的发展趋势，如扁平化设计、极简主义设计等。
这使我意识到，作为一名设计师，要有创新意识，敢于尝试新的设计风格。
三、课程反思1. 理论与实践相结合在课程学习中，我发现理论知识与实践操作之间存在一定差距。
为了提高自己的设计能力，我需要在今后的学习中，更加注重理论与实践相结合。
2. 注重细节在设计过程中，细节决定成败。
在今后的设计中，我要注重细节，力求使作品更加完美。
3. 持续学习版式设计是一门不断发展的学科，我要保持学习的热情，关注行业动态，不断提高自己的设计水平。
总之，版式设计课程让我受益匪浅。
在今后的学习和工作中，我将不断努力，将所学知识运用到实际设计中，成为一名优秀的视觉传达设计师。
报业版式设计中色彩搭配简析
报业版式设计中色彩搭配简析报纸是人们获取信息的一种主要方式，它具有信息量大、及时性强、传播广泛等特点。
而报纸版式设计中的色彩搭配对于吸引读者的目光，增加阅读体验和提高版面质量都具有非常重要的作用。
本文将从色彩搭配的理论基础、近年来报业版式设计的色彩趋势以及注意事项等方面简析报业版式设计中色彩搭配的关键要素。
一、色彩搭配的理论基础色彩搭配的基础理论主要有三种，即色轮理论、对比度理论和色彩心理学理论。
1.色轮理论色轮理论是设计中最基本的色彩理论之一，它将色彩分为三原色、三次色和六色调和色。
三原色是指红、黄、蓝，它们是其他颜色的基础；三次色是指紫、绿、橙，它们是由两个相邻的原色调和而成；六色调和色是指红紫、橙黄、黄绿、青绿、蓝绿、紫红，它们是由三个相邻的光谱色调和而成。
在报业版式设计中，要尽量避免使用过于纯净的原色和外围的六色调和色，而应尽量采用中间色调和一些中性颜色去搭配。
2.对比度理论对比度理论指色彩之间对比的关系。
相同颜色之间的关系称为同色对比，不同颜色之间的关系称为异色对比。
同色对比不太鲜明，主要体现在明度和饱和度的变化上；异色对比则相反，峰值更大，要尽可能将对比度调高，以吸引读者的注意力和提高信息传递效果。
3.色彩心理学理论色彩心理学理论是指人们对不同颜色的感受和情感反应。
比如，红色代表的是激情和活力，但有时候却会给人过于刺眼和热烈的感觉，适当对红色进行调和或者采用温和的粉红色就可以降低不必要的冲击力。
二、近年来的色彩趋势近年来，报业版式设计的色彩趋势逐渐向清新、简洁、现代的方向发展，这也与互联网时代的风潮有着很大的关系。
以下是几种常见的报业版式设计色彩趋势：1.简洁明快在版面的色彩搭配上，越来越多的新闻媒体倾向于简洁明快的风格，这可以使得读者在第一时间就能够吸引现代感十足的眼球，并且降低视觉疲劳。
这种趋势可以选择使用同色系，或者采用灰调和深色背景进行配色，以达到严谨专业、简洁明快的效果。
2.抽象系配色抽象系配色是指在色彩的搭配上，不以照片或者插图形式展示，而是用一些抽象的形状、图案和色块进行搭配。
版面编排设计基本理论
知识认知篇项目一版面编排设计基本理论1.1版面编排设计概念1.2版面编排设计的发展1.2.1 中国版面编排设计的发展1.2.2 西方版面编排设计的发展1.3现代版面编排设计的特点1.4版面编排设计的功能1.5版面编排设计的原则课程内容：本章以版式设计的概念、历史和未来发展趋势，版式设计的功能和原则为主要内容，全面介绍版式设计的基本知识。
知识目标：通过对版式设计基本知识的学习，在理论体系中对版式设计形成系统化的认识和理解，为实践提供有力的理论指导。
能力目标：通过对版式设计基本知识的学习，对在时代背景下的现代版面编排设计有一个正确的认识，也为下一步的学习打下坚实的基础。
1.1版面编排设计概念如果想成为一名优秀的平面设计师，就必须对版面编排设计有较高的造诣。
纵观所有的视觉传达设计，无论广告，包装，展示陈列，报纸，书籍，宣传单，产品手册，网页设计等涉及到视觉形式美感，信息传达的明确、准确等无不与版面编排设计相关，有些设计项目，版面编排设计的好坏直接影响着传播效果。
因此，版面编排设计是视觉传达设计教育中非常重要的专业设计基础课，也是现代设计艺术的重要组成部分。
所谓版面编排设计，即在版面上将有限的视觉元素根据特定内容的需要进行有机的排列组合，将理性思维个性化地表现出来，是一种具有个人风格和艺术特色地视觉传达方式。
它在传达信息的同时，也产生感观上的美感。
随着社会的不断进步，人们视觉审美习惯的改变，版面编排设计也在不断更新观念，不再是单纯的技术编排，而是技术与艺术的高度统一体。
从教育的角度讲，版面编排设计是一门设计专业基础课，但对于每位热爱设计的设计师来讲是他们一生为之努力付出所追求的艺术目标。
在国外的平面设计中，他们非常重视版面的设计，版面本身就体现出创意。
版面编排设计的创意不完全等同于平面设计中作品主题思想的创意，既相对独立，又必须服务于其主题思想创意。
优秀的版面编排设计，可以突出作品的主题思想，使之更加生动、更具有艺术感染力，图1--图4。
《版式设计》教案
《版式设计》教案教案：《版式设计》一、教学内容本节课的教学内容选自人教版小学美术教材四年级下册第10课《版式设计》。
本节课主要让学生了解和掌握版式设计的基本原则和方法，学会如何运用这些原则和方法来设计美观、实用的版面。
教学内容包括：版式设计的基本原则、版式设计的常用技巧、实际操作练习等。
二、教学目标1. 让学生了解版式设计的基本原则，如：对比、重复、对齐、亲近等。
2. 培养学生运用版式设计原则进行创作的能力。
3. 提高学生审美能力和创新精神。
三、教学难点与重点重点：版式设计的基本原则和方法。
难点：如何灵活运用版式设计原则进行创作。
四、教具与学具准备学具：绘画纸、彩笔、剪刀、胶水、订书机。
五、教学过程1. 导入：展示一些精美的版面设计作品，让学生欣赏并思考：这些作品为什么美观？它们有哪些共同的特点？2. 新课导入：介绍版式设计的基本原则，如对比、重复、对齐、亲近等。
并通过实例讲解这些原则在实际设计中的应用。
3. 实践操作：学生分组进行实践，运用版式设计原则设计属于自己的版面。
教师巡回指导，给予个别辅导。
5. 课堂小结：回顾本节课所学内容，强调版式设计原则的重要性，鼓励学生在日常生活中运用这些原则进行创作。
六、板书设计板书内容：版式设计原则（对比、重复、对齐、亲近）七、作业设计1. 作业题目：运用版式设计原则，设计一份属于自己的宣传海报。
2. 作业要求：主题明确，设计新颖，符合版式设计原则。
3. 作业评价：以小组为单位进行评价，评选出最佳设计奖、最具创意奖等。
八、课后反思及拓展延伸1. 课后反思：本节课学生对版式设计原则有了初步的认识和掌握，但在实际操作中，部分学生对原则的应用还不够灵活。
在今后的教学中，应加强练习，提高学生运用版式设计原则进行创作的能力。
2. 拓展延伸：鼓励学生利用课余时间收集优秀的版式设计作品，进行欣赏和分析，提高自己的审美能力和创新精神。
同时，可以组织一些版式设计比赛，激发学生的学习兴趣和创作热情。
《版式设计》课件——版式的基本原理--图文(详细)
水平线的应用: 日本平面设计大 师新村则人的作 品，其线条运用 极富艺术美感
2. 倾斜线的应用 倾斜线常常使人联想到飞机起飞、放风筝、滑滑梯等带有动感的形态，这 也就是倾斜线给读者带来的感受。 两张与运动相关的招贴画，画面中数条倾斜的直线构成了画面的主体，那 是田径赛场的跑道线，而倾斜的线条使得跑道像是变成了下坡路，这是利 用了倾斜线产生的运动感使运动员看上去似乎奔跑得更快，深化了所要表 达的加速跑主题。。
曲线给人以丰富、柔软、流畅的感觉。
垂直方向的线令人产生蓬勃向 上、崇高的情绪。
曲线
曲线构成的创意广告: 利用构成原理将线条的视觉感受运用到商品广告中。。
二、线的构成·线的构成方法
（1）等线图形: 粗细相等的线的排列组合构成的物形，可以是等直线、等曲线、 放射线、倾斜线或黑白变换的等线。等线的排列、组合可以构成许多生活中存在的和意 想不到的形象。将线按一定的规律排列，使得线与线重复构成、组合出复杂新颖且具有 意味的形象，甚至于组合成具有了立体感的三维物形。。
线的引导作用
线的分割作用
二、线的构成·线的特征
➢ 线在平面构成中的特性在版式设计中有非常生动的表现。 ➢ 在许多版式中, 文字以线的形式存在, 占据着画面的主要位置, 成为设计
者处理的主要对象。 ➢ 各种线条还可以构成版面各种装饰要素及各种形态的外轮廓, 它们起着界
定、分隔画面各种形象的作用。 ➢ 线还可以串联各种视觉要素, 可以使画面充满动感, 也可以在最大限度上
点的形状、大小一致的构成方式。
在一定的规律中, 组合成多样的图形, 别有 一番新意。。
（2）差点图形: 由形状、大小不同的点构成一个 画面。大小不同、形状不同的差点相互排列组合， 可以形成具有丰富变化，个性与特点极强的画面， 很有表现力。“运动感”、“现代感”是差点图 形最大的特点，由于点的大小秩序排列产生了方 向，排列的疏密程度产生了动感。在网络、信息 时代的今天，效率与速度成为衡量社会进步的标 尺，所以在标志设计、网页设计中动感的效果更 为人所重视，而差点图形正是为这种文化现象服 务的好方法和有效形式。。
版式设计完整较全ppt课件
文字 图形 色彩
版式设计原理
完整版PPT课件
32
版式设计
1 文字
主题内容（标题，正文，注解等离不开文字，通过文 字获得主要信息。）
设计者需掌握中外字体的一般常识，不同的字体给人 的心理感受不一样，美的字体能使人感到愉悦，帮助
阅读和理解。
完整版PPT课件
33
完整版PPT课件
34
完整版PPT课件
35
赖的感觉。
完整版正PP三T课角件形版式
74
倒三角形版式
版式设计
第二种是倒三角形 版式。倒三角形则给人 以动感和不稳定感。
完整版PPT课件
75
曲线型版式设计
曲线型版式设计就是 在一个版面中图片或文字 在排列结构上作曲线的编 排构成，所产生的节奏和 韵律。曲线版式设计具有 一定的趣味性，让人的视 线随着画面上元素的自由 走向而产生变化。
完整版PPT课件
56
版式设计
完整版PPT课件
57
版式设计
完整版PPT课件
58
版式设计
完整版PPT课件
59
• 第二章 版式设计的编排形式
完整版PPT课件
60
• 第二章 版式设计的编排形式
版式设计
版面的排列主要表现为版面上各类元素的和谐搭配，在编排 的过程中必须做到信息传达的逻辑关系一致、主次分明，表 现合理。
第一种是等形分割。 分割形状完全一样，分 割后再把分隔界线加以 调整取舍，达到的一种 有良好的效果。
完整版PPT课件
等型分割
69
第二种是自由分割。 就是不规则的、无限制的， 将画面自由分割的一种方 式，它不同于数学规则分 割产生的整齐效果，但随 意性分割，使画面产生活 泼不受约束的感觉。
书籍版式设计的基本常识
书籍版式设计的基本常识（转）看到大脚老师的图片失去连接，我补充一帖！（转自美编之家论坛）很实用的东西，大家注意收藏，呵呵~~书籍版式设计的基本常识一.版式设计的目的：方便读者，给读者美的享受二.版式设计的定义：版面的编排设计。
在一定的开本上，把书籍原稿的体裁、结构、层次、插图等方面作艺术而又合理的处理。
三.现在常用的一些版式规格：a）诗集：通常用比较狭长的小开本b）理论书籍：大32开比较常用c）儿童读物：接近方形的开度d）小字典：42开以下的尺寸，106/173mme）科技技术书：需要较大较宽的开本f）画册：接近于正方形的比较多书籍装帧和书籍生产评审标准一.装帧：设计方案是否符合出书意图二.版面设计：a）书籍的开本、版心和图片尺寸是否协调；设计风格是否贯穿全书始终，包括扉页和附录版面是否易读，是否和书籍内容相适应（具体到字号、行距、行长之间的关系，左右两边整齐或者只有左边整齐等）b）字体是否适应书籍的内容和风格？c）设计方案的执行情况如何（文字与图片的关系、注释和脚注等是否便于查找）d）版面的字安排是否一目了然、合适和符合目的（文字的醒目、不同字体的混合是否恰当、标题／页码／书眉等的安排）三.美术设计：a）护封设计和封面设计是否符合书籍的内容和要求，书脊上是否有文字b）护封设计和封面设计是否组合在整体方案之中（例如文字、色彩）c）封面选用的材料是否合理e）封面设计是否适应书籍装订的工艺要求（例如：封面与书脊连接处，平装书的折痕和精装书的凹槽等）d）图片（照片、插图、技术插图、装饰等）是否组合在基本方案之中，是否符合书籍的要求经过选择的f）技术：版面是否均衡（字距有没有太宽或太窄）g）版面：目录索引、表格和公式的版面质量是否与立体部分相称，字距是否与字的大小和字的风格相适应（在正文字体、标题字体和书名字体方面，标点符号和其他专门符号的字距是否合适）；字距是否均匀的隔开？标题的断行是否符合文字的含义。
海报版式设计知识点总结
海报版式设计知识点总结一、版式组成1. 主体：视觉焦点，主导着整个设计（可以是人/物/文字/图片），整个版面最吸引人的部分，相当于主角的作用。
2. 文案：对主体的辅助说明或引导，毕竟有时候我们放一只小狐狸在旁边，用户也不能准确的知道它在说什么，配角的作用。
3. 点缀元素：装饰元素，可有可无，具体根据版面需要；好的点缀元素能够渲染气氛，大部分的点缀元素遵循三角形原则，类似下图中的云朵，群演的作用。
4. 背景——可分为纯色/彩色肌理/图片/图形等。
二、构图平衡在设计中，平衡是实现统一的一条重要途径。
如果上面所说的元素组合起来处于平衡状态，那么这个设计看起来就是统一的，就会给人一种整体印象。
因此，平衡是视觉传达设计的一个重要方面。
版式平衡总共有3种分类，分别是：对称平衡，非对称平衡和整体平衡。
1.对称平衡对称是同等同量的平衡，对称式设计是一种静态的，可预见的，讲求条理和平衡布局的设计。
对称构图相对比较易于创建，特点是稳定，庄严，整齐，安宁，沉静和古典。
2.非对称平衡非对称在不对等的元素间创设出秩序和平衡，非对称设计由于版式不可预见，所以空间是变化的。
特点是动态的，灵活的和富有活力。
非对称构图比较多，常见的有以下6种形式。
（1）对角线构图文案摆放在版面的对角线方向，一方面避免了司空见惯的居中版面，一方面给中心主体留出了更多的创作空间；另外中心的图形也可以是对角线的设计，这样会让整个构图看起来比较平衡。
（2）发射状构图点缀元素围绕中心的文案或者图形发射，这样的构图会让中心的视觉容易聚焦，视觉冲击感会更强烈。
像电商大促活动，淘宝和京东等等会经常用到使用发射性构图来营造大促活动的热闹火烈程度。
（3）中心构图这是我们最常见的构图之一，文案和主体居中页面，注意的是位于版心的主体要尽可能的出彩，利用设计技巧吸引读者的眼光，这样才能避免破平淡乏味。
（4）s形构图文案或者图形放在线条转折的地方，整体呈一个s形。
另外线条的起点和重点也同样是读者容易关注的地方，可以放一些重要的信息。
1、版式设计概述
地毯
莫里斯对机械产品 的强烈对抗心理，他认 定机械工业系统根本不 可能生产制造出精美的 家具产品，他立足回归 到手工业生产，极力希 望复兴哥特风格。客观 上阻止了现代设计在英 国的发展。
壁纸
平面设计
“新艺术”运动
新艺术运动在1890年时期，横扫整个欧洲大 陆及美洲。1900年的巴黎世界博览会时达到顶峰 造极的阶段。虽然各国对新艺术运动提出各不相 同的解释。虽然各国对新艺术运动各冠不同的称 呼。新艺术运动是一种向未来世纪看齐，但兼顾 旧文化之心灵及自成意识、自我觉醒的艺术。
● 中国古代四
大发明给世界 文明留下光辉 的一页。无论 是文字还是图 形，都具有现 代版式设计的 各种要素。
中国古代布匹商标
老刀牌
版式设计的发展
●中国封建时代
版式设计
中国宋字牌书局
双妹牌雪花膏 和合牌火柴
• 欧洲早期的印刷和平面设计
15世纪，德国金匠——约翰· 古腾堡发明了西方最 早的金属活字印刷，也改变了印刷材料。对以后欧洲文 明的发展起了很重要的作用。
公司的成立以及后来一系列商务活动的成功， 极大的激励了莫里斯推进工艺美术运动的决心， 他希望一切正如他的诗歌里所写的那样开创了 “人间的乐土”。 “他误以复兴哥特式风格就能实现一切。” 而固执的反对机械产品，其实莫里斯最具影响的 设计是在平面方面：壁纸、壁毯、织锦的严谨图 样，受到了普遍的欢迎。
莫里斯所著《诗歌之路》的封面设计
电影海报《战舰波将军号》 罗钦科
1925
运动服装（左图）
商标设计（右图）
史特潘洛娃
1917
《纺织品设计》 波波娃 1924
《封面设计》 李西斯基
封面设计《号角》 李西斯基
商业海报设计
版式设计
一、基本概念1.什么是排版排版设计亦称版面编排。
所谓编排，即在有限的版面空间里，将版面构成要素--文字字体、图片图形、线条线框和颜色色块诸因素，根据特定内容的需要进行组合排列，并运用造型要素及形式原理，把构思与计划以视觉形式表达出来。
也就是寻求艺术手段来正确地表现版面信息，是一种直觉性、创造性的活动。
编排，是制造和建立有序版面的理想方式。
排版设计是平面设计中最具代表性的一大分枝，它不仅在二维的一面上发挥其功用，而且在三维的立体和四维的空间中也能感觉到它的效果，如包装设计中的各个特定的平面，展示空间的各种识别标识之组合，以及都市商业区中悬挂的标语、霓虹灯等等。
排版设计是平面设计中重要的组成部分，也是一切视觉传达艺术施展的大舞台。
排版设计是伴随着现代科学技术和经济的飞速发展而兴起的，并体现着文化传统、审美观念和时代精神风貌等方面，被广泛地应用于报纸广告、招贴、书刊、包装装潢、直邮广告(DM)、企业形象(CI)和网页等所有平面、影像的领域。
为人们营造新的思想和文化观念提供了广阔天地，排版设计艺术已成为人们理解时代和认同社会的重要界面。
2.排版设计的历史发展平面广告的发展离不开设计艺术的发展，而设计水平的提高，总是伴随着社会的进步和人类理性的成长的。
19世纪下半叶，英国兴起了“工艺美术运动”（The Arts & Crafts Movement）,标志着现代设计时代的到来。
工艺美术运动的领袖人物是英国艺术家、诗人威廉·莫里斯（WilliamMorris ,1834-1896）,他提倡合理地服从于材料性质和生产工艺、生产技术和设计艺术的区分，认为“美就是价值，就是功能”。
莫里斯有句名言：“不要在你家里放一件虽然你认为有用，但你认为并不美的东西。
”其含义自然是指功能与美的统一。
莫里斯设计的代表作品这个运动产生伊始，出现了一个重要的促进因素，即1888年在伦敦成立的工艺美术展览协会（The Arts & Crafts Exhibition Society）.这个协会成立以来，连续不断地举行了一系列设计展览，在英国提供了一个了解优良设计和高雅设计品的机会，从而促进了工艺美术运动的发展。
《版式设计》课程标准
《版式设计》课程标准一、课程基本信息课程名称：《版式设计》课程性质：本课程是一门重要的设计专业课程，旨在培养学生掌握版式设计的基本理论、方法和技巧，提高学生的版式设计能力。
课程时长：48学时（每学期）二、课程目标1. 掌握版式设计的基本概念、原理和方法，包括版面构成、布局、字体、色彩、图片等要素。
2. 具备根据不同内容、媒介和目标受众，进行合理、有效的版式设计的能力。
3. 培养学生的创新思维和审美能力，提高学生对版式设计的认识和兴趣。
4. 能够在实际工作中灵活运用版式设计知识，解决实际问题。
三、教学内容与要求1. 版面构成：介绍版面构成的基本要素，包括文字、图片、空白等，以及它们在版式设计中的作用。
2. 布局：讲解版式设计的布局原则和方法，包括对称与平衡、节奏与韵律、对比与统一等。
3. 字体：介绍常用字体类型、特点及选择方法，以及字体的组合与排列。
4. 色彩：讲解色彩的基本原理、搭配技巧和情感效果，以及在版式设计中的应用。
5. 图片：介绍图片的选择、处理和运用方法，以及与文字的配合。
6. 实际案例分析：通过分析实际案例，帮助学生掌握版式设计的实际应用和技巧。
7. 学生实践：要求学生结合课程内容，完成一定数量的版式设计作业，提高实际操作能力。
四、教学方法与手段1. 理论讲授：通过教师讲解，使学生了解版式设计的基本概念、原理和方法。
2. 案例分析：通过分析实际案例，帮助学生掌握版式设计的实际应用和技巧。
3. 实践操作：组织学生开展实际操作，培养动手能力。
4. 课堂讨论：鼓励学生积极参与讨论，发表自己的观点和看法。
5. 互动教学：采用多种形式的教学互动，增强师生之间的交流和沟通。
五、考核方式与标准1. 考核方式：本课程的考核采用平时成绩和期末考试相结合的方式进行。
平时成绩包括出勤率、作业完成情况、课堂表现等；期末考试采用实际操作形式，考查学生的版式设计能力。
2. 评分标准：根据学生的实际操作情况，按照评分标准进行评分。
艺术设计学 专 业(版式设计)
艺术设计学专业课程名称：版式设计课程编号：07091302本大纲主笔人：唐朝晖一、本课程所占的学时、学分学时：60 学分：3实验课所占学时：50 学分：5二、本实验课的配套教材《版式设计》杨敏杨奕西南师大出版社三、本实验课的性质，任务与目的版面设计不仅只存在于书籍印刷版中，它同样是广告、包装、展示等一切实用美术设计的组成部分。
版面设计同样也是一种特殊的艺术形式，随着社会的变革，经济的发展而更新、变化。
学生通过该课程学习和训练，正确、灵活运用版面组合、排列设计规律和形式美法则，为实用美术设计打好基础。
让学生了解版面设计的特性、特点及要求。
指导学生系统地掌握理论知识的同时，进行造型能力、排列组合能力的训练，并能结合不同专业的设计要求，独立完成版面设计。
四、本实验课的基本理论版式设计的原则、版式设计的原理、版式的视觉流程、版式设计的形式法则、版式的基本类型、文字的编排构成、图形的编排构成、现代版式设计的发展趋势。
五、实验方式与基本要求实验方式：1、每人一组，独立进行实验，每次实验安排4学时。
2、逐步实行开放式实验教学，增加学生选择实验项目和实验时间的自主性。
3、大纲列出的实验项目，分必修与选修两类，选择实验项目和内容时，注意加强电脑基本技能的训练，同时要有一定的广度，使学生得到较全面的训练。
4、以综合性实验项目为主体，以利于提高学生的综合性实验能力；开设一定数量的设计性实验，使学生在实验方法的考虑、制作方法和风格的确立以及可操作性等方面受到良好的训练。
基本要求：1、独立完成实验。
2、熟悉并掌握版式设计的基本制作方法和操作技巧，例如通过Photoshop、Coreldraw等图形设计软件进行广告的制作。
3、注重培养学生的思维创新能力和动手操作能力，并培养学生对市场调查的能力。
六、实验项目的设置与内容提要七、课程的考核方式与评分办法本课程为考试课程。
课程结束时采取上机操作的形式结合平时成绩共同评分。
其中，平时成绩占50%，考试成绩占50%。
版式设计概述
6
7
版式设计涉及的范围
报纸、 刊物等
书籍、 挂历等
平面 版式设计 设计
广告、 招贴等 唱片 、 网页等
8
广泛应用到设计的各个领域，海报招 贴设计侧重于图形元素的创作，报纸 杂志则侧重文字编排元素，包装设计 则是图形、 用
为什么要学习版式设计？
版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段， 表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能， 更实现了技术与艺术的高度统一。版式设计可以说是现代设计者所必 备的基本功之一。
1
版式设计
姜宇琼 李鑫泽 主编
2
第一章 版式设计概述
目录页
Contents Page
第二章 版式设计的基本要素及构成规律 视觉要素的编排与设计
（点、线、面、空间）
第三章 版式设计的设计原则 （+形式美原理） 第四章 版式设计的网格系统 第五章 版式设计的视觉流程
— *—
3
目录页
Contents Page
第* 章
第*节 节名称
41
赫伯特·拜耶（Herbert Bayer）1921年求学于包豪斯，毕业后留校任教， 曾担任字体设计和印刷设计教师。拜耶的平面设计风格常常是由强烈的 视觉形象，几行斜的印刷字体，点、线、面合理分割画面，水平线、垂 直线、斜线等组成的非对称形式的动态构图形成。他的才能主要表现在 字体设计上。他习惯采用非常简单的字体，创造了无装饰线字体和以小 写字母为中心的新字体系列，并在此基础上发展创造了更简练的“拜耶 体”。他设计的字体成为德国现代平面设计的标志，形成当时字体设计、 平面设计上最为先进的局面（图1-14）。现在，无装饰线字体已经成为 世界字体中最为重要的类型之一。
版式设计版式设计01-讲义_2_2
知识点二：版式设计的发展同学们，大家好！上次课我们学习了版式设计的具体内涵，了解了什么是版式设计。
那么中外版式设计有什么不一样的地方呢？这节课，我们一起来学习中欧版式设计的历史演变。
版式设计的历史与演变1.3.1传统中国书的典型版面传统的中国印本书籍只印纸的一面。
每一印张在中央对折，成为一页的两面。
书的每页上有特别的形式及线条，其名称可以有助于解释它们的性质及其功能。
印张的印刷部分与木板大小相同，称为版面（见图）。
版面中央称为版心。
版心处可以有一细栏文字，为两页内容章节的小标题、印张页次，有时也是印本分卷的号码及题目，或本张字数及刻工姓名。
版心中央有一黑线，有粗有细，称为象鼻，以此线为准进行折页；或有上下相对的两个凹形尖角黑花，称为鱼尾，凹形的尖顶处为折页的标准。
宋版书籍有时在版边的左上角印一长方形符号，内写卷次，称为书耳。
书页的上下边缘空白处分别称为“天头”、“地脚”。
“天头”一般也称为书眉，较宽，“地脚”一般较窄。
书的每页画成行格，行与行之间有细线区分，称为界，每页四边均有边栏，或为单线，或为双线。
书的正文印在行内，为大字单行，书的注释或批语则以小字双行印在所注的句或字下，同在一行之内。
这种印法的基本版式以及版面术语一直到现在仍在使用。
，传统中国书的版式设计特征：传统中国书籍的版式是直排，从上到下、从右到左。
在目录内容的编排中 内容由大到小的关系通过文字上下分级别的穿插排列，将信息层次清晰的显示出来。
如图（元刻本图《大元大一统志》的章节目录）中，文字信息依章节名、作者、章节内容的顺序从右往左排列；在章节内容的编排中，如图（明刊本图《三才图绘》中的《指南车图》）中， 标题位于书眉，页面分纵向三栏，正文占一栏，插图占三分之二栏，空间留白的插图区与排列整齐的正文区之间形成黑白的强烈对比关系，使整个页面版式极具装饰性。
上图是《全相三国志评话》，是插图本的典型版式。
上述案例介绍了传统中国书在版式设计中对标题、文字、插图处理的一些典型手法。
版式设计的历史发展及风格
国内外报纸版式设计
名片的版式设计
耐克的宣传画册设计 耐 克 品 牌 画 册 设 计
书籍内页的版式设计
包装设计
海报招贴设计
VI设计
网页设计
户外广告设计
工业设计产品展示效果图
1
版式设计
为什么要学习版式设计
版式设计是其他专业设计课程的基础，如书籍装帧、海报设 计、包装设计等
• 进入20世纪，特别是到了60年代，版面设计受到 空前的重视。留白的诞生，版面形式以色彩和图片为 基础，以大量文字与图片来传达信息，成为西方版面 发展史上的一大转折。（见图7 ～图8）
1.2.2 西方的书籍及版面形式的发展
图7 杂志版面
图8 杂志版面
西方书籍和版面书写载体的演变 • 石、泥（最初）
教学目标：通过对版式设计的概念、历史发展以及原则功能 来学习版式设计的基本概念，了解版式设计基础知识，为后 面进一步学好版式设计做好铺垫。
章节重点：了解版式的概念、版式设计的历史发展，并熟知 版式设计的原则、功能以及版面设计程序的任务。
1.1 版式设计的概念
•
版式设计是平面设计过程中的一个重要环节，主要
关于甲骨文发现的故事：
在清朝光绪年间，有个叫王懿荣的人，是当时最 高学府国子监的主管官员。有一次他看见一味中药叫 龙骨，觉得奇怪，就翻看药渣，没想到上面具有一种 看似文字的图案。于是他把所有的龙骨都买了下来， 发现每片龙骨上都有相似的图案。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
LaLyaoyuotutDeDseigsingn
二、中国古典版面形式
卷轴装
旋风装
包背装
三眼订
经折装
蝴蝶装
线装书
LaLyaoyuotutDeDseigsingn
卷轴装
经折装
Layout Design
旋风装——龙鳞装
Layout Design
蝴蝶装
Layout Design
包背装
Layout Design
LaLyaoyuotutDeDseigsingn
4、简册
简策作为书籍形式用于传播文化，在中国的文明史上有着极其 重要的地位。简策制度也叫简牍制度，它以竹木为书写基质
LaLyaoyuotutDeDseigsingn
5、帛书
其版面文字的排列方式沿 用简策的书写规律，所书文字 有框线和无框线两种。其易于 携带、轻便，但它昂贵，易损 坏，难保存，而未在民间大范 围使用。
LaLyaoyuotutDeDseigsingn
1、甲骨文
LaLyaoyuotutDeDseigsingn
2、金文
亦称铭文、钟鼎文，铸于青铜器之上。
LaLyaoyuotutDeDseigsingn
3、石刻
石刻，字体已经相当 成熟，与现今的汉字 本质并无多大区别， 且笔画规整，字距与 行距并无太大的差距， 纵向与横向较为均匀， 文字的起始与先前的 金文书写习惯一致。
Layout Design
[英][ˈleɪaʊt] [美][ˈleˌaʊt]
布局，安排，设计; 布置图，规划图;
LaLyaoyuotutDeDseigsingn
版式设计的应用领域？
出版物版面设计、广告版面设计、促销道具设计、 产品形象应用识别设计、网页版面设计
LaLyaoyuotutDeDseigsingn
1.3.1 中国的书籍形态和版式设计的历史 1.3.2 西方的书籍及版式形式的发展 1.3.3 西方的书籍及版式形式的发展
LaLyaoyuotutDeDseigsingn
1.3.1 中国的书籍形态和版式设计的历史
一、中国远古时期的文字排版方式
现代汉字的祖先——甲骨文
甲骨文作为世界公认的五大自源文字，它的形成与发展经历了漫长的 演化过程，从而使现行汉字经过了甲骨文、金文、大篆、小篆、隶书、楷 书、老宋等几个阶段。
国内外报纸版式设计
海报版式设计
Layout Design
Layout Design
Layout Design
Layout Design
Layout Design
为什么要学习版式设计？
版式设计是现代设计师必须具有的艺术修养与技术知识。
LaLyaoyuotutDeDseigsingn
赵吉美
Layout Design
Chapter1版式设计的基本理论
1. 版式设计课的教与学 2. 版式设计的基本理论 3. 版式设计的历史和发展
4. 版式设计的原则 5. 版式设计的功能 6. 版式设计的流程
Layout D式 设计的基本概念。其 中，通过版式设计的 概念、历史发展以及 功能原则了解版式设 计程序从而对版式设 计的基本概念进行由 浅到深的介绍。
什么是版式设计？
➢ 又被称为编排设计、版式编排设计 ➢ 平面设计的所有元素在版式上进行有组织有目的的编排 ➢ 就是在版面上，将有限的视觉元素进行有机的排列组合。将理性思维，
个性化地表现出来。它是一种具有个人风格和艺术特色的视觉传达方 式。传达信息的同时，也会产生感官上的美感。
LaLyaoyuotutDeDseigsingn
LaLyaoyuotutDeDseigsingn
2、古希腊和罗马字体
LaLyaoyuotutDeDseigsingn
明《程氏墨苑》
清《四库全书简明目录》
Layout Design
清《耕织图》
插图版面
《书林清话》曰：“吾谓古人以图书并 称，凡有书必有图。”中国古典书籍的 一大特色就是插图，尤其是明清之后的 小说更是如此。
清 《 芥 子 园 图 谱 》
Layout Design
LaLyaoyuotutDeDseigsingn
1、古埃及
象形文字在埃及历史上使用了漫长的时间。 从公元3100年到394年从未间断过，这种局面 直到古罗马人攻入埃及并实行了殖民统治也未 见完全改变。纸草上常用精美的插图与文字相 配合，使得版面形式甚为丰富，有人称这一现 象是现代平面设计发展的最早依据，其特点在 于利用版面已有的区域给予综合布局，文字本 身虽是象形形态与插图配合。
功能 版式设计有什么
？
a.信息传达 b.与读者产生共鸣
LaLyaoyuotutDeDseigsingn
Layout Design
版式设计的学习方法
1.最大程度掌握基础知识 2.体验互动式教学 3.分析优秀版式设计 4.理论与实践相结合
LaLyaoyuotutDeDseigsingn
1.3 版式设计的历史和发展
教学目标
通过对版式设计的概 念、历史发展以及原 则功能来学习版式设 计的基本概念，了解 版式设计基础知识， 为后面进一步学好版 式设计做好铺垫。
章节重点
了解版式的概念，并 熟知版式设计的原则、 功能以及版面设计程 序的任务。
LaLyaoyuotutDeDseigsingn
1.2 版式设计的基本理论
《红楼梦》
Layout Design
1.3.2 西方的书籍及版式形式的发展
文明早期的版面设计 中世纪的版面设计 文艺复兴设计 维多利亚时期设计风格 现代主义的编排设计 国际主义风格
LaLyaoyuotutDeDseigsingn
一、文明早期的版面设计
古巴比伦
西方历史上最早有记载的版面形 式，出现围在公元前3000年的古巴比 伦，发明契形文字。契形文字按照一 定的规律进行排列，形成了西方最早 的编排形式。
线装书
Layout Design
三眼订
Layout Design
自明代起，中国的文人喜好在书籍的 天头地脚间书写心得，加注批语。故而线 装书的形式大多具有版心小，天头、地脚 大的特点，尤其是天头之大更是如此。直 接在书上进行批注圈点已是明代文人的时 尚，似乎不在书上注解、批释，一本书的 版面就不够完整。当这种批注形式出现之 后，版面形态便发生了变化，成为中国古 籍版面编排的一大特色。