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
· · · · · · (收起)