第 1章 布局中的力和重力 001
1.1 搞清楚用户是如何使用的 001
1.2 两种主要的“力” 001
1.2.1 从上到下的“力” 002
1.2.2 从左到右的“力” 002
1.2.3 把这两个“力”合在一起 003
1.3 所以,用户的浏览方向是对角线方向吗? 004
1.4 所以,用户到底是怎样浏览页面的呢? 004
1.5 本章所提到的技巧 005
第 2章 页面元素摆放指南 007
2.1 四分布局 007
2.1.1 主视觉区(Primary Optical Area) 008
2.1.2 强视觉区(Strong Follow) 008
2.1.3 终止区(Terminal Area) 008
2.1.4 弱视觉区(Weak Follow) 008
2.2 使用这个准则需要分情况 009
2.3 本章所提到的技巧 009
第3章 实践 011
3.1 POCKET 011
3.2 YOUTUBE 012
3.3 注意!不要太依赖这个指南 014
第4章 合理摆放元素 015
4.1 使用方块定义布局 015
4.1.1 用框架来定义视觉流 015
4.1.2 测试你的布局结构 016
4.2 两个“力”已经在起作用了 017
4.3 “魔法”的神秘面纱已经揭开 018
4.3.1 一个小测验 018
4.3.2 如何处理一些复杂的布局 018
4.4 本章所提到的技巧 019
第5章 协助用户进行决策 021
5.1 认知过程初探 021
5.2 理解用户如何做决定 021
5.2.1 果酱试验的第 一步 022
5.2.2 果酱试验的第 二步 022
5.2.3 那么这说明了什么 022
5.2.4 Hick法则 023
5.2.5 选择的矛盾性 023
5.2.6 果酱试验的第三步 023
5.2.7 幸亏我们有Miller 024
5.3 用户决策的四项原则 024
5.3.1 上述这些是如何影响设计的? 025
5.3.2 布局的复杂程度在设计的初期已经定义好了 027
5.3.3 复杂页面的处理方式 027
5.4 本章所提到的技巧 028
第6章 隐式指令控制 029
6.1 格式塔(Gestalt)的世界 029
6.1.1 这是什么? 029
6.1.2 格式塔规则引导着我们 031
6.1.3 接近原则(Proximity) 031
6.1.4 为什么会进行分组? 032
6.1.5 在布局中使用“格式塔” 032
6.1.6 格式塔的另一个例子 033
6.2 大多数设计师存在的问题 035
6.3 把隐式指令应用到表单设计中 036
6.4 接近原则的力量 037
6.5 本章所提到的技巧 037
第7章 让页面易于浏览 039
7.1 从T.M.I到TL;DR 039
7.1.1 我们不应该读 039
7.1.2 我们不想阅读 040
7.2 基本的阅读模式 040
7.3 让一切更简单 042
7.3.1 7秒原则 043
7.3.2 标签 044
7.4 本章提到的技巧 046
第8章 黄金分割与留白 049
8.1 黄金分割 049
8.2 留白 052
8.2.1 结合 053
8.2.2 留白和潜意识 054
8.3 黄金分割与界面设计 055
8.4 回到之前的内容布局指南 057
8.5 本章提到的技巧 059
第9章 合理利用屏幕 061
9.1 横向屏幕的合理布局 061
9.2 适合阅读的布局 062
9.2.1 有效地阅读vs.惬意地阅读 063
9.2.2 阅读 vs. 呼吸 064
9.3 本章提到的技巧 064
第 10章 使用栅格辅助布局 065
10.1 不一致性带来的恶果 065
10.2 一致性布局背后的秘密 066
10.3 网格的空间控制系统 067
10.4 静态元素和动态元素 067
10.5 寻找一致的栅格模型 068
10.6 本章提到的技巧 070
第 11章 直观的滚动 071
11.1 水平和垂直滚动 072
11.2 认识折叠线 072
11.3 让滚动变得更直观 074
11.4 本章提到的技巧 077
结束语 078