版式设计——样式

感受视觉度（一）：

下面哪张名片更引人注意？
感受视觉度（二）：

下面哪张海报更引人注意？
结论：


图片的视觉度高于文字，比文字 更吸引人注意。 在版面中增添照片或插图能够提高视觉度。
图片的视觉度的强弱比较：

图片可分为两类——写实性的、抽象性的。

一般来讲，在同等大小的情况下，抽象图形的视觉度 强于写实图形。这是因为简单的图形更容易记忆，所 以人天生对简单的图形敏感。
类型 严肃文学 （小说、诗集等） 一般读物 （故事、报纸等）
图版率 10%左右
效果 太高会破坏严肃性 增加阅读兴趣，但如果图 太多信息则过少 创造活跃的气氛
感受
严肃
30%左右
趣味图书
（时尚杂志、儿童读物等） 50% - 90%
活泼
复习：

看下面左、右版式的区别是什么？ 右图（a.视觉度 b.图版率）增加了？ 产生了哪些效果？（c.高品质 d. 轻松活泼 亲和力 f.高雅）
强
弱
写实性图片的视觉度

一般来说，人的形象具有最强的视觉吸引力，尤其是 人的脸部，看到后让人兴奋。而天空、大海、草原的 吸引力最弱，可以让人情绪平静。
结论：

选择适当的图片视觉度，以传递正确的信息。
类型 视觉度 效果 感受
严肃文学（小说、诗集等）
低
太高会破坏严肃性
严肃
趣味图书（时尚杂志、儿童读物等）
结论（四）：

感受正确的字体传达正确的信息。

这是一本楼书，使用自由的手写字体，给人轻 松随意之感，代表了该楼盘追求轻松享受的生 活理念。
感受字体（五）：
结论（五）：

大号字旁使用小号文字，可以增加对比， 从而增添活力。
什么是字距？（字与字间的距离）

就是字与字之间的距离。
感受字距：
标准字距

从那些方面去思考，如何让版式达到目的？
版式设计
样式 视觉度
文字跳跃率
版面 图版率
照片跳跃率
明确主题 群化
分开主副题 避免暧昧 抑制四角
网格拘束率
文字排列类型
空白率 字体印象
整理流向
利用版心线
造型技巧
影响版式的因素之一
样式

什么是样式？

是指文字、图片的外观。
感受样式的作用（一）：

下面两则广告，那一个看起来更像是大众化的化妆品？
结论（一）：

使用不同的文字、图片样式能带给人以不同 的感受。
文字 美宝莲 活泼的艺术字体 图片 引人注目的美女的笑脸 给人的感受 亲和力、动感、低廉
资生堂
严谨复古的宋体字
平静的景物画面
高品质、冷静、高级
感受样式的作用（二）：

下面哪个设计更适合作为一家设计论坛自我宣传 的传单？
结论（二）：
样式05

空白率
什么是空白率？

版面上的图片文字的所占的面积与空白面 积的比率。空白越多空白率越高。
低空白率 高空白率
感受空白率（一）：
结论（一）：

高版面率，体现使用者是个热情、有干劲的人。 低版面率，体现使用者是个沉静稳健、有品位 的人。
感受空白率（二）：
结论（二）：

要表现高品质、高质量的商品需要大面积的空白。 左图虽然文字的跳跃率不高，但是因为空白少，并不 显得高档。 右图与左图相比，扩大了空白量。给人以高雅、稳重 的氛围，给人高品质感。
高
增加阅读兴趣
活泼
低质量的图片 极大的降低版式的品质（一）：
制作时要选择清晰的没有压缩过的图 片。 精美杂志使用图片的分辨率必须在 300dpi以上。



图在下页
低质量的图片 极大的降低版式的品质（二）：
如对图片进行不等比例的缩放，后果…

实例（一）：

在新闻上使用照片可以增加说服力。让读 者觉得新闻真实可信。并且增添阅读的兴 趣。
c.
跳跃律
文字跳跃率

版面中最小字与最大字，字体大小的比率 叫做文字跳跃率。比率越大，跳跃率越高。
跳跃率低
跳跃率高
感受文字跳跃率（一）：
结论（一）：

较高的文字跳跃率可以吸引人的注意力。
感受文字跳跃率（二）：
结论（二）：


降低跳跃率给人沉稳、高品质、历史感的 印象。 提高跳跃率给人健康、有活力的印象。
黄草体（黄庭坚的书法，有一种飘逸秀丽的美感）
艺术字体

艺术字体变化很多，新颖别致，个性鲜明 的。
珊瑚体
毡笔体
剪纸体
儿童体
胖头鱼体
感受字体（一）：
结论（一）：

应选择与文章内容相符合的字体。

