第1章 网站架构 10
垂直、水平、前后的空间架构 10
01链接带来的影响 10
02考虑网站的空间立体结构——垂直、水平、前后的关系 12
03四个元素判定“身在何处” 14
04视觉化页面的前后关系 16
05利用互动的表现形式呈现页面的前后关系 18
06通过视觉设计判断当前位置 20
07标签体现层次的深度与广度 22
页面版式 24
08什么是版式？ 24
09一栏式版式 26
10变化丰富的一栏式版式 28
11 两栏式版式 30
12 三栏式版式 32
13两栏式与三栏式版式的变化 34
14 网格式设计 36
15响应式网页设计 38
导航栏 40
16导航扮演的角色 40
17导航栏的类型 42
18常驻于页面的页首与页尾 44
19面包屑导航代表位置和路径 46
20面包屑导航的类型 48
21全域导航栏与区域导航栏 50
22可从其他地方返回的关联性导航栏 52
23垂直型与水平型的区域导航栏 54
24层次可以通过区域导航栏来显示 56
25系统可以通过区域导航栏来显示 58
26树状区域导航栏的位置 60
27主要内容区域的位置 62
28固定导航栏的位置与内容 64
一致性 66
29一致性与灵活性的关系 66
30一致性的效果 68
31为什么会“迷路”？ 70
第2章 设备界面 74
物理性限制 74
32什么是设备的多元性 74
33屏幕大小的影响 76
34用户与屏幕距离的影响 78
35屏幕的方向性影响 80
36输入方式造成的影响 82
软性限制 84
37文字资料的特性 84
38图片文档的特质 86
39图片文档的纯文字化与矢量化 88
40浏览平台不同而产生的差异 90
滚动的方向性 92
41什么是自然的滚动方向 92
42滚动文字造成的影响 94
43屏幕形状对页面滚动的影响 96
44元素形状对页面滚动的影响 98
45元素间距对页面滚动的影响 100
46垂直与水平方向并存的滚动方式 102
47页面滚动与翻页的关系 104
与设备互动 106
48互动与反馈的关系 106
49鼠标操作产生的反馈 108
50由触摸屏产生的反馈 110
51由遥控器操作产生的反馈 112
无缝界面 114
52什么是无缝界面？ 114
53覆盖式界面 116
54嵌入式界面 118
55滑动式界面 120
56加载滚动界面 122
57加载翻页界面 124
58加载平移界面 126
59滚动播放式界面 128
60无缝步骤 130
第3章 体验设计 134
理解与体验 134
61平面结构与立体结构的差别 134
62从平面考察 136
63用立体的视角了解网站的结构 138
64利用局部原型进行体验 140
65真机体验 142
设计的讲究 144
66将界面变得简明 144
67可以自然操作的界面 146
68活用共通概念 148
69运用颜色来辨别效果 150
70标准化版型与页面元件 152
71避免冗长 154
72运用精简的方法创造丰富的内容 156