写给大家看的设计书（第4版）
📚 书籍信息
设计入门 CRAP原则 排版美学| 项目 | 信息 |
|---|---|
| 书名 | 写给大家看的设计书（第4版） |
| 原书名 | The Non-Designer's Design Book(4th Edition) |
| 作者 | [美] Robin Williams |
| 译者 | 苏金国 / 李盼 |
| 出版社 | 人民邮电出版社 |
| 出版年 | 2016-1 |
| 页数 | 252页 |
| 定价 | 59.00元 |
| 装帧 | 平装 |
| ISBN | 9787115404404 |
| 豆瓣评分 | 8.6 ⭐ |
| 微信读书 | 79.1% |
| 豆瓣链接 | 查看豆瓣页面 |
核心价值
本书是一本设计入门书籍，旨在帮助非专业设计人员掌握基本的设计原则和技巧，通过 CRAP（对比、重复、对齐、亲密性）四大原则，创作出更美观、更专业的文档和作品。
💡 主要内容
《写给大家看的设计书》是一本设计入门书籍，旨在帮助非专业设计人员掌握基本的设计原则和技巧，从而在日常工作和生活中创作出更美观、更专业的文档和作品。
本书的核心是“CRAP”四大设计原则：
- 对比（Contrast）：避免元素过于相似，通过字体、颜色、大小等方面的差异来突出重点，吸引读者注意力。
- 重复（Repetition）：在整个作品中重复使用视觉要素（如颜色、形状、字体等），增强作品的统一性和条理性。
- 对齐（Alignment）：页面上的每个元素都应与其他元素有视觉联系，避免随意放置，以打造清晰、精致的整体外观。
- 亲密性（Proximity）：将相关内容组织在一起，使其物理位置接近，形成视觉单元，帮助读者理解信息之间的关系。
本书通过大量的实例和练习，详细讲解了如何运用这些原则来设计各种类型的作品，包括名片、信笺、传单、新闻简报、宣传册、广告、简历等。
在字体设计方面，本书介绍了字体的基本规则、类别和对比方法，强调了字体选择和排版对于设计的重要性。
此外，本书还探讨了色彩运用，包括色轮、颜色关系、CMYK与RGB颜色模型等知识，帮助读者了解如何有效地运用色彩来增强设计效果。
通过阅读本书，读者可以学习到：
- 如何运用四大设计原则来改善作品的视觉效果和可读性。
- 如何选择和搭配字体，进行专业的排版。
- 如何运用色彩来增强设计效果。
- 如何设计各种类型的作品，如名片、信笺、传单等。
无论你是学生、教师、企业家还是任何需要进行设计的人，本书都能为你提供有价值的指导和帮助，让你在设计方面更上一层楼。
📖 章节要点
第1章 引言
本章首先通过一个关于“约书亚树”的小故事引出设计中明确陈述问题的重要性，强调了明确设计原则是掌握它们的关键。然后，概述了优秀设计中普遍应用的四大基本原则：
- 对比（Contrast）：避免元素过于相似，通过差异来突出重点。
- 重复（Repetition）：在整个作品中重复使用视觉要素，增加条理性和统一性。
- 对齐（Alignment）：每个元素都应与页面上的某个内容存在视觉联系，避免随意放置。
- 亲密性（Proximity）：将相关项组织在一起，归组在一起，有助于组织信息，减少混乱。
这些原则将在后续章节中详细阐述。
第2章 亲密性
本章介绍了四大设计原则中的亲密性原则，其核心理念是：
将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。
设计新手常犯的一个错误是不敢留空白，导致页面元素杂乱无章，信息难以获取。而亲密性原则强调通过合理的空间组织来实现信息的逻辑分组，从而达到清晰、有条理的视觉效果。
书中列举了名片、菜单、传单、简报等多种设计实例，展示了亲密性原则在实际应用中的重要性。通过对比修改前后的设计效果，读者可以直观地感受到亲密性原则对改善设计、提升信息传达效率的巨大作用。
此外，本章还强调了空白在设计中的重要性。空白不仅能够区分不同信息组，还能引导读者的视线，使页面更美观、易读。
在本章末尾，作者鼓励读者通过寻找和分析身边缺乏亲密性的设计案例，来加深对这一原则的理解和应用。
第3章 对齐
本章介绍了四大设计原则中的对齐原则，其核心理念是：
任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。
设计新手常犯的一个错误是随意放置页面元素，导致页面杂乱无章。而对齐原则强调通过元素间的视觉联系来创建清晰、精致、清爽的页面外观。
对齐不仅能增强页面的统一性，还能暗示元素间的关联，即使它们物理位置并不靠近。
书中列举了名片、报告封面、信纸、广告等实例，展示了对齐在实际应用中的重要性。通过对比修改前后的设计效果，读者可以直观地感受到对齐原则对改善设计、提升专业感的巨大作用。
关于对齐，本章还强调了以下几点：
- 避免在同一页面上混合使用多种文本对齐方式（如居中、左对齐、右对齐）。
- 慎用居中对齐，除非有意追求正式、稳重（但可能更乏味）的效果。
- 养成为元素画对齐线的习惯，明确元素间的视觉联系。
- 检查每个元素，确保它与页面上的另外某个元素存在对齐关系。
本章旨在帮助读者理解并掌握对齐原则，从而在设计中有意识地应用对齐，避免元素的随意摆放，提升作品的专业性和视觉吸引力。
第4章 重复
本章介绍了四大设计原则中的重复原则，其核心理念是：
设计的某些方面需要在整个作品中重复。
重复元素可以是粗字体、粗线、项目符号、颜色、设计要素、某种格式、空间关系等等。重复不仅仅是一致性，更是一种有意识的统一设计的行为。
重复在设计中的作用主要体现在以下几个方面：
- 增强统一性：通过在整个作品中重复使用视觉元素，可以将作品的各个部分联系起来，使其成为一个整体。
- 增加条理性：重复的元素可以作为视觉线索，帮助读者浏览页面，快速抓住重点信息。
- 引导视线：在不同页面重复使用相同的元素，可以引导读者的视线，使其有序地浏览整个作品。
- 建立品牌形象：在企业名片、信笺、信封等一系列材料中重复使用相同的元素，有助于塑造和强化企业的品牌形象。
为了达到更好的重复效果，书中建议：
- 强化已有的重复元素，使其更突出、更鲜明。
- 创造新的重复元素，如独特的图片设计、特殊的字体样式等。
- 有意识地运用重复，将其作为一种设计策略，而不是无意的行为。
在本章末尾，作者提醒读者要避免过度重复，以免造成视觉疲劳。同时，重复也需要与其他设计原则（如对比）相结合，才能发挥最佳效果。
第5章 对比
本章介绍了四大设计原则中的对比原则，其核心理念是：
页面上的不同元素之间要有对比效果，达到吸引读者的对比效果。如果两个项不完全相同，就应当使之不同，而且应当是截然不同。
对比是增强页面视觉效果最有效的方式，也是建立清晰的层次结构、引导读者视线的重要手段。
如何实现对比
书中提到可以通过以下方式来实现对比：
- 字体：大小、粗细、结构（衬线体 vs. 无衬线体）、形状（大小写、罗马体 vs. 斜体）、方向、颜色。
- 线条：粗细、颜色。
- 颜色：冷暖、明暗、深浅。
- 其他：形状、大小、空间、材质等。
对比的应用
- 吸引注意力：强烈的对比可以吸引读者的目光，提高页面的可读性。
- 组织信息：通过对比，可以区分不同层级的信息，使读者快速了解文档的内容和结构。
- 创造焦点：在页面上使用对比可以引导读者的视线，突出最重要的信息。
注意事项
- 对比要强烈：避免过于细微的对比，要让不同元素之间的差异足够明显。
- 避免冲突：如果两个元素差异不大，就会产生冲突，而不是对比。
- 注意层次：使用对比时，要考虑信息的层次结构，确保重点突出。
- 灵活运用：对比可以应用于各种设计元素，如字体、线条、颜色、形状、大小、空间、材质等。
本章通过丰富的实例展示了对比原则在不同设计场景下的应用，并强调了对比对于吸引读者、组织信息和创造视觉焦点的重要性。作者鼓励读者在设计中大胆运用对比，以创作出更具视觉冲击力和专业感的作品。
第6章 4大基本原则复习
本章回顾了前几章介绍的四大基本设计原则（对比、重复、对齐、亲密性），并通过一个乏味的报告封面实例，逐步应用这些原则进行修改，展示了它们如何共同作用，将平庸的设计变得更专业、更清晰、更具吸引力。
- 亲密性：
- 将标题和副标题靠近，形成一个视觉单元。
- 将作者和日期信息与标题分开，强调它们之间的层次关系。
- 对齐：
- 将所有元素左对齐，建立更清晰的边界，增强视觉冲击力。
- 即使元素之间物理距离较远，对齐也能在视觉上建立联系。
- 重复：
- 在作者姓名中重复使用标题字体，加强二者之间的关联。
- 使用虚线作为重复元素，增强设计的统一性。
- 对比：
- 通过黑色方框和深红色字体，增加视觉对比，吸引读者的注意力。
- 利用字体粗细、大小写和颜色等方面的对比，突出重要信息。
通过这个实例，读者可以更直观地理解如何在实际设计中综合运用四大原则，并认识到它们对于提升设计作品质量的重要性。
本章还强调了在设计中“不要畏畏缩缩”的理念，鼓励读者大胆尝试，不要害怕留白、非对称布局、大小字体的使用，以及在必要时打破规则。只要最终结果能够支持或强调设计观点，都可以进行尝试。
第7章 颜色运用
在设计中，色彩运用是一个重要的方面。本章节介绍了色彩的基本原理和使用方法，帮助读者在设计项目中做出更明智的色彩选择。
色轮
色轮是色彩理论的基础，由12种基本颜色组成：
- 三原色：红、黄、蓝，它们是无法通过其他颜色混合得到的。
- 三间色：橙、绿、紫，由等量的三原色混合而成。
- 第三色：红橙、黄橙、黄绿、蓝绿、蓝紫、红紫，由相邻的三原色和三间色混合而成。
颜色关系
色轮上的颜色之间存在着各种关系，可以用于创建协调的色彩组合：
- 互补色：色轮上相对的颜色，对比强烈，适合用一种作为主色，另一种用于强调。
- 三色组：彼此等距的三种颜色，包括基色三色组（红黄蓝）和间色三色组（橙绿紫）。
- 分裂互补三色组：一种颜色及其互补色两侧的两种颜色，色彩边界更细致。
- 类似色：色轮上相邻的2-3种颜色，具有相同的基础色，整体感觉协调。
暗色和亮色
- 色调：纯色，不含黑或白。
- 暗色：在色调中增加黑色。
- 亮色：在色调中增加白色。
通过在色调中加入不同比例的黑色或白色，可以创造出更多的颜色变化，丰富设计的色彩选择。
CMYK与RGB
- CMYK：印刷四分色模式（青、品红、黄、黑），用于印刷品。
- RGB：屏幕显示三原色模式（红、绿、蓝），用于屏幕显示。
在为印刷品设计时应使用CMYK颜色模型，为屏幕显示设计时应使用RGB颜色模型。
其他
- 色质：颜色的明暗度、深浅度或色调。色质接近的颜色容易造成视觉模糊，应避免大面积使用。
- 暖色与冷色：暖色（红、橙、黄）具有前进感，冷色（蓝、绿）具有后退感。在使用时要注意冷暖色的平衡。
本章结尾，作者还给出了如何选择颜色的建议，如考虑季节性、公司官方颜色、图片中的颜色等。并提醒读者在开始设计前，最好先确定一个调色板，以便在整个项目中保持色彩的一致性。
第8章 更多提示与技巧
本章节介绍了在实际设计工作中的一些提示和技巧，并通过实例展示了如何在各种设计项目中应用前面提到的四大设计原则。
创建包装或品牌
在建立品牌形象时，重复原则至关重要。通过在每一件作品中重复使用标识性图像或风格，可以强化品牌形象，使受众建立起对品牌的认知。
企业名片
企业名片设计应遵循以下几点：
- 格式：选择水平或垂直格式，以更好地展示信息。
- 字体大小：避免使用过大的字体，通常 10 磅或 11 磅即可。
- 信息内容：去除不必要的信息，如“电话”“邮箱”等。
- 整体形象：名片、信笺、信封应保持一致的风格，提升企业形象。
信笺和信封
信笺和信封的设计应与企业名片相呼应，提升企业形象。设计时应注意：
- 信封规格：选择标准规格或欧洲标准规格。
- 主导元素：在信笺、信封和名片上使用相同的主导元素。
- 对齐：选择一种对齐方式并保持一致，避免多种对齐方式混合使用。
- 第二页：如有需要，可以设计第二页信纸，并保持与第一页的一致性。
传单
传单设计应注重吸引力和信息传达，可以尝试以下技巧：
- 字体：使用有趣的字体吸引注意力。
- 图片：尝试放大图片或使用多种图片。
- 留白：在页面中间留出空白，突出简洁性。
- 层次结构：使用对比来组织信息，引导读者视线。
新闻简报
新闻简报设计应注重一致性和可读性，可以尝试以下技巧：
- 重复：在每一页重复使用相同的元素（如颜色、图片风格、字体等）。
- 对齐：选择一种对齐方式并保持一致。
- 字体：正文使用易读的字体，标题和子标题可以使用更醒目的字体。
- 留白：避免空白被截留在其他元素之间，保持空白的有序性。
宣传册
宣传册设计应注重信息组织和视觉吸引力，可以尝试以下技巧：
- 折叠方式：选择合适的折叠方式，并注意信息在不同页面上的排布。
- 图片：尝试放大、重叠或倾斜图片。
- 对比：使用对比来突出重点信息。
- 重复：重复使用某些元素，建立统一的外观。
- 对齐：保持对齐的一致性。
- 亲密性：将相关信息分组，并通过空间距离体现它们之间的关系。
明信片
明信片设计应注重吸引力和简洁性，可以尝试以下技巧：
- 独特性：使用超大或特殊形状的明信片。
- 系列化：设计一系列明信片，给人留下更深刻的印象。
- 明确性：清楚地传达信息，告诉读者能获得什么好处。
- 简洁性：正面只放简短信息，背面放置详细信息。
- 色彩：使用明亮的颜色吸引眼球。
报纸广告
报纸广告设计应注重对比和简洁，可以尝试以下技巧：
- 留白：在拥挤的报纸页面中，空白可以形成强烈的对比，吸引读者注意。
- 字体：避免使用过于细小的字体或线条，以免在印刷时变得模糊。
- 反色文字：谨慎使用反色文字，确保字体足够大、足够粗。
简历
简历设计应注重专业性和重点突出，可以尝试以下技巧：
- 对比：使用对比来突出重要信息，如技能、经验等。
- 重复：保持信息结构和格式的一致性。
- 对齐：保持对齐的一致性，提升整体的简洁感和专业感。
- 亲密性：将相关信息分组，使结构更清晰。
- 设计与媒介匹配：根据简历的传播方式（邮寄、在线等）调整设计。
本章节通过丰富的实例和技巧，帮助读者将设计原则应用于实际工作中，创作出更具吸引力、更专业、更易读的设计作品。
第9章 字体的基本规则
在计算机排版普及之前，打字机时代的限制影响了人们的输入习惯，导致了许多在专业排版中不被接受的习惯。本章介绍了一些字体设计的基本规则，帮助读者避免在作品中出现业余的设计错误。
- 标点后面一个空格：在现代排版中，标点符号后面只需要一个空格，而不是两个。
- 引号：使用印刷引号（“ ”），而不是打字机引号（" "）。
- 撇号：使用真正的撇号（’），而不是打字机撇号（'）。
- 连接号：
- 连字符（-）：用于连接单词或断行。
- 一字线（–）：表示持续时间，如7:30–9:30 p.m.。
- 破折号（—）：表示思想的突然变化，或在句号太强、逗号太弱时使用。
- 特殊符号：了解如何在计算机上输入特殊符号，如©、TM、®等。
- 重音符号：学会在计算机上输入重音符号，如é、à等。
- 大写字母：避免不必要的全大写，因为全大写降低了可读性。
- 下划线：不要使用下划线，可以用斜体、粗体等方式代替。
- 字距调整：手动调整字符间距，使字间空格在视觉上更连贯。
- 寡妇和孤儿：
- 寡妇：段落最后一行的字符数少于7个。
- 孤儿：段落最后一行太长，被单独放在下一栏或下一页的开头。 应尽量避免出现寡妇和孤儿。
- 其他：
- 跟随在有样式的文字后的标点也应使用相同的样式。
- 括号中的标点应遵循语法规则。
- 段落缩进应为1 em（约等于2个空格）。
- 段落之间要么空行，要么缩进，但不要同时使用。
- 首段不缩进。
- 如果把文字放进方框里，要确保四周留有足够的空间。
- 在列表中使用项目符号或装饰符号，而不是连字符。
本章强调了专业排版的重要性，并鼓励读者通过学习和实践来掌握这些基本规则，从而提升作品的专业性和可读性。
第10章 字体（与人生）
本章探讨了字体选择与搭配的重要性，强调了字体设计对于整体设计效果的影响。作者将字体之间的关系与人生中的关系进行类比，提出了三种关系：
- 协调（Concordant）：页面上的字体风格统一，整体感觉平和、正式，但也可能显得乏味。
- 冲突（Conflicting）：页面上使用了相似但不相同的字体，这种相似性会造成困扰和不和谐感，应尽量避免。
- 对比（Contrasting）：页面上的字体截然不同，这种对比可以吸引眼球，增加视觉趣味性。
作者认为，大多数设计师在字体搭配时往往凭感觉，但只有明确指出字体间的对比，才能真正把握设计。通过分析字体间的相似性和差异，可以更快地发现冲突，并找到更有趣、更有效的解决方案。
本章的核心观点是：
- 协调是安全但可能乏味的选择。
- 冲突是需要避免的错误。
- 对比是提升设计效果的关键。
为了更好地实现字体对比，作者建议读者在下一章中了解不同字体的类别，以便在设计中做出更明智的选择。
第11章 字体类别
在本章中，作者介绍了字体的六大类别，并强调了了解字体类别对于字体搭配的重要性，因为相似性会导致字体组合使用时的冲突。
- Oldstyle（旧式体）
- 基于手写体创建，具有衬线，小写字母衬线有角度。
- 曲线笔划从粗到细变化，粗/细过渡缓和。
- 强调线是对角线。
- 适合显示大量文字，可读性高。
- Modern（现代体）
- 衬线水平且细，笔划有剧烈的粗/细过渡。
- 强调线是垂直的。
- 外观冷酷、高雅，醒目。
- 不适合显示大量正文，容易“眩目”。
- Slab Serif（粗衬线体）
- 衬线粗且明显，粗/细过渡小或没有。
- 也称为Clarendon或Egyptian字体。
- 粗细对比小的粗衬线体可读性好，适合大量文本。
- 笔划粗，整体较暗。
- 简洁、直接，常用于儿童图书。
- Sans Serif（无衬线体）
- 笔划末端没有衬线。
- 粗细几乎总是单一的，没有粗/细过渡。
- 建议引入包含多种粗细变化的无衬线体系列。
- 少数无衬线体有粗/细过渡，如Optima，使用时需谨慎。
- Script（手写体）
- 模仿手写笔迹。
- 不适合大段文本或全大写。
- 可用于标题或装饰元素。
- Decorative（花体）
- 装饰性强，不适合大面积使用。
- 有趣、特别，可传达鲜明的情绪。
- 在特定场合下使用，如名人名言。
为了有效地使用字体，作者建议：
- 仔细观察不同字体的特点，并尝试将它们归类。
- 提高对字体的视觉敏锐度，以便更好地进行字体组合。
- 避免在同一页面上使用同一类别的两种字体。
通过本章的学习，读者可以了解不同字体类别的特点和适用场景，为后续的字体搭配和排版打下基础。
第12章 字体对比
本章重点讲解如何在设计中有效地结合使用多种字体，通过创造字体对比来提升页面的视觉效果和信息表达。
字体对比的六种方式
- 大小对比：通过使用不同大小的字体来产生视觉冲击，引导读者注意重点信息。
- 粗细对比：利用字体家族中不同粗细的变体（如常规、粗体、极细等）来创建对比。
- 结构对比：选择不同结构的字体（如衬线体与无衬线体），利用它们在笔画粗细、衬线等方面的差异来形成对比。
- 形状对比：
- 全大写 vs. 全小写：利用大小写字母的形状差异来产生对比，但应避免大面积使用全大写。
- 罗马体 vs. 斜体：利用罗马体和斜体的形状差异来强调重点或区分不同类型的信息。
- 方向对比：
- 倾斜角度：通过调整字体的倾斜角度来营造动感或强调特定信息。
- 文字方向：利用水平排列的文本和垂直排列的文本之间的方向差异来丰富页面布局。
- 颜色对比：
- 冷暖对比：暖色字体（如红色、橙色）更具前进感，冷色字体（如蓝色、绿色）更具后退感，可以利用这种特性来引导读者视线。
- 黑白对比：在黑白文本中，通过调整字体的粗细、大小、间距等来改变字体的“颜色”，从而产生对比。
注意事项
- 避免冲突：字体对比要足够强烈，避免使用过于相似的字体，以免造成视觉冲突。
- 注意层次：通过字体对比来建立清晰的信息层次结构，确保重点突出。
- 结合多种对比：在实际设计中，通常会结合多种对比方式来增强视觉效果，例如，在使用衬线体和无衬线体时，可以同时运用大小、粗细和形状对比。
- 考虑可读性：在追求视觉效果的同时，也要确保字体易于阅读，不要为了对比而牺牲可读性。
本章强调了字体对比在设计中的重要性，并提供了多种实现对比的方法。通过灵活运用这些技巧，读者可以创作出更具吸引力、更专业、更易读的设计作品。
第13章 你掌握了吗
本章是对前面介绍的设计原则和技巧的总结和实践应用。作者首先回顾了CRAP四大设计原则，并强调了这些原则在设计中的重要性。
设计过程
作者提供了一个设计或重新设计作品的流程：
- 从中心点开始：确定读者最先看什么，并创建一个有强烈对比的中心点。
- 将信息分组：按逻辑进行分组，并通过亲密性原则体现组与组之间的关系。
- 建立明确的对齐：在页面上组织文本和图片时，保持对齐的一致性。
- 创建重复：重复使用粗体、线条、装饰符号或空间布局等元素。
- 建立强烈的对比：通过字体、大小、颜色等方面的差异来吸引读者的视线。
练习
作者鼓励读者通过以下练习来巩固所学知识：
- 寻找设计不好的广告：从报纸、杂志或网页上找到一个设计不好的广告。
- 重新设计：运用学到的设计原则，重新设计这个广告，使其更专业、更清晰。
- 纸质展示：如果作品需要印刷，建议向客户展示纸质版，以便更直观地评估效果。
通过本章的总结和练习，读者可以将之前学到的设计原则付诸实践，并通过实际操作来加深对这些原则的理解和运用。
第14章 测验答案和建议
本章节主要包括两部分内容：
- 测试答案：提供了书中前面章节小测验的正确答案，包括设计原则、颜色、撇号、字体类别、粗细转化、衬线、对比与冲突、可做与不可做等方面的知识点。
- 设计师之眼建议：针对书中展示的设计案例，给出了改进建议，涉及亲密性、对齐、重复、对比等原则的应用，以及字体选择、颜色搭配、留白处理等方面的技巧。
通过本章节，读者可以检验自己对书中知识的掌握程度，并从专业设计师的角度获取更深入的见解和启发，进一步提升自己的设计能力。
- 在测试答案部分，读者可以核对自己的答案，纠正错误理解，巩固知识点。
- 在设计师之眼建议部分，读者可以学习如何分析和改进设计作品，了解专业设计师的思考方式和设计技巧。
本章节旨在帮助读者检验学习成果，加深对设计原则的理解，并提升实际应用能力。
第15章 本书所用字体
本章节主要列出了本书在设计和排版过程中所使用的字体。
- 主要字体：正文主体、各章标题、章号、非常小的文本、主标题、图字说明等部分所使用的字体。
- 五种字体类别：本书分别列举了Modern（现代体）、Slab Serif（粗衬线体）、Sans Serif（无衬线体）、Oldstyle（旧式体）、Decorative（装饰性字体）和Script（手写体）这五种字体类别的具体字体，以及它们在书中出现的页码。
通过本章节，读者可以了解到本书在字体选择和搭配方面的实际应用，以及不同字体类别在不同场景下的使用情况，为自己的设计实践提供参考。