如果想要传达的信息内容与字体给人的感觉不 相符，观众就得不到共鸣，无法产生阅读的兴 趣。
感受字体（二）：
结论（二）：


笔画粗的字体给人以力量男性化的感觉； 笔画细的字体给人以柔美女性化的感觉。 大的文字体现精神和活力；小的文字体现 高贵和品质。
感受字体（三）：
结论（三）：

正确的字体传达正确的信息。

这是一本关于在城市中投资理财的手册，使用 理性的粗黑字体，给人稳重可靠之感。
感受字体（四）：
结论（一）：


名片上文字的排列方式，体现使用者的性 格。 齐行型的文字排列，是所有排列方式中最 理性、最稳重的类型，可以给人以诚信可 靠、精明干练的印象。
感受文字排列（二）：
结论（二）：

居中型的文字排列，可以传达高格调、有 文化品位的印象。
感受文字排列（三）：
结论（三）：

自由型的文字排列。如果使用者不想塑造 自己是商业者的形象可以使用自由型的排 版方式。

正确的文字跳跃律，传递正确的信息：

文艺表演的海报，巨大的标题增加了视觉吸引 力，让人感觉气氛热烈，从而产生了参与的欲 望。
图片跳跃率

版面中面积最小的图片与面积最大的图片 的面积比，叫做图片跳跃率。比率越大跳 跃率越高。
低跳跃率 高跳跃率
感受图片跳跃率（一）：
结论（一）：


图片跳跃率低，给人以稳重、高品质的感 受。 图片跳跃率高，给人轻松俏皮的感受。
感受空白率（三）：
结论（三）：

ห้องสมุดไป่ตู้
要传递古朴、恬静的感觉，宜采用高空 白率的版式。
感受空白率（四）：
结论（四）：

低空白率体现丰富的信息。
感受空白率（五）：
接下页
报刊使用的空白率（五）：

我们日常接触到的印刷物品中，版面率最 高一般是报纸。报纸以丰富的信息来吸引 读者，所以高的版面率是很必要的。一些 娱乐杂志和书籍同样如此。
感受文字跳跃率（三）：
结论（三）：

正确的文字跳跃律，传递正确的信息：

日本的《生活手册》，一向以沉稳的版式获得 好评。版面庄重、平和，稍有单调之感，但是 能让人从中感受到几十年不变的历史的沉重。 提高文字跳跃率，即使文章的内容完全一样， 也不能引起人们的共鸣。
感受文字跳跃率（四）：
结论（四）：
感受文字排列（四）：
结论（四）：

齐头齐尾的排列，给人以严谨理性的感觉， 较多的空白给人以舒畅和高品质的感觉。
感受文字排列（五）：
结论（五）：

正文采用齐头散尾的排列，与上图比较，给 人以自由浪漫的印象。而整体排列又居中对 齐，又给人以典雅之感。
感受文字排列（六）：
结论（六）：

居中型的文字排列最适合在低图版率的环 境里，体现出艺术感和高雅感。适于表达 内容的高品质。如配上艺术的手写字体， 更能强化了这种感觉。
版式设计
Format
什么是版式设计？

就是在版面上，将图片、文字进行排列组合， 以达到传递信息和满足审美需求的作用。
设计的对象是 图片 和 文字 。 设计的目的是 传递信息 和满足 审美需求 。 要注意！必须首先让设计出来的版式起到传递 信息的作用后，再去考虑如何美化它。因为只 有少数人会去购买一本美观但阅读起来很费力 的书。
感受图片的外形（二）：
结论（二）：

在大量挖版中，角版可以稳定画面。

大部分图像使用挖版，不受网格的拘束，给人 自由的感受。但插入一些小角版在中间，能起 到稳定画面的作用（避免过于自由而显得凌 乱），更能突出挖版的自由感。
感受图片的外形（三）：
结论（三）：

VIP不宜使用挖版。

重要事件和人物不宜使用挖版，因为挖版会给 人轻松的感觉，不能体现严肃性和不能引起注 意。
感受字体排列（七）：
结论（七）：

自由型的文字排列给画面增添了活力，使 整个版式显得轻松、舒畅。
感受字体排列（八）：
多种方式混排 全部齐行 标题居中，正文齐行
结论（八）：

让文字排列的方式保持统一。

无原则的随意混排文字会使版面变得难以阅读， 同时给人以低品质之感。
什么是字体？


字体就是字的样子。虽然与照片和插图相比， 文字给人的印象是较微弱的。但是只要注意 观察就能发现字体也能传递很多信息。 中文字体可以大致分为四类：
文字排列

齐行型

齐头齐尾型 齐头散尾型


居中型 自由型
1.齐行型（齐头齐尾）
1.齐行型（齐头散尾）
中庸的、理性的、严肃的、 界于齐头齐尾型与自由型之 间，有中国书法的韵味味。 冷静的。