《写给大家看的设计书》学习笔记

第一部分 设计原则

1 约书亚树

优秀的设计就这么容易……

1. 学习四大基本原则；
2. 认识到自己没有运用这些原则；
3. 应用基本原则；

四大基本原则

• 对比（Contrast），要避免页面上的元素太过相似；
• 重复（Repetition）,让设计中的视觉要素在整个作品中重复出现；
• 对齐（Alignment），任何东西都不能在页面上随意安放；
• 亲密性（Proximity），彼此相关的项应当靠近，归组到一起；

2 亲密性

物理位置的接近就意味存在着关联。

亲密性意味着存在关联。

圆角比指教更加简洁，更突出。

正文中的字体大小不一定非得12点，做为正文的辅助信息，如期号和新闻发型年份，字体通常可以小到7或8点。

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

用留白来对元素进行分组。

小结

根本目的：实现组织性。

如何实现：统计眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过了3～5个（取决于集体情况），就要看看那些孤立的元素可以放在一组建立更近的亲密性，使之成为一个视觉单元。

要避免的问题：

不要仅仅因为有空白就把元素放在角落或中央。

避免一个页面上有太过孤立的元素。

3 对齐

任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在视觉联系。

居中会让边界太“软”，让文本联系在一起一条看不见的线会更明确，因为现在有一条“硬”的竖边。这就使左对齐和右对齐的文本看起来外观更清晰，效果更分明。

居中对齐是初学者最常用的对齐方式，这种对齐看起来很安全，感觉上也很舒服。居中会创建一种更正式，更稳重的外观，这种外观显得更中规中矩。如果要居中起码也要有艺术性。

文本居中的原则：页面上只能使用一种文本对齐：所有的文本都左对齐，右对齐或者全部居中；有时你可能喜欢在同一个页面上同时使用左对齐和右对齐文本，不过一定要确保让这些文本以某种方式对齐。

做为优秀的设计都可以在对齐的对象间画出“对齐线”，即使这些设计总体表现为汇集了大量奇特的内容，甚至动感实足，这种“对齐线”也很明确。

小结

在设计中统一性是一个重要的概念。要让页面上的元素看上去统一、有联系而且彼此相关，需要在各个单独的元素之间存在某种视觉纽带。尽管这些孤立的元素在页面上的物理位置可能并不靠近，但是通过适当放置，可以让它们看上去是有联系而且相关的，并且与其他信息统一。

根本目的

对齐的根本目的就是让页面统一而有条理

如何实现

要特别注意元素放在哪里。应当总能在页面上找出与之对齐的元素，尽管折两个对象的物理位置可能相距很远。

要避免的问题

要避免在页面上混合使用多种对齐方式。

另外，要着力避免居中对齐，除非你有意识地想要创建一种比较正式、稳重（通常也更为乏味）的表示。并不是完全杜绝使用居中对齐，有时可以有意地选择这种对齐方式，但是不要把它做为默认选择。