版式设计1

的版式是出人制胜 的关键。
图例
这是一张婚礼主题的海报， 图中利用婚纱随风飘动的 感觉，运用了曲线切割画 面的编排技巧，使画面产 生流动感，画面也有随风 飘动的感觉。虽然是很平 常的主题，但在视觉上却 给人新颖的感觉。
图例
（罗杰.福德 ） 瑞士
儿童节公演海报，作 品采用了马戏团小丑 的特写图片，把儿童 节主题清楚表达之余， 通过和文字的有机排 列，使设计充满新奇.
和文案共同表达出画面
的情节需要。
图例
反对种族主义的招贴 海报，画面的黑猫和 白猫和谐相处的情景， 把严肃的种族主义问 题变得简单易懂和人 性化这一情节使观众 能够在脑海里留下深 刻的印象
图例
奥林匹克画报， 龟兔赛跑的情 节的运用，龟 兔两者位置的 巧妙编排，画 面的趣味性得 到加强。
图例
戏剧与电视的关系 的海报招贴，以一 个专注看电视的人 物形象的插图描绘 情节，并与下方文 字的巧妙排列，很 大程度的吸引观众 眼球。
（二）版式设计的要求
4、电脑技术的运用，也是编排设
计发展的重要趋势。
图例
图中为我专业一 学生作品，作品 编排运用了计算 机技术，刻意营 造中国绘画中的 干笔触效果，收 到非常好的视觉 效果。
（三）编排的原则
1、主题突出
一个成功的版面设计不是设计师
个人风格的自我陶醉，而是在明
确客户目的的基础上对内容的完
软件就是使用点数制p来计算字号大小的。
1p= 0.35mm
字体版式范例1-3
标题字体的大小和正文字体大小的比率叫做跳跃率。
字体版式范例1-4
C、字距与行距
字距与行距的把握是设计师对版式的心理感
受，也是设计师设计品位的直接体现。
字体版式范例1-5
字距排列疏松
字体版式范例1-6
排列有序而紧密的文字
版式[format]
－指书刊等的版面格式 版面－（报刊、书籍的一）整页 所谓版式设计，就是在版面上，
将有限的视觉元素进行有机的排列组合 将理性思维，个性化地表现出来 一种具有个人风格和艺术特色的视觉传送方式
传达信息，同时，也产生感官上的美感
版式设计的范围，涉及到
报纸、刊物、书籍（画册）、产品样本、挂历、
美体现。
图例
（三）编排的原则
1、主题突出 一个成功的版面设计不是设计师
个人风格的自我陶醉，而是在明
确客户目的的基础上对内容的完
美体现。
图例
（三）编排的原则
2、简明易懂 由于平面类的设计只能在有限的空
间里与读者交流，这就要求版面单
图例
画面选择了产 品的图片，产 品名称等几样 必须的元素，
其余的适当省 略了。使版面 的信息得到精 确的提炼。
外扩散的弧线的运动
重心型
重心型
三角型
在圆形、矩形、三角形等基本图形中，正三
角形（金字塔形）最具有安全稳定因素
三角型
三角型
并置型
将相同或不同的图片作大小相同而位置不同
的重复排列 并置构成的版面有比较、解说的意味，给予 原本复杂喧闹的版面以秩序、安静、调和与 节奏感
并置型
并置型
常广泛的运用于文学作品和产品宣传册中。
E、突出字首
把开头的第一个字突出加大，幅度一Biblioteka Baidu占到
两到三行行距的空间。
3.标题的编排方式
标题的位置、字体、大小、形状、方向的处
理方式，直接关系到整个版面的艺术风格。
赋有金属感的三维元素，在表达了美迪斯品牌的同时， 又烘托出了重工业的视觉氛围
版式的基本类型
骨格型、满版型、上下分割型、左右分割型、
中轴型、曲线型、倾斜型、对称型、重心型、 三角型、并置型、自由型和四角型等13种
骨格型
规范的、理性的分割方法
常见的骨格有－竖向通栏、双栏、三栏和
四栏等。一般以竖向分栏为多 图片和文字的编排上，严格按照骨格比例 进行编排配置，给人以严谨、和谐、理性 的美 骨格经过相互混合后的版式，既理性有条 理，又活泼而具有弹性
骨格型
骨格型
骨格型
满版型
版面以图像充满整版，主要以图像为诉
示，视觉传达直观而强烈。文字配置压 置在上下、左右或中部（边部和中心） 的图像上 满版型，给人大方、舒展的感觉。是商 品广告常用的形式
满版型
满版型
上下分割型
整个版面分成上下两部分，在上半部或
下半部配置图片（可以是单幅或多幅）， 另一部分则配置文字 图片部分感性而有活力，而文字则理性 而静止
图例
是一张中国国际 海报双年展的招 贴，作品运用了 错位的编排方式， 使原本平淡静止 的画面增添了许 多动感和更加具 有设计的意味。
图例
黑白对比 是视觉冲 击力最强 的一种设 计，用在 书籍版面 中，令到 小版面充 满张力， 给人焕然 一新的感 觉。
（二）版式设计的要求
1、创意:把主题思想和编排技 巧相结合,设计出新颖别致
上下分割型
上下分割型
左右分割型
整个版面分割为左右两部分，分别配置文字
和图片 左右两部分形成强弱对比时，造成视觉心理 的不平衡。这仅是视觉习惯（左右对称）上 的问题，不如上下分割型的视觉流程自然 如果将分割线虚化处理，或用文字左右重复 穿插，左右图与文会变得自然和谐
左右分割型
左右分割型
招贴画、唱片封套和网页页面等平面设计各个 领域
版式设计的原则
让观看者在享受美感的同时，接受
作者想要传达的信息 主题鲜明突出 形式与内容统一 强化整体布局
主题鲜明突出

