第1章 布局中的力和重力 1
1.1搞清楚用户是如何使用的 1
1.2两种主要的“力” 1
1.2.1从上到下的“力” 2
1.2.2从左到右的“力” 2
1.2.3把这两个“力”合在一起 3
1.3所以，用户的浏览方向是对角线方向吗？ 4
1.4所以，用户到底是怎样浏览页面的呢？ 4
1.5本章所提到的技巧 5
第2章 页面元素摆放指南 7
2.1四分布局 7
2.1.1主视觉区（Primary Optical Area） 8
2.1.2强视觉区（Strong Follow） 8
2.1.3终止区（Terminal Area） 8
2.1.4弱视觉区（Weak Follow） 8
2.2使用这个准则需要分情况 9
2.3本章所提到的技巧 9
第3章 实践 11
3.1 POCKET 11
3.2 YOUTUBE 12
3.3注意！不要太依赖这个指南 14
第4章 合理摆放元素 15
4.1使用方块定义布局 15
4.1.1用框架来定义视觉流 15
4.1.2测试你的布局结构 16
4.2两个“力”己经在起作用了 17
4.3“魔法”的神秘面纱己经揭开 18
4.3.1一个小测验 18
4.3.2如何处理一些复杂的布局 18
4.4本章所提到的技巧 19
第5章 协助用户进行决策 21
5.1认知过程初探 21
5.2理解用户如何做决定 21
5.2.1果酱试验的第一步 22
5.2.2果酱试验的第二步 22
5.2.3那么这说明了什么 22
5.2.4 Hick法则 23
5.2.5选择的矛盾性 23
5.2.6果酱试验的第三步 23
5.2.7幸亏我们有Miller 24
5.3用户决策的四项原则 24
5.3.1上述这些是如何影响设计的？ 25
5.3.2布局的复杂程度在设计的初期已经定义好了 27
5.3.3复杂页面的处理方式 27
5.4本章所提到的技巧 28
第6章 隐式指令控制 29
6.1格式塔（Gestalt）的世界 29
6.1.1这是什么？ 29
6.1.2格式塔规则引导着我们 31
6.1.3接近原则（Proximity） 31
6.1.4为什么会进行分组？ 32
6.1.5在布局中使用“格式塔” 32
6.1.6格式塔的另一个例子 33
6.2大多数设计师存在的问题 35
6.3把隐式指令应用到表单设计中 36
6.4接近原则的力量 37
6.5本章所提到的技巧 37
第7章 让页面易于浏览 39
7.1从T.M.I到TL；DR 39
7.1.1我们不应该读 39
7.1.2我们不想阅读 40
7.2基本的阅读模式 40
7.3让一切更简单 42
7.3.1 7秒原则 43
7.3.2标签 44
7.4本章提到的技巧 46
第8章 黄金分割与留白 49
8.1黄金分割 49
8.2留白 52
8.2.1完美结合 53
8.2.2留白和潜意识 54
8.3黄金分割与界面设计 55
8.4回到之前的内容布局指南 57
8.5本章提到的技巧 59
第9章 合理利用屏幕 61
9.1横向屏幕的合理布局 61
9.2适合阅读的布局 62
9.2.1有效地阅读vs.惬意地阅读 63
9.2.2阅读vs.呼吸 64
9.3本章提到的技巧 64
第10章 使用栅格辅助布局 65
10.1不一致性带来的恶果 65
10.2一致性布局背后的秘密 66
10.3网格的空间控制系统 67
10.4静态元素和动态元素 67
10.5寻找一致的栅格模型 68
10.6本章提到的技巧 70
第11章 直观的滚动 71
11.1水平和垂直滚动 72
11.2认识折叠线 72
11.3让滚动变得更直观 74
11.4本章提到的技巧 77
结束语 78