image.png

一、概述

《写个大家看的设计书》

乔帮主认为，审美应该作为一门学科，像历史，艺术，自然科学那样，每个人都应对这个领域有或多或少的了解。

顾名思义，这确实是一本写个大家（没有经过设计训练的人）看的有关设计的书，就算你全无美术天赋，仍能从中汲取基本的设计原则，提升个人一定的设计能力。

二、全书大体结构

• 第一部分围绕设计四大原则——亲密性、对齐、重复、对比，来讲解如何让你的设计看上去更专业。
• 第二部分专门讨论字体的在设计中的影响与运用。

三、思维导图

根据个人对重点的判断，就原书内容略有删减：

写给大家看的设计书.png

四、Enlightening

第一章：四大基本原则

• 亲密性 Proximity：彼此相关的项目应当靠近，归组在一起。让它们形成一个视觉单元，而不是孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。

• 对齐 Alignment：任何元素都不能在页面上随意摆放。每个元素都应与页面上的另一个元素有某种视觉联系。这样能建立清晰、精巧而清爽的外观。

• 重复 Repetition：让设计的视觉要素在整个作品中重复出现，既能增加条理性，还可以加强统一性。

• 对比 Contrast：对比的基本思想是，要避免页面上的元素太过相似。要让页面引人注目，对比通常是最重要的一个因素，正是它让读者首先看这个页面。

第二章：亲密性

• 亲密性的根本目的是，实现内容的组织性。

• 亲密性，即紧密性，意味着相互之间存在关联。

• 如果一个页面上的元素（视觉焦点）超过 3-5 个，就必须利用紧密性将有一定关联的项目组织在一起，形成单元。

• 要注意视线怎样移动：从哪里开始、从哪里结束？经过怎样的途径？看完之后会看哪里？这些应该在逻辑上有合理的顺序，明确的开始和明确的结束。

• 利用紧密性可产生一个令人欢喜的“副作用”，就是留白更多了。

• 不相关的项则不应该在物理上靠得太紧。如果元素彼此无关，把它们分开！

第三章：对齐

• 对齐的根本目的是，使页面更有条理。

• 如果整体效果不尽人意，可能最大的毛病就是没有对齐。

• 对齐会制造一条看不见的、强有力的基准线，将两个区块连接在一起，为整体布局提供力度。

• 应该总能为页面中的元素找到与之对齐的另一个元素，尽管它们的物理距离很远。

• 如果页面内有一张图片（一条直边），可以沿着照片的这个直边与文本对齐。

• 在同一个页面中尽量只是用一种对齐方式，永远不要使用两端对齐。

• 关于居中对齐：
  1.在一开始就强制自己避免使用居中对齐。这种标准格式营造了乏味的外观，变现出几乎一种业务的水准，会影响第一印象。
  2.并不是建议你一定不要用居中对齐。如果一定要居中，那就让居中明显些、生动些。
  3.只有细长条式的页面适合居中对齐。
  4.明显而有意为之的居中对齐效果最好。

第四章：重复

• 重复的根本目的是，统一，并增强视觉效果。

• 保持一致性，不知不觉就会产生重复。

• 避免过多重复同一元素，会让人讨厌。注意剂量。

第五章：对比

• 对比的根本目的有两个，一是增强页面效果，如果一个页面更有趣，意味更有可读性。另一个目的是有助于信息组织。

• 对比是增强效果的最有效途径。对比必须强烈，甚至截然不同，千万不要畏畏缩缩。如果区别不大，就是不对比了，是冲突。

• 对比不只是为了吸引眼球。可以用来组织信息，清晰层级，制造焦点以强调重点，从而引导读者。

• 对比不能让读者混淆，不能错误地强调重点。

• 不要害怕让一些项目很小，这样不仅可以和更大的项目形成对比，还能留出更多空白。一旦读者把握了重点，如果有兴趣，自然会去读较小的项目。

• 将最重要的东西放在一起，加以强调，这样读者就不会漏掉重点。

• 小而质朴的元素可以体现优雅，配合大面积留白就可以简单塑造强烈的对比效果。

第九章：字体的基本原则

• 如果你认为更大的文字会更好阅读，而将英文字母全部大写，那么你一定是被误导了。
  我们辨别不只依靠单独的字母和组合的字母，还依靠它们的形状。特别是单词上半部分的形状，我们称它为“海岸线”。

• 可以表现强调的方式：粗体、大字号、不同字体、不同颜色等。

• 不要使用下划线，永远不要使用。

• 书名、期刊、杂志、影音作品等，使用斜体。

• 字号越大，字间距的调整就越重要。

• 页面上所有字采用同系列字体，这样的设计就是协调的。
  页面上使用多个类似字体，并不完全相同，又没有明显差别，这样的设计就是冲突。
  协调是一种稳妥有用的概念，但冲突务必避免。

第十一章：字体类别

• 字体六大类别：旧式体 Oldstyle、现代体 Modern、粗衬线体 Slab Serif、无衬线体 Sans Serif、手写体 Script、花体 Decorative。
  • 旧式体带有一定角度和弧度的衬线。明显特点是笔画中有缓和的粗细变化。
    旧式体没有显著分散注意力的特征，大量文字表达的最佳选择。
  • 现代体带有水平的衬线。明显特点是笔画中有强烈的粗细变化。
    现代体结构严格，给人冷酷、高雅的感觉，设置非常大时有很震撼的感觉。
  • 粗衬线像是经过可读化处理的现代体。笔画中几乎没有粗细变化。
    外观简洁、直接，适合儿童阅读、扮可爱。
  • 无衬线字体顾名思义，笔画中也几乎没有粗细变化。
  • 看上去像是利用书法笔、书法刷书写的字体都属于手写体。
    手写体就像奶油蛋糕，要少用，不然会很腻。
  • 花体十分容易辨认，诚然它不适合大量阅读，使用它要节制。
    花体可以表达出鲜明的情绪。
• 不要把同一类别中的两种字体用在同一页面中。要对比，就必须选择两种不同类别。

书中出现的一些 Brilliant Tips

• 边框会使内部拘束，双边框则更拘束。

• 去掉 Times Roman / Arail / Helvetica / San 字体，干脆把这些字体从字体选择中去掉。

• 暖色系是前进型，冷色系是远离型，往往需要大量的冷色来配合少量的暖色去制造对比。

• 很多时候，大小对比都让人无法抗拒。

• 一旦能够说出什么东西的名字，就会很容易注意到它，掌握它，拥有它。就像背单词，一旦我记下一个单词，会在接下来一段时间，在其它地方反复看见它。

• 一个页面中存在太多信息会杂乱无章，读者无法很快看到需要的信息。如果看起来更有趣，就更有可能被阅读，请记住！

• 明白了好的设计之所以出色的原因，这些原因就会反应在你的作品中。

• 看到不舒服的设计时，要能够分析问题出在哪里。如果可以用语言说清楚，说明你已经掌握了。

• 在打破规则之前，必须清楚规则是什么。

• 先指出问题，而后提出解决方案。

• 不要忘记，我们最终的目的是更好表达信息。

———————————————— END —————————————————