Chapter0引论 1
0.1 智能手机UI概要 2
Android手机与iPhone 2
设计规范 3
智能手机应用与智能手机站点 4
智能手机UI概览 5
0.2 用户操作方式与使用环境 6
手势操作 6
使用情景 7
Chapter1界面模式 9
1.1 启动界面 10
1.2 顶层界面 12
1.3 一览界面 14
1.4 详细信息界面 16
1.5 输入/操作界面 18
1.6 界面跳转 20
界面跳转图的基本概念 20
界面跳转图的使用方法 20
案例1新闻服务 22
案例2搜索服务 23
案例3消息发布服务 24
案例4通讯录服务 25
Chapter2基本UI组件 27
2.1 页眉 28
模式1导航栏（iOS应用） 29
模式2操作栏（ Android应用） 30
模式3智能手机站点 30
2.2 页脚 31
模式1标签栏（iOS应用） 32
模式2工具栏（iOS应用）/底边栏（Android应用） 32
模式3导航栏（Android应用） 33
2.3 模态窗口 34
模式1操作模式 35
模式2消息模式 36
模式3消息发布模式 36
模式4控制模式 37
模式5导航模式 37
2.4 百叶窗式菜单 38
模式1叠加展开模式 38
模式2叠加收起模式 39
2.5 操作面板 40
模式1条状模式 40
模式2叠加模式 41
模式3下拉式菜单模式 41
模式4滑块模式 42
Chapter3导航控件与控制控件 43
3.1 标签式导航控件 44
模式1标准模式 45
模式2底部布局模式（标签栏） 45
模式3下划线模式（顶边栏） 46
模式4滚动模式 46
模式5垂直模式 47
3.2 分段控件 48
模式1标准模式 48
模式2内联文本模式 49
3.3 滑动导航控件 50
模式1标准模式 51
模式2页面指示器组模式 52
模式3标签式导航控件组模式 52
3.4 下拉式菜单 54
模式1标准模式 54
模式2控制模式 55
模式3气泡模式 55
3.5 深入式菜单 56
模式1标准模式 56
3.6 折叠式菜单 58
模式1标准模式 59
模式2气泡模式 59
3.7 仪表盘式导航控件（跳板式菜单） 60
模式1标准模式 61
3.8 返回/Home 62
模式1返回按钮模式 63
模式2徽标模式 63
模式3 Home图标模式 63
3.9 向上/向下滚动按钮 64
模式1标准模式 64
模式2向下滚动模式 65
模式3叠加模式 65
模式4索引模式 66
3.10 分页按钮 67
模式1标准模式 67
3.11 无限分页列表 68
模式1 1标准模式 69
模式2按钮模式 69
3.12 刷新控件 70
模式1标准模式 71
3.13 侧滑式菜单 72
模式1标准模式 73
Chapter4列表 75
4.1 垂直列表 76
模式1标准模式 77
模式2值模式 78
模式3缩略图模式 78
模式4半尺寸模式 79
4.2 网格列表 80
模式1标准模式 81
模式2标签叠加模式 81
模式3块状标签模式 82
4.3 轮播面板 83
模式1标准模式 84
模式2控制模式 84
模式3商标展板模式 85
模式4导航模式 85
4.4 时间轴 86
模式1标准模式 87
模式2消息模式 88
4.5 日历（日期列表） 89
模式1月份模式 90
模式2周模式 91
模式3日模式 91
Chapter5表单 93
5.1 文本框 94
模式1单行模式 95
模式2搜索框模式 96
模式3多行模式 96
5.2 开关 97
模式1复选框模式（复数选择） 98
模式2单选框模式（单项选择） 98
模式3开关按钮模式 99
5.3 选择器 100
模式1标准模式 101
模式2复数模式 101
5.4 滑块 102
模式1标准模式 102
模式2时间轴模式 103
模式3环状模式 103
5.5 拖放控件 104
模式1标准模式（垂直列表模式） 104
模式2状态更改模式 105
Chapter6通知与消息 107
6.1 模态消息 108
模式1标准模式（两个按钮） 108
模式2确认模式（一个按钮） 109
模式3自动关闭模式（没有按钮） 110
6.2 无模态消息 111
模式1标准模式 112
模式2状态栏模式 113
模式3可取消模式 113
6.3 块消息 114
模式1标准模式 115
6.4 角标 116
模式1标准模式 116
模式2通知模式 117
6.5 气泡消息 118
模式1标准模式 118
模式2提示模式 119
Chapter7信息的可视化 121
7.1 无限循环指示器 122
模式1标准模式 123
模式2原创模式 123
模式3条状模式 124
7.2 进度条 125
模式1标准模式 125
7.3 页面指示器 126
模式1标准模式 126
模式2页码模式 127
模式3步骤模式 127
7.4 图表 128
模式1柱状图模式 129
模式2折线图模式 129
模式3饼图模式 130
7.5 评分控件 131
模式1标准模式 132
模式2表情模式 133
模式3好评差评模式 133
模式4等级模式 133
Chapter8图标 135
8.1 房屋 136
模式1标准模式 136
8.2 放大镜 137
模式1标准模式 137
模式2缩放模式 137
8.3 齿轮 138
模式1标准模式 138
8.4 星形 139
模式1收藏夹模式 139
模式2评分模式 139
8.5 模拟时钟 140
模式1历史记录模式 140
模式2时间模式 140
8.6 大头针 141
模式1标准模式 141
8.7 人像 142
模式1单人模式 142
模式2双人模式 142
模式3三人模式 142
8.8 铅笔 143
模式1创建新条目模式 143
模式2编辑模式 143
8.9 回收站（垃圾箱） 144
模式1移至回收站模式 144
模式2立即删除模式 144
8.10 加号 145
模式1标准模式 145
8.11 叉号 146
模式1清除模式 146
模式2终止模式 146
模式3关闭模式 146
8.12 照相机 147
模式1标准模式 147
8.13 三连圆点 148
模式1水平排列模式 148
模式2垂直排列模式 148
8.14 相连圆点 149
模式1标准模式 149
8.15 分享 150
模式1标准模式 150
8.16 三连短线 151
模式1菜单开启模式 151
模式2一览显示模式 151
模式3列表排序模式 151
8.17 刷新 152
模式1标准模式 152
Chapter9动画 153
9.1 向左/向右滑动 154
模式1同层移动模式 154
模式2异层移动模式 155
9.2 叠加展开/收起 156
模式1标准模式 156
9.3 淡入/淡出 157
模式1标准模式 157
9.4 翻转 158
模式1标准模式 158
9.5 放大/缩小 159
模式1标准模式 159
9.6 摇动/扭动 160
模式1编辑状态模式 160
模式2出错模式 160
Chapter10视觉风格 161
10.1 默认设计 162
模式1 ioS模式 162
模式2 Android模式 164
10.2 拟物化设计 165
模式1纹理模式 166
模式2物体模式 166
10.3 扁平化设计 167
模式1标准模式 168