像素雕琢-跨平台用户体验设计法则

第１章　布局中的力和重力 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

第２章　页面元素摆放指南 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

第４章　合理摆放元素 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