App,这样设计才好卖

Chapter 0 引论　　1
0.1 智能手机UI 概要　　2
● Android 手机与iPhone / 2　● 设计规范 / 3
● 智能手机应用与智能手机站点 / 4　● 智能手机UI 概览 / 5
0.2 用户操作方式与使用环境　　6
● 手势操作 / 6　● 使用情景 / 7
· · · · · · (更多)

Chapter 0 引论　　1
0.1 智能手机UI 概要　　2
● Android 手机与iPhone / 2　● 设计规范 / 3
● 智能手机应用与智能手机站点 / 4　● 智能手机UI 概览 / 5
0.2 用户操作方式与使用环境　　6
● 手势操作 / 6　● 使用情景 / 7
Chapter 1 界面模式　　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
Chapter 3 导航控件与控制控件　　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
Chapter 4 列表　　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
Chapter 5 表 单　　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
Chapter 6 通知与消息　　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
Chapter 7 信息的可视化　　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
Chapter 8 图标　　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
Chapter 9 动画　　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
Chapter 10 视觉风格　　161
10.1 默认设计　　162
● 模式1　iOS 模式 / 162　● 模式2　Android 模式 / 164
10.2 拟物化设计　　165
● 模式1　纹理模式 / 166　● 模式2　物体模式 / 166
10.3 扁平化设计　　167
● 模式1　标准模式 / 168
· · · · · · (收起)

近年来，智能手机得到了迅速普及，成为了亲朋好友间沟通或管理日程安排不可或缺的工具。 同时，移动应用与服务的数量不断增加，种类也越来越多。 这其中真正为用户喜爱并长期使用的应用并不多。好的用户界面（UI）往往同时兼具易用性 与趣味性，这对开发高质量的应用或服务尤为重要。 用户通过用户界面操作智能手机。用户界面设计不仅应当为用户提供新的体验与价值，还要 让用户通..

• 前 言
• 0.1　智能手机UI概要
• 1.1　启动界面