版式设计的最终目的是使版面产生清晰的条理性，用悦目的 组织来更好地突出主题，达到最佳诉求效果 按照主从关系的顺序，使放大的主体形象视觉中心，以 此表达主题思想 将文案中的多种信息作整体编排设计，有助于主体形象 的建立 在主体形象四周增加空白量，使被强调的主体形象更加 鲜明突出
海报体
在版式中选择两到三种字体为最佳视觉效果。
否则，会产生零乱而缺乏整体效果。
字体版式范例1-1
粗黑体
楷体
黑体
字体版式范例1-2
中宋体
黑体 宋体
B、字号
字号是表示字体大小的术语。计算机字体
的大小，通常采用号数制、点数制、和级 数的计算法。
“点”也称磅，或者使用“p”代表。电脑排版
文字与版式设计
版式设计
版式设计原理和理论贯穿于 每个平面设计的始终
版式设计概述
版式设计是现代设计艺术的重要组
成部分，是视觉传达的重要手段， 表面上看，它是一种关于编排的学 问；实际上，它不仅是一种技能， 更是技术与艺术的高度统一。版式 设计是现代设计家必须具有 艺术 修养和技术知识
版式设计的定义
自由型
无规律的、随意的编排构成
有活泼、轻快的感觉
自由型
自由型
四角型
版面四角以及连接四角的对角线结构上编排
图形 给人严谨、规范的感觉
四角型
版式设计的基本步骤
确定主题（需要传达的信息）
寻找、收集用于表达信息的素材－含文字、
图形图像
文字表达信息最直接、有效，应该简洁、贴切 应该根据具体需要确定视觉元素的数量和色彩
文经常使用的字体主要有宋体、仿宋体、 黑体、楷书四种。
常用中文字体
字体
宋体
字体
仿宋体
字体
黑体
字体
楷体
常用拉丁字母字体
Font
Arial
Font
Arial Black
Font
Roman
在标题上为了达到醒目的效果，又出现了
加粗字体与创意艺术字体等。
粗黑体
中宋体
琥珀体
粗圆体
综艺体
霹雳体
钢笔行楷体
第一单元
（一）
概
述
版面编排设计是一个很广泛的概 念，它被广泛应用到各个相关的设计 领域，不同的领域有不同的侧重点， 例如海报招贴设计，它的版式侧重于 图形元素，而报纸杂志则侧重于文字 编排元素，另外，还有产品包装设计， 则是图形，文字，色块相结合的结果。 所以我们定义版面编排设计；
第一单元
图例
儿童画展的海报 图中的黄色块是
一支画笔，绿色
则是划出的颜色， 用的是对称编排。
（二）版式设计的要求
2、有个性，个性突出是给人留下 强烈印象的重要手段，将文字
图形化，是一个不错的选择，
如果图片本身具有趣味性，效 果会更好。
图例
沃尔德曼.斯威兹 波兰
戏剧海报招贴，用对比 强烈的色块，通过特殊 的笔触制造动感强烈的 效果，和强烈的感情色 彩表现, 版面视觉张力 强烈，能造成即时的视 觉刺激，并形成自己特 有的个人风格。
图例
沃尔德曼.斯威兹 波兰 展览海报招贴，带有明 显的 沃尔德曼.斯威兹 个人表现风格的作品， 虽然版式上不出现色彩， 但带来的视觉，震撼是 非同一般的。
图例
格特.芬德利希 德国 以全文字的版式风格 进行设计，文字在这 种情况下，本身的说 明意义已经边缘化与 模糊化，往往会承担 了很大部分的图形说 服的作用，起到文字 图形化的效果。
图例
格特.芬德利希 德国 文字以非常规的手法 进行排列，或者通过 有意的变形，使版式 能更好的对受众造成 有效的视觉记忆。
（二）版式设计的要求
3、有情节， 有情节的版面设计可 以迅速 引起读者的注意，主要
体现在文案内容及文字的编排 。
图例
这是一张有关电台节目 的海报，图中的文案按 照图形中的电波形状排 列，有放射的效果，右 方的系列内容的图片则
（三）编排的原则
3、内容和形式的统一
只讲内容，没有美感的编排呆板、
空洞，脱离内容只讲形式则更糟 糕。
图例
是一本年册的 封面，用了面 构成的编排形 式，红色部分 象征打开的书 本，内容和形 式非常统一。
（一）
概
述
版面编排设计是现代设计艺术的 重要组成部分，是视觉传达的重要 手段，从表面上看，版面编排只是 一种编排的技巧，实际上却是技术 与艺术修养高度统一的结晶。 版面编排设计是指在有限的空间 里将文字、图形、线条、色块等内 容，按一定的方式成功组合排列， 产生美的感觉。
图例
这是一张含有浓厚中 东文化气息的设计作 品，图中阿拉伯女性 的头纱是由阿拉伯文 字组合而成的，是典 型的文字构成图形的 版式，再通过和颜色， 线条等设计元素的有 机组合，使画面产生 特殊的美感。
2、编排形式
A、左右齐整
文字可水平排列，也可垂直排列，一般水平
排列居多。
B、左对齐
让每一行的第一个文字都统一在左侧的轴线
上，右边可长可短。
C、居中编排
以版面的中轴线为准，文字居中排列，左右
两端可以是相等也可以长短不一。
D、文图穿插
文图穿插是具有插图性质的处理手法，非
倾斜型
倾斜型
对称型
对称的版式，给人稳定、理性、理性的
感受 对称分为－绝对对称和相对对称。一般 多采用相对对称手法，以避免过于严谨 对称一般以左右对称居多
对称型
对称型
重心型
重心型版式产生视觉焦点，使其更加突出
有三种亚型 直接以独立而轮廓分明的形象占据版面中心 向心－视觉元素向版面中心聚拢的运动 离心－犹如石子投入水中，产生一圈一圈向
中轴型
将图形作水平方向或垂直方向排列，文字配
置在上下或左右 水平排列的版面，给人稳定、安静、平和与 含蓄之感 垂直排列的版面，给人强烈的动感
中轴型
中轴型
曲线型
图片和文字，排列成曲线，产生韵律与节奏
的感觉
曲线型
曲线型
倾斜型
版面主体形象或多幅图像作倾斜编排，造成
版面强烈的动感和不稳定因素，引人注目
版式设计实例
版式设计的使命：

