图解平面设计原理

平面设计不是专属于设计师的技能。

如果您设计不出优秀的资料，其原因并不在于有无“设计感”，而在于不懂“设计规则”。

即使您是公司职员、学生或研究者，只要掌握本书中的“四大法则”——字体类型和文字的法则，文章和条目的法则，图形、图像和图表的法则，版式设计和配色的法则，就能制作出“易读易懂，富有表现力和吸引力的资料”。

本书不以资料的视觉效果为重，优先考虑“是否容易传达信息”，讲究实用的设计基础知识和技巧。在本书中，您可以通过对比讲解形式直抓重点，合计78个“专栏”“小技巧”“补充”和“小贴士”丰富知识和技能，25个版式设计案例为实践铺路。

愿本书能够帮助您有效传达信息，在工作和学习中脱颖而出。

高桥佑磨

1983 年出生于日本东京都武藏野市。2010 年毕业于筑波大学大学院生命环境科学研究专业，获得博士学位（理学）。现就职于日本千叶大学大学院理学研究院，任助教。他的专业为进化生态学，研究生物多样性的机制和功能。他以普及制作研究发表类资料所需要的设计技术为目的，运营着“传达设计/研究发表的通用设计”网站。

片山夏

1983 年生于日本京都府宫津市。她于筑波大学（本科）毕业后，攻读了东京大学大学院硕士课程，又在2012 年于金泽大学自然科学研究专业获得博士学位（理学）。她研究的是形态奇特的植物的进化过程和多样化机制。2010 年“传达设计/研究发表的通用设计”网站建立后，她开始从事写作和演讲活动。2017年，她建立并开始运营“办公室传达”网站。

前言

凭借设计之力，使资料重获新生

用于提案和报告自己的想法或工作成果的“演示文稿和企划书”；为了通知别人有活动或研讨会而创作的“海报和传单”——在计算机和办公软件（Microsoft Word和 PowerPoint 等）十分普及的今天，每个人都能轻松制作出各种各样的资料。

话虽如此，我们却几乎没有什么机会学习资料的“制作方法”。现实情况是，当试图制作“易读易懂，富有吸引力的资料”时，很多人要么用自己的方法胡乱摸索，要么一筹莫展，不知如何是好。这样是没法做出优秀的资料的。其原因并不在于制作者有无“设计感”，而在于他不懂“设计规则”。所以，即便模仿别人设计得十分酷帅的资料，或者使用可爱的设计模板，也无法做出期待中的优秀资料。也就是说，很多人面临的情况是，在掌握版式设计的知识和培养相应素养之前，就不得不亲自制作各种资料了。

现在市面上有数不清的相关图书，其内容都以资料的外观和视觉效果为重，不太讲究实用的设计技巧。而面向非专业人士、将易读性和可看性作为教学重点的书籍却不多。另外，面向设计师的设计教科书及指南书等专业书籍的阅读门槛很高，对只需要制作企划书和 PPT的公司职员及学生来说，不是很实用——这也是事实。在这样的情况下，在执笔本书时，我们将之定位为一本面向非专业的社会人士、教育者、学生和研究者的教科书。我们的目标就是将实用的设计基础知识集结成书。因此，本书并非介绍一些小聪明式的技巧，而是致力于系统化地介绍版式设计的基础知识。虽然对于不同的行业来说，比如政府机构、民间企业、大学等，理想的资料形式是不同的，但是制作者容易遇到的问题和障碍却是相通的。本书所介绍的基础知识适用于所有资料的制作。

身为理工科研究者的我们建有一个网站，名为“传达设计 / 研究发表的通用设计”。几年前，我们以此网站为基础出版了本书的初版，获得了意料之外的好评。因此我们决定出版增补修订版本，即本书。这一次，我们对书中内容进行了大篇幅的扩充。不仅增添了初版没有的版式设计规则，也加入了许多可以帮助读者实现自己想法的操作方法。如此，本书涵盖了从版式设计规则的理论知识到各种资料的实际制作方法等系统内容。愿本书能够抛砖引玉，为普及版式设计的基本知识和素养贡献一分力量。也希望它能够帮助我们的社会更顺利地开展相关方面的沟通和交流活动。

最后，我们向日本国立科学博物馆的海老原淳博士、滨崎恭美先生以及日本东北大学的大野由加里博士深表谢意，感谢他们在我们执笔本书之际协助提供照片和图片。我们也向日本技术评论社的藤泽奈绪美女士致以由衷的感谢，感谢她一有机会就加入我们的讨论，为本书的撰写提供了准确的感想以及建设性的建议。

高桥佑磨、片山夏

前言

设计导读

第1章 字体类型和文字的法则

1-1　 字体类型的基本知识

专　栏 字体类型和字体的预备知识

1-2　 避免个性化的字体类型

专　栏 熟练运用字体类型

1-3　 阅读资料中字体类型的选择

1-4　 展示资料中字体类型的选择

专　栏 字面和文字的外观及易读性

1-5　 选择更漂亮的字体

小技巧 字体的互换性和嵌入

1-6　 选择判读性强的字体

专　栏 通用设计字体

1-7　 粗体和斜体的使用方法

专　栏 免费字体

专　栏 字体的安装

