本書從案例實戰的角度出發，囊括了多名作者的設計經驗與技巧，通過 “設計構思 ”+“操作步驟 ”的組合講解形式，讓讀者在短時間內進入界面設計的四維空間。在這把 “雙刃劍 ”的催化下，不僅使讀者學會如何設計，更是時刻提醒讀者如何以使用者的親身體驗進行設計。
基本介紹
- 書名：一學就會的手機APP用戶界面設計
- 作者：王紅衛
- 出版社：清華大學出版社
內容簡介,圖書目錄,
內容簡介
書中提供了一張 DVD多媒體光碟，收錄了本書中所有的實例素材、源檔案以及所有實例的多媒體視頻語音講解，使讀者的學習效率翻倍。本書特別適合智慧型手機 APP界面設計的初學者，可作為平面設計師和智慧型手機 APP開發人員的參考用書，也可以作為社會培訓學校、大中專院校相關專業的教學參考書或上機實踐指導用書。
圖書目錄
第1章UI設計快速入門 1
1.1UI設計概念 2
1.2UI設計組成部分 2
1.3團隊成員與UI設計流程 4
1.4各類尺寸單位解析 5
1.5常見的圖片格式 5
1.6智慧型手機作業系統簡介 6
1.7UI界面設計中的常用軟體 7
1.8UI設計原則 8
1.9GUI設計過程中的表現力 9
1.10提升Android視覺效果的設計技巧 11
1.11免費的UI界面設計工具、資源及網站 12
1.12色彩學的基礎知識 13
1.13UI設計中的常見配色方案 15
1.14UI設計色彩學 17
1.15色彩的性格 19
1.16精彩UI設計賞析 20
1.17激發創作靈感的界面欣賞 21
第2章界面元素設計製作 22
2.1SenseWidget 23
2.1.1製作背景並繪製界面圖形 23
2.1.2添加文字信息及素材 28
2.2音量控制項 29
2.2.1製作背景及定義圖案 29
2.2.2繪製圖形 31
2.2.3製作裝飾特效 33
2.2.4添加文字 37
2.3CD圖示設計 38
2.3.1製作背景 39
2.3.2繪製光碟並製作質感 39
2.4安全防護圖示 46
2.4.1製作背景 47
2.4.2製作圖示並添加質感 48
2.4.3製作高光 50
第3章APP登錄界面設計 54
3.1信箱APP登錄界面 55
3.1.1製作背景並添加文字 55
3.1.2繪製圖形 56
3.1.3製作裝飾元素 60
3.2復古登錄框 64
3.2.1製作背景及定義圖案 64
3.2.2繪製界面圖形 66
3.2.3製作界面細節 71
3.3攝影網站會員登錄 75
3.3.1製作背景 75
3.3.2繪製界面圖形 76
3.4生產力APP登錄界面 82
3.4.1製作背景及繪製狀態欄 82
3.4.2繪製界面圖形 84
第4章寫實圖形圖示設計 89
4.1寫實手機 90
4.1.1製作背景並繪製圖形 90
4.1.2製作立體效果 91
4.1.3添加高光效果 94
4.1.4製作圖示細節 97
4.2寫實鬧鐘 102
4.2.1製作背景 102
4.2.2繪製鬧鐘輪廓 102
4.2.3繪製揚聲器孔 108
4.2.4繪製燈開關 110
4.2.5繪製錶盤圖形 111
4.2.6製作錶盤細節 112
4.3寫實電視機 115
4.3.1製作背景並繪製電視輪廓 115
4.3.2繪製螢幕圖形 118
4.3.3繪製電視細節 120
4.4寫實密碼鎖 124
4.4.1製作背景並繪製圖形 124
4.4.2繪製圖形並添加質感 128
4.4.3添加文字並變形 130
第5章蘋果風格界面設計 132
5.1會員登錄框 133
5.1.1製作背景並繪製圖形 133
5.1.2添加文字
並繪製文本框圖形 136
5.2經典音樂播放器 140
5.2.1製作背景 141
5.2.2繪製界面圖形 142
5.2.3添加素材 142
5.2.4繪製按鈕 143
5.3OSX風格控制臺 147
5.3.1製作背景並繪製界面圖形 148
5.3.2繪製按鈕圖形 150
5.3.3添加圖示素材及文字 154
5.3.4繪製控制項 157
5.4簡約風天氣APP 158
5.4.1製作背景 159
5.4.2添加素材及繪製圖形 160
5.5iPod套用登錄界面 162
5.5.1製作背景及繪製狀態欄 162
3.4.2繪製界面圖形 84
第4章寫實圖形圖示設計 89
4.1寫實手機 90
4.1.1製作背景並繪製圖形 90
4.1.2製作立體效果 91
4.1.3添加高光效果 94
4.1.4製作圖示細節 97
4.2寫實鬧鐘 102
4.2.1製作背景 102
4.2.2繪製鬧鐘輪廓 102
4.2.3繪製揚聲器孔 108
4.2.4繪製燈開關 110
4.2.5繪製錶盤圖形 111
4.2.6製作錶盤細節 112
4.3寫實電視機 115
4.3.1製作背景並繪製電視輪廓 115
4.3.2繪製螢幕圖形 118
4.3.3繪製電視細節 120
4.4寫實密碼鎖 124
4.4.1製作背景並繪製圖形 124
4.4.2繪製圖形並添加質感 128
4.4.3添加文字並變形 130
第5章蘋果風格界面設計 132
5.1會員登錄框 133
5.1.1製作背景並繪製圖形 133
5.1.2添加文字
並繪製文本框圖形 136
5.2經典音樂播放器 140
5.2.1製作背景 141
5.2.2繪製界面圖形 142
5.2.3添加素材 142
5.2.4繪製按鈕 143
5.3OSX風格控制臺 147
5.3.1製作背景並繪製界面圖形 148
5.3.2繪製按鈕圖形 150
5.3.3添加圖示素材及文字 154
5.3.4繪製控制項 157
5.4簡約風天氣APP 158
5.4.1製作背景 159
5.4.2添加素材及繪製圖形 160
5.5iPod套用登錄界面 162
5.5.1製作背景及繪製狀態欄 162
5.5.2添加界面元素 163
5.6社交APP界面 167
5.6.1製作背景 167
5.6.2定義圖案 168
5.6.3繪製圖形及添加素材 169
5.6.4添加文字及素材圖像 175
5.6.5繪製標記圖形 176
第6章流行風格圖示設計 179
6.1音樂圖示 180
6.1.1製作背景並繪製圖形 180
6.1.2製作圖示質感 183
6.1.3製作裝飾效果 187
6.1.4添加素材 190
6.1.5為圖形添加質感特效 191
6.2相機圖示 194
6.2.1製作背景 194
6.2.2繪製圖示並製作立體效果 195
6.2.3添加高光 196
6.2.4繪製裝飾圖形 197
6.2.5製作圖示細節 199
6.2.6繪製裝飾圖形 202
6.3推特圖示 204
6.3.1製作背景 204
6.3.2製作圖示 205
6.3.3添加素材並製作質感效果 209
6.4日曆和天氣圖示 211
6.4.1製作背景 211
6.4.2繪製日曆圖示 212
6.4.3製作圖示細節 216
6.4.4製作翻頁 217
6.4.5繪製天氣圖示 219
6.5時鐘圖示 223
6.5.1製作背景 223
6.5.2繪製圖示圖形 224
6.5.3添加界面元素 226
第7章多媒體類界面設計 230
7.1mini音樂播放器 231
7.1.1製作背景及定義圖案 231
7.1.2繪製圖形 232
7.1.3繪製圖形製作界面細節 235
7.1.4製作按鈕控制項 239
7.1.5添加控制按鈕細節 243
7.2影視播放界面 244
7.2.1製作背景並繪製界面圖形 244
7.2.2添加素材 245
7.2.3繪製細節圖形 248
7.2.4繪製狀態圖形 253
7.3古典音樂播放器 256
7.3.1製作背景及狀態欄 257
7.3.2繪製光碟 258
7.3.3製作界面圖形 262
7.3.4添加圖示按鈕 266
7.4仿真音樂播放器界面 268
7.4.1製作背景 269
7.4.2繪製揚聲器孔 274
7.4.3繪製視窗圖形 276
7.4.4添加素材並製作質感 278
7.4.5添加文字並繪製進度條 281
7.4.6繪製按鈕 282
第8章綜合商業案例設計 286
8.1魔法相冊套用界面 287
8.1.1製作背景並定義圖案 287
8.1.2繪製控制項圖形 290
8.1.3添加素材 294
8.1.4添加圖示按鈕 296
8.2美食套用APP界面 297
8.2.1製作背景 298
8.2.2繪製狀態欄 298
8.2.3繪製界面圖形 304
8.2.4繪製界面細節圖形 306
8.3點餐APP界面 312
8.3.1製作背景 312
8.3.2添加素材及文字 313
8.3.3添加界面元素 315
8.3.4繪製功能圖形及添加素材 319
8.4概念手機界面 322
8.4.1製作背景及繪製圖形 322
8.4.2添加素材 324
8.4.3添加文字 326
8.4.4繪製手機元素圖形 327
8.5鎖屏界面 334
8.5.1製作背景 334
8.5.2繪製界面圖形 338
8.5.3添加文字信息 340
8.5.4添加素材功能圖示 344
第5章寶類產品——移動網際網路理財產品····················89
055阿里理財——餘額寶········································90
056百度理財——百發百賺······························92
057騰訊理財——理財通·································94
058網易理財——現金寶·································95
059工商銀行——薪金寶·································96
060華夏銀行——薪金寶·································97
061平安銀行——平安盈·································98
062移動理財——和聚寶································100
063聯通理財——話費寶································101
064支付寶理財——招財寶·····························102
065易付寶理財——零錢寶·····························103
066翼支付理財——添益寶·····························104
067同花順基金——收益寶·····························105
068天天基金——活期寶································106
069鵬華基金——盈利寶································107
第6章移動儲蓄理財——手機銀行更便捷··················110
070手機銀行查詢賬戶餘額·····························111
071手機銀行查詢交易明細·····························111
072手機銀行查詢支付明細·····························112
073智慧型語音查詢·········································113
074手機銀行添加常用收款人··························114
075手機銀行匯款·········································115
076使用手機號匯款······································116
077使用二維碼收款······································117
078開通建銀e賬戶······································118
079修改手機銀行登錄密碼·····························119
080修改銀行卡取款密碼································120
081無卡取現···············································121
082微信添加銀行公眾號································123
083微信銀行查詢賬單···································125
084緊急掛失銀行賬號···································126
第7章移動信用卡理財——手機幫你管卡··················128
085什麼是信用卡·················································129
086手機申請信用卡······································130
08751信用卡管家的下載與使用······················131
088手機查詢賬單和餘額···································134
1．手機銀行賬單查詢······························134
2．手機銀行查詢餘額······························135
089信用卡分期付款······································135
090信用卡分期付款的陷阱·····························137
1．免息不等於免手續費···························137
2．免息不等於絕對不要利息·····················137
3．免息不等於免收滯納金························138
4．分期實質是變相消費貸款·····················138
5．退貨不退已收手續費···························138
091微信銀行查詢信用卡賬單··························139
092微信銀行信用卡還款································140
093手機銀行還款·········································141
094信用卡怎么省錢······································142
1．用信用卡節省開支······························142
2．刷卡保住現金流·································142
3．充話費享優惠····································142
4．銀行美食優惠····································143
095信用卡積累積分······································143
096信用卡提額技巧······································144
