本書使用項目教學的方式進行編寫，以智能手機UI界面為主要設計對象，以用戶體驗情感為中心，結(jié)合設計關鍵要素進行UI設計教學。通過本書的學習，讀者可掌握移動終端UI界面設計方法，滿足UI設計師的崗位需求，是一本理論與實踐緊密結(jié)合的教材。

本書的教與學采用“學中做、做中學”“任務驅(qū)動”和“行動導向”的方式，由淺入深、循序漸進地來完成，在完成項目任務的同時，實現(xiàn)對知識和技能的掌握，體現(xiàn)真實的工作過程，培養(yǎng)學生在實際工作中的動手能力。

在當今數(shù)字信息時代，移動終端設備以其便攜性的特點發(fā)展迅猛，新產(chǎn)品不斷推出，更新速度較快，保有量也不斷增加，移動終端包括手機、平板電腦、車載導航等相關移動設備。而移動終端的界面則是用戶使用移動終端設備的第一平臺，越來越受到用戶和開發(fā)人員的重視，一套風格統(tǒng)一、有親和力的界面系統(tǒng)往往能激發(fā)用戶使用的欲望，獲得滿足感、尊重感和歸屬感。本書的編寫以用戶體驗情感為中心，結(jié)合設計關鍵要素進行UI設計教學，使學生通過學習掌握移動終端UI界面設計方法，滿足UI設計師的崗位需求，是一本理論與實踐緊密結(jié)合的教材。

本書采用項目教學方式進行編寫，以智能手機UI界面為主要設計對象。編寫理念新穎，內(nèi)容選取合理，組織得當，體現(xiàn)實用性。全書共由七個單元構(gòu)成，以項目為學習單元，每個單元又包含一到三個任務，涉及了移動終端的常用UI設計任務，具有典型性特征。每個單元中都有相關知識講解和任務實施的步驟，并配合相應任務的進度，以實踐案例的形式拓展學生的設計思維。每個單元后又配合相應類型的項目實訓作為習題，供學生進行實踐練習。

本書采用Photoshop作為UI界面的設計工具，從藝術角度和實用角度出發(fā)，專注于界面的視覺效果及風格體現(xiàn)，可較為快捷和形象地將界面的視覺效果呈現(xiàn)出來，更好地與該專業(yè)其他課程進行銜接。

本書的教與學采用“學中做、做中學”“任務驅(qū)動”和“行動導向”的方式，由淺入深、循序漸進地來完成，使學生在完成項目任務的同時，逐步掌握UI界面的設計方法和設計要求。最終實現(xiàn)對知識和技能的掌握，體現(xiàn)真實的工作過程，培養(yǎng)學生在實際工作中的動手能力。

本書由天津電子信息職業(yè)技術學院的沈強老師擔任主編，組織全書的編寫，并負責全書的統(tǒng)稿；由天津電子信息職業(yè)技術學院的孫新奎老師和王佳老師擔任副主編。本書中單元1、單元4和單元7由沈強老師負責編寫，單元2和單元3由王佳老師負責編寫，單元5和單元6由孫新奎老師負責編寫。本書可作為高職高專移動互聯(lián)應用技術專業(yè)和藝術設計相關專業(yè)的教學用書，也可作為UI設計人員的入門用書。

由于時間倉促，且作者水平有限，書中疏漏和錯誤之處在所難免，敬請讀者批評指正，如對本書有疑問，請發(fā)郵件（shenqiang0411427@163.com）聯(lián)系詢問。

序
前言

