二 20
[读书笔记]写给大家看的设计书
1. 概述
设计的目标是层次清晰地表达语义, 通过视觉上的设计来引导读者的视觉.
[一个故事：知道与不知道名字的区别] 小时候在一本教你如何认识各种各样的树的名字的书上看到一种奇怪的树"约书亚树", 作者以为自己从未在南加州见过这种树，结果当她拿着书出去寻找时，却发现到处是这种树， 只是自己一直都是视而不见罢了。 [寓意] 一旦能够说出什么东西的名字，就会很容易注意到它， 你就会掌握它，拥有它，使它在你的控制中.
2. PARC
设计的四个基本原则
- Proximity:
- 目的: 实现组织性
- 方法: 将相关项放在一起，成为一个视觉单元.(空间上的相关性意味着语义上的相关性)
- Alignment(对齐):
- 目的: 使页面统一且有条理，建立元素与元素之间的视觉联系。
- 方法:
通过左/右对齐的硬边界,建立元素与元素之间的联系。
摒弃居中对齐除非你有明确的理由。
- Repetition(重复)
- 目的：在多页出版物或者系列产品中保持一致性
- 方法: 重复使用相同的元素或者设计(例如：对齐)
- Contrast(对比): 不同group, 层次结构
- 目的: 增强页面的效果 & 有助于信息的组织(强烈的对比可以看出作者的意图和重点)
- 实现: 对比一定要强烈，大胆而不要犹豫！不同但是类似不是对比而是冲突. 字体, 线宽，颜色，形状， 大小，空间都可以形成对比
3. 颜色
色轮是一个很有意思的工具, 阮一峰的日志关于颜色理论总结得很不错
- 互补色
- 三色组
- 分裂互补三色组
- 类似色
- 暗色和亮色
- 纯色称为色调(hue), 向色调添加黑色构成暗色(shade), 添加白色构成亮色(tint).
- 暖色和冷色: 暖色是前进型的，一点点暖色效果就会很明显。冷色则是后退型的，大量的能色才会产生效果。学会利用这个原理
4. 关于字体
分类
- Oldstyle:良好的阅读性
- Modern: 不适合显示大量的文本
- Slab Serif: 比划较粗
- Sans Serif: http://lifesinger.org/blog/2009/11/web-default-font/
- Script
- Decorative