一：作为信息发布的重要媒介； 二：让读者通过版面的阅读产生美的遐想 与共鸣，让设计师的观点与涵养进入读者 的心灵。
一、文字在版式设计中的运用
文字是任何版面的核心，也是视觉传达最直
接的方式。
1、字体、字号、字距与行距
A、字体
字体的设计、选用是版式设计的基础。中
形式与内容统一
版式设计的前提－版式所追求的完美形式必
须符合主题的思想内容 通过完美、新颖的形式，来表达主题 没有文字的版面，最难设计
强化整体布局－将版面的各种编排要素
强化整体布局
在编排结构及色彩上作整体设计。
加强整体的结构组织和方向视觉秩序。如水
平结构、垂直结构、斜向结构、曲线结构 加强文案的集合性。将文案中的多种信息合 成块状，使版面具有条理性 加强展开页的整体性，无论是产品目录的展 开嶡版，还是跨页版，均为同一视线下展示， 因此，加强整体性可获得更良好的视觉效果
（黑白、彩色－色系）
确定版面视觉元素的布局（类型） 使用图形图像处理软件进行制作
陈逸飞油画罂粟花

用图像让观众自己去理 解作者在传达的主题 （信息）
版式设计概念：

在有限的版面空间中，将文字字体、图片 图形、线条线框和颜色色块等元素，根据 特定内容的需要进行组合排列，并运用造 型要素和形式原理，把构思与计划以视觉 形式表达出来。