通俗易懂，循序漸進，圖文結合

內容全面，實例豐富，操作性強

淡化理論，突出實踐，強調應用

隨著計算機網絡的迅速發展，簡單的軟件程序已經無法滿足用戶的需求。在激烈的競爭中，UI設計逐漸進入人們的視線，并且在快速地發展和更新。國內外眾多IT公司都已經成立了專業的UI設計部門，但UI專業人才稀缺。目前全國高校UI設計專業開設得比較少，教學方法也相對比較傳統和落后，無法適應UI設計這個專業的教學特點，這就要求高校教師在講授“UI設計”課程時要不斷探索和使用新的教學方法和手段。

本書所述教學方法使用多種信息化教學手段，緊緊圍繞教學中心，采用分組實踐、討論方式，以學生為主體完成了知識、理論、實踐一體化的教學。在這個過程中，教師進行引領，以任務為導向，將教學內容設置成一個或多個具體的、可操作性強的任務或子任務，學生緊密圍繞任務活動，在教師的引導下，通過自主學習與合作探究，實現理論知識的實踐轉換，提高自主學習能力和創新能力。

這種教學方法從人才培養體系整體出發，教師轉變教學方法，做學生學習的引領者、組織者、參與者和欣賞者；學生具有學習的愿望和能力，學會交流與合作，具有團隊精神，由原來被動地接受知識變成通過自主、合作、探究方式來體驗學習過程，感受獲取知識的快樂。這種教學方法培養學生的基本技能和綜合分析能力，重視基本技能的綜合和擴展，引導學生獨立處理復雜問題，提高學生解決實際問題的能力。

教師在教學的過程中，首先，利用教學視頻、教學動畫、虛擬演示等方式，實現教材中復雜問題簡單化、抽象問題形象化，化解教學的難點，突出教學重點，能夠讓學生充分理解所學的理論知識。其次，根據所教授的理論知識給學生布置相應的實訓練習，引導學生帶著“任務”進行實踐，充分理解所學知識并運用所學知識完成相應的實訓任務，激發學生獨立學習的興趣，提高學生獨立學習的能力。最后，教師根據完成任務的情況，組織學生討論、思考、相互評價、提出問題等，然后給予點評。以上這些教學方法需要教師將“專業書籍”轉變為“實踐創新”，要打破常規，運用一些具有挑戰性的問題來強化學生的創新意識和合作意識。此種教學方法真正踐行了“工作任務引領、行動導向”的教學理念。

對應于上述思想，我們精心安排課程，將計算機技術和藝術設計融合在一起，將Photoshop和Android Studio作為設計和開發平臺，將最終的設計效果真正地應用到手機App中，展現出其真實的效果，讓學生體會到設計的樂趣。考慮到使用本書的學生相對來說編程能力較弱，我們“重設計，輕代碼”，使用相對簡單的XML文件編碼作為界面實現的主要方式，使得學生能快速地掌握編碼的方法，提升學習的興趣。在內容選取上，強調技術性和實用性，淡化理論，突出實踐，強調應用。

本書分為8章：第1章對UI設計進行了總體的概述；第2章講了UI色彩的搭配和應用；第3章和第4章分別從藝術設計和手機編程的角度對UI的界面布局進行了介紹；第5～7章詳細地介紹了如何進行UI圖標和按鈕的設計與編碼；第8章對手機常用的主題、壁紙、界面的UI設計進行了詳細的介紹。這8章理論和實踐相結合，每章中都穿插著相應的任務，踐行了“在做中學、在做中教、教學做合一”的教學理念，激發了學生學習的熱忱和興趣，使學生主動地使用腦心手進行知識的掌握和知識的轉化。

本書由安徽工業經濟職業技術學院的李昀蕓、宋蓓蓓、王悅娟任主編，李昀蕓完成了本書的統稿，并負責2.1節和第5章的編寫，宋蓓蓓負責第4章和第7章的編寫，王悅娟負責第1章、第3章的編寫；由朱麗進和張琳欽任副主編，朱麗進負責第6章、第8章的編寫，張琳欽負責2.2節和2.3節的編寫。在此對在本書編書過程中提供幫助的人表示衷心的感謝。由于時間倉促及編者水平有限，書中難免有疏漏之處，懇請讀者批評指正。

編　者

2020年1月

