《写给大家看的设计书》——[美]RobinWilliams

第一部分 设计原则

第1章

1. 准确的陈述问题

2. 一旦能够说出什么东西的名字，就会很容易注意到它，你就会掌握它，拥有它，是他在你的掌握之中

3. 四大基本原则

   1. 对比

   截然不同，让页面引人入目

   1. 重复

   加强条理性，加强统一性

   1. 对齐

   每个元素都应当与页面上的另一个元素有某种视觉联系，这样才能建立一种清晰、精巧而且清爽的外观

   1. 亲密性

   彼此相关的想应当靠近，归组在一起，形成一个视觉单元，有利于组织信息，为读者提供清晰地结构

4. 好的表达方式，就像黑咖啡那样，令人兴奋，品位之后让人倦意顿消

第2章 亲密性

1. 亲密性原则：将相关的项组织在一起，物理位置的接近就意味存在着关联

2. 合理利用大小写，圆角和直角，logo与边框的关系，突出重点

3. 理解上存在关联，视觉上也应当关联，增强组织性

4. 设计技能需要逐步提高，要先从简单的表达开始

5. 元素内部不截留空白

第3章 对齐

1. 但那条看不见的强有力的基准线，可以将这两文本联系在一起

2. 页面上只是用一种文本对齐

3. 找一条明确地对齐线，并坚持以它为基准

4. 第一段不缩进，右边界尽可能平滑

5. 打破规则之前必须清楚规则是什么

第4章 重复

1. 设计的某些方面需要在整个作品中重复

2. 重复不只是自然一致，还是一种统一设计各个部分的有意识的行为。把整个作品联系起来

3. 把元素抽取为图片并重复很有意思，也很有效

4. 重复最大的好处是使各项看起来属于同一组，虽然看起来都不完全相同。

5. 只需要找到你喜欢的一个元素，然后随你摆弄它

6. 不要把重复用的太滥，而应当尽量“采用多样性实现统一”，明确要重复的元素，采用不同的方式

7. 对于一个大家有很熟悉的元素，可以尝试只包含其中的一部分，或者采用不同的方式加以使用

8. 如果一个作品很有趣，它往往也更易阅读

第5章 对比

1. 对比是为页面增加视觉效果的最有效的途径之一，另外还能在不同的元素之间建立一种有组织的层次结构

2. 要想实现有效的对比，对比就必须强烈

3. 对比对于信息的组织至关重要，读者一看到文档就能立即理解文档的内容

4. 对比使文档的目的性和组织性增强

5. 要实现有意思的对比，最容易的方法是实现字体对比

6. 好的对比引导读者以正确高效的的方式和顺序阅读，有开始，有结束，有重点

7. 不要害怕让一些项很小，这样不仅可以与更大的项形成对比，还能留出更多的空白。一旦读者把握住重点，只要他们感兴趣，自然回去读这些较小的文字，如果他们不感兴趣，多大的字体他们也不回去读。

第6章 复习

1. 提高视觉敏感度

2. 从优秀的作品中，“借去”灵感

第7章 颜色运用

1. 和谐 三色组

   • 基色三色组+间色三色组
   • 色轮：120 * 3

2. 对比 三色组

   • 分裂互补三色组
   • 色轮：150 + 60 + 150

3. 单色组合，由一种色调及其相应地多种亮色和暗色组成

4. 不使用原色调，而是使用这些颜色的不同亮色和暗色。

5. 冷色总趋于后退，而暖色是趋进型的。如果要组合暖色和冷色，一定要少用些暖色

第8章 更多提示与技巧

1. 统一且合适的格式和图像

2. 名片字体小一点

3. 确定一个最想突出的主导元素

4. 使用有对比的子标题，丰富大标题想表达的内容

5. 选择一种对齐方式

6. 明信片

   与众不同，成“系列”，明确具体，力求简练，尽可能的使用颜色

7. 空白也是一种设计元素

8. 报纸广告

   • 空白(向组织信息一样的有意识的组织空白)
   • 机敏，清楚，简洁，尽可能使用颜色

9. 网站

   • 重复和清晰
   • 不要让访问者移动滚动条
   • 增强可读性，行宽要更短

第二部分 字体设计

第9章 字体与人生

1. 使用一个字体系列，产生协调关系，正式感，但会相当乏味

2. 使用多种类似字体，会出现一种冲突的关系

3. 使用多种截然不同的字体，就会出现一种对比关系。

4. 这个世界上所有特性都依赖于比较才能显现。如果没有比较，则根本就没有存在的前提

5. 字体对比的不同方式：大小、粗细、结构、形状、方向和颜色

6. 字体设计时不要太保守

第10章 字体类别

1. Oldstyle

   
   
   Oldstyle.png

2. Modern

   
   
   Modern.png

3. Slab serif

   
   
   SlabSerif.png

4. Sans serif

   
   
   SansSerif.png

5. script

   
   
   Script.png

6. Decrative

   
   
   Deractive.png

第11章 字体对比

1. 不要保守

2. Size 大小

   1. 确定中心点元素，利用强烈的对比突出强调
   2. 只让首字母大写，留出空间，增强可读性
   3. 如果字体大小对比非同一般，这本身就能成为一种图形元素

3. Weight 粗细

   1. 至少引入一种非常粗的黑粗体。粗细对比是为页面怎家视觉效果最容易而且最有效的方法之一
   2. 引人注目，便于整理信息的层次结构

4. Structure 结构

   1. 字体结构是指这种字体是如何建立的。
   2. 不要把同一类别中的两种字体放在同一页面上

5. Form 形状

   1. 字母的形状就是指他的外形
   2. 我们认识一个词不仅从他的各个字母来认，还会根据他的整体形状。

6. Direction 方向

   1. 千万不要在角落里放有角度的字体
   2. 瘦高字体是“垂直”方向
   3. 粗矮字体是“水平”方向
   4. 借助线条和图片来强调方向和形成方向反差
   5. 材质是由不同字体的结构、行间距、字母间距、粗细度、大小和形状共同创造的。

7. Color 颜色

   1. 暖色（红色、橙色）是前进型的
   2. 冷色（蓝色、绿色）是后退型的
   3. 在黑白文本中的不同“颜色”是由不同的字母粗细、结构、形状、字母内的空间、字母间距、行间距、字体大小或x-height大小产生的。即使同一个字体，也可以创建不同的颜色

   4. 指出问题，你就能找出解决方案

第三部分 其他

第12章 你掌握了吗？

1. 设计过程

   1. 从中心点开始
   2. 将信息分组
   3. 建立并维护明确地对齐
   4. 创建重复
   5. 建立强烈的对比
   6. 黑白分明

Deractive.png