《写给大家看的设计书》—— 4大基本原则(CRAP)
你是否有这样一刻：一旦能够说出什么东西的名字，就会很容易注意到它。你就会掌握它，拥有它，让它受你所控。
那就让我们开启设计之路，了解一下4大基本原则。
4大基本原则在实际上是相互关联的，只应用于某一个原则的情况很少。
1、对比(contrast)
【Robin对比原则】页面上的不同元素之间要有对比效果，达到吸引读者的对比效果。如果两个项不完全相同，就应当使之不同，而且应当是截然不同。
【基本思想】要避免页面上的元素太过相似。让页面引人注目。
【作用】对比是为页面增加视觉效果的最有效的途径，也是在不同元素之间建立一种有组织的层次结构最有效方法。
【规则】要想实现有效的对比，对比就必须强烈。千万不要畏畏缩缩。
【实现】要增加有意思的对比，最容易的方法就是实现字体对比，不过也可以利用线、颜色、元素之间的间隔、材质等形成对比。
对比基本原则总结：
【根本目的】对比的根本目的有两个，这两个目的相辅相成，无法分开。一个目的是增强页面的效果，另一个目的是有助于信息的组织。
【如何实现】可以通过字体选择、线宽、颜色、形状、大小、空间等来增加对比。
【要避免的问题】不要犹豫、如果你想形成对比，就加大力度。
对比：既然不同，那就截然不同
2、重复(repetition)
【粗体的重复】有助于统一整个设计，这是一种非常简单的将设计块的各个部分连接在一起的方式。
当名片设计两个粗体重复元素的时候，这是控制读者视线的一种视觉技巧，以使读者的注意力尽可能长地保持在页面上。
使读者注意力尽可能长地保持在页面上
【注意】有时重复的项并不一定完全相同，而只是存在明确关联的紧密相关的对象。
【元素重复条件】为了实现重复，完全可以为此增加一些全新的东西。或者，也可以选择一个简单的元素，然后以多种不同的方式加以使用，比如说指定不同的大小、颜色或角度。
重复基本原则总结：
【根本目的】让设计中的视觉要素在整个作品中重复出现。增加条理性和统一性，且增强视觉效果。
【如何实现】重复可认为是保持一致性，只是需要把现有的一致性更向前推进一步。
【要避免的问题】避免太多地重复一个元素，重复太多会让人讨厌。
重复：深栗色，泡泡的绿色，框的对齐与文本的对齐
3、对齐(alignment)
【根本思想】任何东西都不能在页面上随意安放。每个元素都应该与页面上的另一个元素有某种视觉联系。建立清晰、精巧和清爽的外观。
【对齐方式】左对齐、右对齐、居中对齐
【居中对齐】感觉很稳固，但是感觉非常乏味。
有时，在居中布局上增加一点小技巧。如将文本居中，但是文本块本身布局中。或者将文本放在页面的上方，增加紧张感。或者在一个很正式的居中布局中设置一种非常随意、有趣的字体。
居中对齐虽然是一种合法的对齐方式，但边界是“软”的，看不出对齐线的强度，而左对齐或右对齐，边界很硬，尽管这是一条看不见的线，但它很明确，连接了两组文本的边界。现在可以看到边界了，正是这个边界的强度为布局提供了力度。
【注意】
a) 在页面上放其他项时，一定要确保每一项都与页面上的其他项存在某种对齐。如果文本行水平摆放，则按其基线对齐。如果有多个单独的文本块，则对齐其左边界或右边界，如果有图片元素，将其边界与页面的其他边界对齐。
b) 找一条明确地对齐线，并坚持以它为基准。如果文本左对齐，则标题和子标题也设置为左对齐。另外，第一段都不缩进。如果有照片或图片，让它们和一边或基线对齐。
【禁忌】
a) 设置12磅大小的Times字体，另加两个回车。
b) 绝对不要在左对齐的正文或缩进的文本上方将标题居中。
【习惯】养成为元素画线的习惯，用线来明确哪里缺少关联。
【建议】规则都是用来打破的。但必须记住，关于打破规则本身也有一条Robin规则：在打破规则之前必须清楚规则是什么。
对齐基本原则总结：
【根本目的】使页面统一而且有条理。
【如何实现】要特别注意元素放在哪里。
【要避免的问题】要避免在页面上混合使用多种文本对齐方式。另外，要着力避免居中对齐，除非有意识地想要创建一种比较正式、稳重的表示。
对齐：左对齐
4、亲密性(proximity)
【根本思想】彼此相关的项应当靠近，归组在一起。有助于组织信息，减少混乱，为读者提供清晰的结构。
【何谓关联】在一个页面中，物理位置的接近就意味着存在关联。而亲密性意味着存在关联。
亲密性：前者看不出有任何关联，后者明显说明两者存在关联性
【如何布局】明确元素和其所属元素是否在一起，留意无关元素。
【注意】将类似的项目归为一组来建立很近的亲密性时，有时需要做一些修改。
如，需要调整文本的大小或字体粗细，或者要改变图片的大小或放置位置等。
【好处】亲密性原则可以帮助你关注空间，以及空间对于表达的重要性。
亲密性基本原则总结：
【根本目的】实现组织性。 尽管其他原则也能达到这个目的，不过利用亲密性原则，只需简单地将相关元素分在一组建立更近的亲密性，就能自动实现条理性和组织性。另外，利用亲密性原则，可以使空白更美观。
【如何实现】微微眯起眼睛，统计眼睛停顿的次数来数一数页面上有多少个元素。
【要避免的问题】
a) 避免在一个页面上有太多孤立的元素。
b) 不要在元素之间留出同样大小的空白，除非各组同属于一个子集。
c) 标题、子标题、图表标题、图片能否归入其相关材料？在这个问题上一定要非常清楚。在有很近亲密性的元素之间建立关系。
d) 不同属一组的元素之间不要建立关系！如果元素彼此无关，要把他们分开。
e) 不要仅仅因为有空白就把元素放在角落或中央。