第1章　UI設計概述/1
1.1　UI設計的概念 2
1.2　UI設計的特點 5
1.3　UI設計的原則 6
1.4　UI設計常用工具 7
課后練習 14
第2章　UI設計的色彩/15
2.1　UI配色原則 16
2.2　UI配色技巧 16
2.2.1　顏色與用戶關系的搭配技巧 17
2.2.2　顏色與界面結構的搭配技巧 19
2.3　UI文字與圖形搭配 23
2.3.1　文字與圖形的藝術特征及
　　　表現手法 23
2.3.2　圖形元素的設計對App界面
　　　設計的影響 23
2.3.3　圖形元素與文字信息在App界面
　　　中的設計方式 24
課后練習 25
第3章　UI界面設計/27
3.1　UI界面設計的概念 28
3.2　UI界面設計的原則 30
3.2.1　UI界面設計基本原則 30
3.2.2　UI界面圖形設計原則 30
3.3　UI界面設計的規范 36
3.3.1　UI界面設計尺寸 36
3.3.2　文本規范 38
3.3.3　基礎組件 39
3.3.4　常用命名規范 40
3.4　UI界面設計的基本要素 45
3.4.1　界面元素概述 45
3.4.2　用戶界面元素 46
課后練習 51
第4章　手機App的設計布局/53
4.1　布局概述 54
4.1.1　View類 54
4.1.2　Android中使用XML文件進行布局 55
4.1.3　Android中使用代碼進行布局 56
4.2　線性布局 56
4.3　相對布局 59
4.4　表格布局 61
4.5　框架布局 63
4.6　嵌套布局 65
課后練習 67
第5章　UI圖標設計/69
5.1　UI圖標設計基礎知識 70
5.1.1　UI圖標的概念及特征 70
5.1.2　UI圖標的分類 70
5.2　各行業UI圖標設計 73
5.2.1　餐飲類圖標設計 73
5.2.2　醫療類圖標設計 76
5.2.3　體育類圖標設計 82
5.2.4　視聽類圖標設計 85
5.2.5　時尚類圖標設計 92
課后練習 95
第6章　UI按鈕設計/97
6.1　基本按鈕制作 98
6.2　下拉選擇 103
6.3　滑動條 107
6.4　切換塊 111
課后練習 114
第7章　手機App的組件/115
7.1　TextView組件 116
7.2　Button組件 119
7.3　EditText組件 121
7.4　ImageView組件 123
7.5　GridView組件 125
課后練習 127
第8章　手機主題設計/129
8.1　制作主題形象 130
8.2　制作手機壁紙 139
8.3　制作登錄界面 146
8.4　制作鎖屏界面 150
課后練習 154
參考文獻/157
關于引用作品的版權聲明/158

1. 零基礎玩轉國產大模型DeepSeek [徐永冰 張帥 編著]
2. 網絡工程師5天修煉（適配第6版考綱） [主編　朱小平 施游]
3. 信息系統項目管理師考試32小時通關（適用第4版考綱） [薛大龍]
4. 信息系統管理工程師考試32小時通關（適配第2版考綱） [薛大龍　劉偉]
5. 土木工程材料檢測實訓 [洪曉江 達則曉麗 錢波]
6. 科技信息檢索與論文寫作實用教程 [李振華]
7. 傳統山水畫論解讀與實踐 [陳鈉 著]
8. Python數據庫編程 [主編 殷樹友 邢 翀]
9. 計算機基礎實訓指導 [主編 袁春萍 朱妮]
10. 嵌入式人工智能技術應用（數字教材） [主編 胡娜 楊國勇 晏廷榮]
11. Vienna整流器技術 [桂存兵 著]
12. 變頻器與伺服應用 [陳剛 葉云飛]
13. 物聯網工程設計與實踐 [湯琳 李敏]
14. 爐邊夜話——深入淺出話AI [汪建　著]
15. 電商運營與管理 [鐘肖英 陳瀟]
16. Java面向對象程序設計 [主編 姜春磊 陳虹潔]
17. 信息技術基礎（Windows 10+WPS Office）（微課版） [主編　石利平　田輝平　謝盛嘉]
18. 人工智能應用 [主編　陳　萍　劉培培　陳孟軍]
19. 大學生職業發展與就業指導 [主編　劉志堅]
20. 高級辦公應用項目教程 [主編 屈晶 趙成麗]
21. 微信小程序開發項目實戰（微課版） [主編 黃龍泉 郭峰 朱倩]
22. 企業檔案工作實戰寶典百問百答 [華俊 盧秀英 邵甜甜 著]
23. 計算機網絡原理及應用 [主編 唐繼勇 葉坤 孫夢娜]
24. 大學生創業基礎 [主編 王麗莉 王 楊]
25. 船舶輔機 [主編 王連海 于洋 姜淑翠]
26. 大學生就業指導 [主編 王麗莉 董宴廷]
27. 系統架構設計師章節習題與考點特訓 [主編 薛大龍 鄒月平]
28. 高校學生工作探索與實踐 [郭亮 著]
29. 大學生情商管理 [方雄 著]
30. 2023年長沙市會展業發展報告 [主編 周棟良]