1-8　 推荐字体

1-9　 西文字体的使用方法

1-10　西文和日文混杂的资料

　 小技巧 在PowerPoint 中替换字体

1-11　强调数字

　 专　栏 使用合体字能使资料更美观

1-12　符号的使用

　专　栏 似是而非的符号

1-13　文字不要变形、不要过度修饰

　小技巧 使用描边字使文字更易读

要点回顾

第2章 文章和条目的法则

2-1　 文字的布置（文字排版）

　专　栏 避头尾法则

2-2　 文字的大小和粗细

2-3　 行距的调整

　小技巧 在MS Office 中调整行距

　专　栏 MS Office 中的行距设定更适合西文

2-4　 字间距的调整

　专　栏 调整字间距使文本更易读

　小技巧 在PowerPoint 和Illustrator 中调整字间距

2-5　 行首向左对齐

　专　栏 西文排版中的两端对齐

　专　栏 日文排版中的数字和英文单词

2-6　 条目的制作方法

小技巧 尝试制作条目

2-7　 小标题的设计

2-8　 设置段间距使文本结构更清晰

2-9　 注意换行位置

　小技巧 如何在自己喜欢的位置换行

　小技巧 不听指挥的文本框

2-10　真的必须缩进吗

2-11　每一行不能太长

　小技巧 复制文本格式

2-12　利用分栏节约版面和时间

要点回顾

第3章 图形、图像和图表的法则

3-1　 图解图的作用

3-2　 熟练使用“边框”

3-3　 慎重使用圆角矩形

　小技巧 圆角矩形的圆角的修正和统一

3-4　 如何修饰形状

3-5　 箭头的使用方法

　专　栏 如何有效利用软件自带的形状

3-6　 边框和文字的搭配方法

　小技巧 如何设置边距

3-7　 易懂、美观的图解图

3-8　 图像的基本知识

　专　栏 图像编辑软件

3-9　 如何处理栅格图像

　小技巧 在MS Office 中使用裁剪功能消除背景

3-10　矢量图像的结构

　小技巧 在MS Office 中绘制矢量图像

3-11　为图片添加说明

3-12　数据的显示方法

3-13　图表的制作方法

3-14　应用型图表

　小技巧 如何编辑Excel 图表

　专　栏 统一Excel 图表的格式

3-15　表格的制作方法

　小技巧 如何在单元格内制造留白

要点回顾

第4章 版式设计和配色的法则

4-1　 版式设计的目的和五大法则

4-2　 法则1 充分留白

4-3　 法则2 对齐布局

　小技巧 如何对齐元素

　小技巧 利用参考线

　专　栏 如何对齐轮廓不明显的图

4-4　 法则3 分组聚拢

　专　栏 如何漂亮地添加解说词

4-5　 法则4 加强对比

　专　栏 提高跳跃率，加强对比

　专　栏 过度强调会减弱对比

4-6　 法则5 重复版式

4-7　 符合信息构造的版式设计

4-8　 注重视线移动方式的版式设计

4-9　 图片的处理方法

　小技巧 使用Shift 键实现移动和变形

　小技巧 粘贴图片和文字环绕

4-10　减少多余元素和干扰因素

4-11　不滥用边框，圆角不能太圆

　专　栏 通过设置引人注目的要素增加资料魅力

4-12　配色基础

4-13　选择色彩的基本方法

4-14　色彩的搭配

4-15　文字颜色和背景颜色的搭配

4-16　如何决定使用什么颜色

　专　栏 使用灰色文字提高可读性

4-17　色觉无障碍

　小技巧 配色评估

要点回顾

第5章 实践

5-1　 遵守规则

5-2　 演示文稿

　专　栏 色彩模式

　小技巧 PowerPoint 的母版功能

5-3　 企划书和大尺寸展示资料

　专　栏 在背景中添加照片时要慎重

5-4　 以文章为主的资料

　专　栏 封面的协调性

　专　栏 在印刷厂印刷时

　小技巧 Word 的样式功能

　专　栏 单色印刷的对策

5-5　 公告和宣传单

　小技巧 用Word 制作三折宣传册

索引

补充和小贴士

补　充 决定易读性的三要素

补　充 Yu Gothic 和Yu Mincho

补　充 西文字体名称的读音

小贴士 注意行首的符号

补　充 不使用1 个字节的字体

小贴士 如何调整字间距

补　充 日文比例字体

补　充 两端对齐

小贴士 如何设置段间距

补　充 页数较多的文本怎么办

小贴士 如何设置默认形状

小贴士 如何统一形状的格式

小贴士 如何调整箭头的形状

小贴士 如何编辑形状

小贴士 如何调整对话气泡的形状

补　充 如何闭合形状

补　充 如何使尖锐处变平滑

补　充 在Keynote 中绘制矢量图像

小贴士 合并矢量图像

小贴士 为引线添加白色轮廓

小贴士 粘贴图表时如何才能不改变原本的样式

小贴士 使用Illustrator 编辑Excel 中的图表

补　充 多个图表的格式

补　充 统一格式时的注意事项

补　充 用于统一版式的功能

小贴士 如何取色

小贴士 使用网站寻找颜色

补　充 打破规则的规则