單元1 移動終端圖標界面設計 1
引例描述 1
1.1 相關知識與技能 1
1.1.1 界面圖標設計要點 1
1.1.2 擬物化界面設計 3
1.1.3 扁平化界面設計 3
1.2 任務一：圖標界面背景和布局設計 6
1.2.1 任務陳述—木質(zhì)界面背景和
布局設計 6
1.2.2 任務實施 7
1.2.3 任務拓展—牛仔布效果界面背景
和布局設計 15
1.3 任務二：圖標造型效果設計 20
1.3.1 任務陳述—金屬質(zhì)感圖標造型
效果設計 20
1.3.2 任務實施 21
1.3.3 任務拓展—皮革質(zhì)感圖標造型
效果設計 27
1.4 任務三：圖標圖形設計 32
1.4.1 任務陳述—擬物化圖標圖形設計 32
1.4.2 任務實施 33
1.4.3 任務拓展—簡約圖標圖形設計 49
1.5 項目實訓 53
單元2 移動終端鎖屏界面設計 54
引例描述 54
2.1 相關知識與技能 54
2.1.1 解鎖開關界面作品分析 54
2.1.2 時鐘與日期圖標設計 56
2.1.3 天氣預報圖標設計的要點 57
2.2 任務一：解鎖開關界面設計 58
2.2.1 任務陳述—迷宮解鎖開關
界面設計 58
2.2.2 任務實施 59
2.2.3 任務拓展—撕紙效果解鎖開關
界面設計 70
2.3 任務二：時鐘解鎖界面設計 76
2.3.1 任務陳述—指針時鐘解鎖
界面設計 76
2.3.2 任務實施 77
2.3.3 任務拓展—數(shù)字時鐘界面設計 90
2.4 任務三：天氣預報圖標設計 95
2.4.1 任務陳述—具象天氣預報
圖標設計 95
2.4.2 任務實施 96
2.4.3 任務拓展—抽象簡約風格天氣
預報圖標設計 104
2.5 項目實訓 107
單元3 手機通話界面設計 108
引例描述 108
3.1 相關知識與技能 108
3.1.1 撥號界面設計作品分析 108
3.1.2 通話記錄界面的要點 110
3.1.3 電話簿界面的要點 111
3.2 任務：手機通話界面設計 112
3.2.1 任務陳述—懷舊風格手機通話
界面設計 112
3.2.2 任務實施 113
3.2.3 任務拓展—透明效果手機撥號
界面設計 139
3.3 項目實訓 154
單元4 移動終端影音媒體界面設計 156
引例描述 156
4.1 相關知識與技能 156
4.1.1 界面細節(jié)帶給用戶的心理感受 156
4.1.2 制作金屬質(zhì)感按鈕 159
4.1.3 制作金屬質(zhì)感旋鈕 162
4.2 任務一：視頻媒體播放器界面設計 168
4.2.1 任務陳述—清新風格視頻播放器
界面設計 168
4.2.2 任務實施 169
4.2.3 任務拓展—橙色視頻播放器
界面設計 181
4.3 任務二：音頻媒體播放器界面設計 185
4.3.1 任務陳述—流線型音頻媒體
播放器界面設計 185
4.3.2 任務實施 186
4.3.3 任務拓展—酷黑音頻播放器
界面設計 193
4.4 任務三：收音機播放器界面設計 201
4.4.1 任務陳述—旋鈕型收音機播放器
界面設計 201
4.4.2 任務實施 202
4.4.3 任務拓展—滑動型收音機播放器
界面設計 216
4.5 項目實訓 224
單元5 移動終端游戲界面設計 226
引例描述 226
5.1 相關知識與技能 226
5.1.1 游戲界面娛樂氛圍的營造方法 226
5.1.2 游戲界面字體設計的要領 228
5.1.3 游戲界面發(fā)光字體設計與制作 230
5.2 任務一：游戲圖標設計 235
5.2.1 任務陳述—手機桌球游戲
圖標設計 235
5.2.2 任務實施 236
5.2.3 任務拓展—手機五子棋游戲
圖標設計 243
5.3 任務二：游戲登錄界面設計 248
5.3.1 任務陳述—手機桌球游戲登錄
界面設計 248
5.3.2 任務實施 249
5.3.3 任務拓展—手機五子棋游戲登錄
界面設計 253
5.4 任務三：游戲操作界面設計 260
5.4.1 任務陳述—手機桌球游戲操作
界面設計 260
5.4.2 任務實施 261
5.4.3 任務拓展—手機五子棋游戲操作
界面設計 271
5.5 項目實訓 278
單元6 移動終端軟件界面設計 279
引例描述 279
6.1 相關知識與技能 279
6.1.1 軟件界面?zhèn)�性的塑造原則 279
6.1.2 軟件色彩設計 281
6.1.3 軟件布局設計 281
6.2 任務一：軟件圖標設計 281
6.2.1 任務陳述—即時聊天軟件
圖標設計 281
6.2.2 任務實施 282
6.2.3 任務拓展—手機錄音軟件
圖標設計 285
6.3 任務二：軟件歡迎（登錄）界面設計 288
6.3.1 任務陳述—即時聊天軟件登錄
界面設計 288
6.3.2 任務實施 289
6.4 任務三：軟件操作界面設計 297
6.4.1 任務陳述—即時聊天軟件操作
界面設計 297
6.4.2 任務實施 298
6.4.3 任務拓展—手機錄音軟件操作
界面設計 311
6.5 項目實訓 322
單元7 移動終端UI主題設計 323
引例描述 323
7.1 相關知識與技能 323
7.2 任務一：手機鎖屏界面主題設計 327
7.2.1 任務陳述—教師職業(yè)主題手機
鎖屏界面設計 327
7.2.2 任務實施 328
7.2.3 任務拓展—溫暖夏日主題手機
鎖屏界面設計 338
7.3 任務二：手機圖標界面主題設計 343
7.3.1 任務陳述—教師職業(yè)主題手機
圖標界面設計 343
7.3.2 任務實施 344
7.3.3 任務拓展—溫暖夏日主題手機
圖標界面設計 358
7.4 項目實訓 362

1. SwiftUI完全開發(fā) [李智威 著]
2. 深入淺出OpenHarmony——架構(gòu)、內(nèi)核、驅(qū)動及應用開發(fā)全棧 [李傳釗 著]
3. UI界面設計與制作教程 [主 編 黎 婭 任勁松]
4. Android高級程序設計 [主編　周雯　舒松]
5. 基于Android平臺的移動開發(fā)技術 [主編 徐碩博 黃衛(wèi)東 賈雁]
6. Android 應用開發(fā)項目實戰(zhàn) [主編 梁 琨 朱冰鴻]
7. Android應用開發(fā)基礎教程 [主編 巫湘林]
8. 移動終端服務器管理與開發(fā) [主編 熊偉 曹天人]
9. Android軟件應用與實踐 [主編 梁平 高峰]
10. 移動端UI設計及規(guī)范——分分鐘搞定App UI設計 [北京課工場教育科技有限公司Q]
11. 移動端UI商業(yè)項目實戰(zhàn)——讓人愛不釋手的移動端UI設計 [北京課工場教育科技有限公司]
12. Visual C++ & Android程序設計綜合實訓（第二版） [主編 梁建武]
13. Android開發(fā)實用教程 [主編 王建華 張偉]
14. Android基礎教程 [余 平 張建華]
15. Android 4.X手機/平板電腦程序設計入門、應用到精通（第二版） [孫宏明 著]
16. Android手機/平板電腦程序開發(fā)教練 [黃彬華 編著]
17. Android手機程序設計入門、應用到精通 [孫宏明 著]