《写给大家看的设计书》概要.ppt

[美] Robin William 著 苏金国 刘亮 译 PPT：@筱dan丹 根据亲密性原则，将彼此相关的项分在一组建立更近的亲密性；相互之间没有之间关联的项要分开。 通过设置不同间隔来指各项的接近程度或关系的重要性。 是不是看起来有条理了些呢？同时你也发现了，整个画面是居中对齐的。 根据亲密性原则，将彼此相关的项分在一组建立更近的亲密性；相互之间没有之间关联的项要分开。 通过设置不同间隔来指各项的接近程度或关系的重要性。 是不是看起来有条理了些呢？同时你也发现了，整个画面是居中对齐的。 根据亲密性原则，将彼此相关的项分在一组建立更近的亲密性；相互之间没有之间关联的项要分开。 通过设置不同间隔来指各项的接近程度或关系的重要性。 是不是看起来有条理了些呢？同时你也发现了，整个画面是居中对齐的。 Robin对齐原则指出：任何元素都不能在页面上随意安放。每一项都应当与画面的某个内容存在某种视觉联系。 相对于居中对齐，左对齐或右对齐能让文本的联系更明确。 这样能使页面看起来统一。能否让页面更加统一呢？ Robin对齐原则指出：任何元素都不能在页面上随意安放。每一项都应当与画面的某个内容存在某种视觉联系。 相对于居中对齐，左对齐或右对齐能让文本的联系更明确。 这样能使页面看起来统一。能否让页面更加统一呢？ Robin对齐原则指出：任何元素都不能在页面上随意安放。每一项都应当与画面的某个内容存在某种视觉联系。 相对于居中对齐，左对齐或右对齐能让文本的联系更明确。 这样能使页面看起来统一。能否让页面更加统一呢？ 那就是重复原则了。 在这个案例中：标题与作者名（字体）重复，可以增强它们之间的联系； 小三角的颜色重复，有助于把设计中的不同部分联系在一起。 重复的设计使得页面更加统一，而且增强了视觉效果。 但似乎视觉效果增强得还不够？ 那让我们试试增强视觉效果最有效另一个途径：对比。 在这个案例中：黑色框的添加，增加了字体与背景、标题、作者名与其他项目的对比。 对比的使用，让页面很容易吸引读者的眼球，还能够在不同元素之间建立一种有组织的层次结构。 要记住一个重要规则：要想实现有效的对比，对比就必须强烈。千万不要畏畏缩缩。 写给大家看的设计书 设计的基本原则 设计的某些方面需要在整个作品中重复 重复 如果某些元素在理解上存在关联或者相互之间存在某种联系那么这些元素在视觉上也应该有关联 亲密性 任何元素都不能在页面上随意安放一定要确保每一项都与页面上的其它元素对齐 对齐 如果两个元素不同，就会产生对比如果两项不完全相同就应使之完全不同，而且是截然不同 对比 如何实现亲密性？ 隔行间隔均匀，充满整个画面 看不出各行内容之间的联系 Your Attitude Is Your Life Lessons from raising three children as a single mom Robin William October 9 如何实现亲密性？ 隔行间隔均匀，充满整个画面 看不出各行内容之间的联系 Your Attitude Is Your Life Lessons from raising three children as a single mom Robin William October 9 Your Attitude is Your Life Lessons from raising three children as a single mom Robin William October 9 如何实现亲密性？ 隔行间隔均匀，充满整个画面 看不出各行内容之间的联系 Your Attitude Is Your Life Lessons from raising three children as a single mom Robin William October 9 Your Attitude is Your Life Lessons from raising three children as a single mom Robin William October 9 通过设置不同间隔来指示各项的接近程度或关系重要性。 如何实现对齐？ 居中对齐是一种合法的对齐方式，但边界是“软”的，看不出“对齐线”的强度。 而文本左对齐或右对齐能够让文本联系起来的线更明确。文本外观更清晰、效果更分明。 Your Attitude is Your Life Lessons from raising three children as a single mom Robin William October 9 如何实现对齐？ 居中对齐是一种合法的对齐方式，但边界是“软”的，看不出“对齐线”的强度。 而文本左对齐或右