隨著移動互聯技術的飛速發展，“互聯網+”時代已經悄然到來，這自然催生了各行業、企業對UI設計人才的大量需求。與傳統美工、設計人員相比，新“互聯網+”時代對UI設計師提出了更高的要求，傳統美工、設計人員已無法勝任。在這樣的大環境下，這套“互聯網UI設計師”系列教材應運而生，它旨在幫助讀者朋友快速成長為符合“互聯網+”時代企業需求的優秀UI設計師。

這套教材是由課工場（kgc.cn）的UI/UE教研團隊研發的。課工場是北大青鳥集團下屬企業北京課工場教育科技有限公司推出的互聯網教育平臺，專注于互聯網企業各崗位人才的培養。平臺匯聚了數百位來自知名培訓機構、高校的頂級名師和互聯網企業的行業專家，面向大學生以及需要“充電”的在職人員，針對與互聯網相關的產品、設計、開發、運維、推廣和運營等崗位，提供在線的直播和錄播課程，并通過遍及全國的幾十家線下服務中心提供現場面授以及多種形式的教學服務，且同步研發出版最新的課程教材。

課工場為培養互聯網UI設計人才設立了UI/UE設計學院及線下服務中心，提供各種學習資源和支持，包括：

　現場面授課程

　在線直播課程

　錄播視頻課程

　案例素材下載

　學習交流社區

　作業提交批改系統

　QQ討論組（技術、就業、生活）

以上所有資源請訪問課工場UI/UE學院：kgc.cn/uiue。

■ 本套教材特點

（1）課程高端、實用——拒絕培養傳統美工。

　培養符合“互聯網+”時代需求的高端UI設計人才，包括移動UI設計師、網頁UI設計師、平面UI設計師。

　除UI設計師所必須具備的技能外，本課程還涵蓋網絡營銷推廣內容，包括：網絡營銷基本常識、符合SEO標準的網站設計、Landing Page設計優化、營銷型企業網站設計等。

　注重培養產品意識和用戶體驗意識，包括電商網站設計、店鋪設計、用戶體驗、交互設計等。

　學習W3C相關標準和設計規范，包括HTML5/CSS3、移動端Android/iOS相關設計規范等內容。

（2）真實商業項目驅動——行業知識、專業設計一個也不能少。

　與知名4A公司合作，設計開發項目課程。

　幾十個實訓項目，涵蓋電商、金融、教育、旅游、游戲等行業。

　不僅注重商業項目實訓的流程和規范，還傳遞行業知識和業務需求。

（3）更時尚的二維碼學習體驗——傳統紙質教材學習方式的革命。

　每章提供二維碼掃描，可以直接觀看相關視頻講解和案例效果。

　課工場UI/UE學院（kgc.cn）開辟教材配套版塊，提供素材下載、學習社區等豐富的在線學習資源。

■ 讀者對象

（1）初學者：本套教材將幫助你快速進入互聯網UI設計行業，從零開始，逐步成長為專業UI設計師。

（2）設計師：本套教材將帶你進行全面、系統的互聯網UI設計學習，傳遞最全面、科學的設計理論，提供實用的設計技巧和項目經驗，幫助你向互聯網方向迅速轉型，拓寬設計業務范圍。

課工場出品（kgc.cn）

第1章   　移動端App設計——寫在設計之前
本章簡介 2
理論講解 2
1.1 實際企業中App設計的基本流程 2
1.2 實際項目中UI設計師前期需要確定的內容 4
1.3 移動UI三大操作系統 6
1.3.1 Android系統界面 7
1.3.2 iOS系統界面 7
1.3.3 Windows Phone系統界面 8
1.4 與尺寸相關的術語概念和標準 9
1.4.1 屏幕尺寸 9
1.4.2 分辨率 10
1.4.3 實用軟件 10
第2章   　蘑菇街項目——電商類Android手機
    App設計（一）
本章簡介 14
2.1 蘑菇街項目——電商類Android手機App設計需求概述 14
2.1.1 項目名稱 14
2.1.2 項目定位 14
2.1.3 蘑菇街企業背景 15
2.1.4 蘑菇街App項目需求 16
2.1.5 蘑菇街App風格要求 16
2.2 Android系統手機設計規范 18
2.2.1 Android系統界面尺寸和分辨率 19
2.2.2 Android系統字體與字號 25
2.2.3 Android系統圖標設計 26
2.3 實戰案例——蘑菇街Android系統啟動圖標設計 34
2.4 點9切圖的制作方法 35
2.4.1 點9切圖的概念 36
2.4.2 點9切圖的制作方法 36
2.5 對按鈕進行點9切圖 37
本章總結 38
本章作業 39
第3章   　蘑菇街項目——電商類Android手機
    App設計（二）
本章簡介 42
3.1 電商類App設計理論 42
3.1.1 電商類App的常見分類 42
3.1.2 電商類App的特點 43
3.1.3 電商類App的常見視覺風格 44
3.1.4 電商類App的常見功能 46
3.1.5 電商類App的目標用戶分析 49
3.2 蘑菇街項目——電商類Android手機App設計分析 50
3.2.1 電商類App的制作流程 50
3.2.2 蘑菇街項目需求及主要目標用戶分析 51
3.2.3 蘑菇街項目設計規劃 52
3.2.4 實戰案例——蘑菇街手機App關注頁界面設計 54
3.2.5 實戰案例——蘑菇街手機App購買（買買買）
   頁界面設計 56
3.3 啟動頁與引導頁的技巧及方法 57
3.3.1 啟動頁、引導頁概述 57
3.3.2 啟動頁、引導頁的設計原則 63
3.3.3 實戰案例——蘑菇街App引導頁設計 66
本章總結 70
本章作業 71
第4章   　課工場項目——教育類iOS手機
    App設計（一）
本章簡介 74
4.1 課工場項目——教育類iOS手機App設計需求概述 74
4.1.1 項目名稱 74
4.1.2 項目定位 74
4.1.3 課工場企業背景 74
4.1.4 課工場App項目需求 75
4.1.5 課工場App風格要求 76
4.2 iOS系統手機界面設計規范 76
4.2.1 iOS系統界面尺寸和分辨率 77
4.2.2 iOS系統字體與字號 81
4.3 iOS系統圖標設計尺寸及規范 82
4.3.1 iOS系統圖標設計尺寸 82
4.3.2 iOS系統圖標設計規范 83
4.3.3 實戰案例——為課工場設計iOS系統啟動圖標 84
4.4 標注規范及設計技巧 85
4.4.1 界面標注元素 85
4.4.2 界面標注技巧 85
4.4.3 實戰案例——對課工場界面進行標注 87
本章總結 90
本章作業 91
第5章   　課工場項目——教育類iOS手機App設計（二）
本章簡介 94
5.1 教育類App設計理論 94
5.1.1 教育類App的常見分類 94
5.1.2 教育類App的優勢 95
5.1.3 教育類App的常見視覺風格 95
5.1.4 教育類App的常見功能 97
5.1.5 教育類App的目標用戶分析 99
5.2 課工場手機App設計分析 100
5.2.1 課工場項目需求分析 100
5.2.2 課工場主要目標用戶分析 100
5.2.3 課工場項目設計規劃 100
5.2.4 課工場手機App首頁設計 102
5.3 側邊欄導航與Tab導航 107
5.3.1 側邊欄導航與Tab導航概述 108
5.3.2 側邊欄導航與Tab導航的差異 110
5.3.3 實戰案例——課工場手機App側邊欄界面設計 111
5.4 整套圖標的設計原則和注意事項 113
5.4.1 整套圖標的設計原則 114
5.4.2 整套圖標的注意事項 115
5.4.3 實戰案例——教育類App界面中需要調整的整套圖標 116
本章總結 118
本章作業 119
第6章   　1號藥店項目——醫療類手機App設計
本章簡介 122
6.1 1號藥店項目——醫療類手機App設計需求概述 122
6.1.1 項目名稱 122
6.1.2 項目定位 122
6.1.3 1號藥店企業背景 123
6.1.4 1號藥店App項目需求 123
6.1.5 1號藥店App風格要求 123
6.2 醫療類App設計理論 123
6.2.1 醫療類App的常見分類 123
6.2.2 醫療類App的特點 124
6.2.3 醫療類App的常見功能 125
6.2.4 醫療類App的目標用戶分析 126
6.2.5 醫療類App的常見視覺風格 126
6.3 擬物化設計 127
6.3.1 擬物化設計的概念 128
6.3.2 擬物化風格界面的優缺點 130
6.3.3 擬物化設計的技巧 131
6.3.4 擬物化設計的制作步驟 132
6.3.5 實戰案例——1號藥店啟動圖標設計 132
6.3.6 實戰案例——1號藥店書架界面設計 134
6.4 iOS系統與Android系統原生App圖標與界面的比較 137
6.4.1 iOS系統與Android系統的差異 137
6.4.2 iOS系統與Android系統原生圖標的比較 138
6.4.3 iOS系統與Android系統原生App界面的比較 138
6.4.4 實戰案例——雙系統下的1號藥店界面原型圖設計 142
6.5 1號藥店項目——醫療類手機App設計分析 144
6.5.1 1號藥店項目需求及主要目標用戶分析 144
6.5.2 1號藥店項目設計規劃 144
6.5.3 實戰案例——1號藥店手機App首頁界面設計 145
6.6 移動端App登錄、注冊界面設計 147
6.6.1 移動端登錄、注冊界面的設計原則和注意事項 147
6.6.2 移動端登錄、注冊界面的設計方法 148
6.6.3 實戰案例——1號藥店登錄原型圖界面設計 152
本章總結 155
本章作業 156
第7章   　刀塔傳奇項目——游戲類手機App設計
本章簡介 158
7.1 刀塔傳奇項目——游戲類手機App設計需求概述 158
7.1.1 項目名稱 158
7.1.2 項目定位 158
7.1.3 刀塔傳奇背景 159
7.1.4 刀塔傳奇App項目需求 159
7.1.5 刀塔傳奇App風格要求 159
7.2 游戲類App設計理論 159
7.2.1 游戲類App的常見分類 160
7.2.2 游戲類App的特點 163
7.2.3 游戲類App的常見視覺風格 163
7.2.4 游戲類App的目標用戶分析和注意事項 165
7.2.5 游戲類App的制作流程 166
7.2.6 游戲類App的設計原則 168
7.2.7 充分考慮用戶體驗與交互 174
7.3 游戲類App界面的設計技巧 179
7.4 刀塔傳奇項目——游戲類手機App設計 182
7.4.1 刀塔傳奇項目需求和主要目標用戶分析 182
7.4.2 實戰案例——刀塔傳奇手機App場景界面設計 182
7.4.3 實戰案例——刀塔傳奇手機App英雄詳情頁設計 190
7.4.4 實戰案例——刀塔傳奇手機App全部英雄列表頁設計 192
本章總結 195
本章作業 196
第8章   　南豐鼎軒項目——餐飲類Pad端App設計
本章簡介 198
8.1 南豐鼎軒項目——餐飲類Pad端App設計需求概述 198
8.1.1 項目名稱 198
8.1.2 項目定位 198
8.2 餐飲類App設計理論 199
8.2.1 餐飲類App行業介紹 199
8.2.2 餐飲類App的分類 199
8.2.3 餐飲類App的常見功能 199
8.2.4 餐飲類App的制作流程 200
8.3 Pad端App設計的基礎理論 201
8.3.1 相關概念理論 201
8.3.2 Pad端App界面的設計規范 202
8.3.3 Pad端App的設計方法和用戶體驗 203
8.4 南豐鼎軒項目——餐飲類手機App設計 205
8.4.1 南豐鼎軒企業及項目分析 205
8.4.2 實戰案例——南豐鼎軒點餐App開屏首頁設計 207
8.4.3 實戰案例——南豐鼎軒點餐App點餐界面設計 210
本章總結 212
本章作業 213
第9章   　移動端App設計——寫在設計之后
本章簡介 216
9.1 規范的重要性 216
9.1.1 重要的規范 216
9.1.2 變化著的設計規范 218
9.2 設計的流行趨勢 220
9.2.1 設計風格的發展與延展 220
9.2.2 如何緊跟時代潮流掌握最新的設計流行趨勢 222
9.2.3 不盲目屈從流行趨勢，視覺風格要從項目出發 223
9.3 從產品的角度看設計 223
本章總結 227

1. SwiftUI完全開發 [李智威 著]
2. 深入淺出OpenHarmony——架構、內核、驅動及應用開發全棧 [李傳釗 著]
3. Android高級程序設計 [主編　周雯　舒松]
4. 基于Android平臺的移動開發技術 [主編 徐碩博 黃衛東 賈雁]
5. Android 應用開發項目實戰 [主編 梁 琨 朱冰鴻]
6. Android應用開發基礎教程 [主編 巫湘林]
7. Java ME手機應用程序開發 [易燦 李志勇 編著]
8. 移動終端服務器管理與開發 [主編 熊偉 曹天人]
9. 移動終端UI界面設計項目教程 [主編 沈強]
10. Android軟件應用與實踐 [主編 梁平 高峰]
11. 移動端UI設計及規范——分分鐘搞定App UI設計 [北京課工場教育科技有限公司Q]
12. Visual C++ & Android程序設計綜合實訓（第二版） [主編 梁建武]
13. Android開發實用教程 [主編 王建華 張偉]
14. 單片機原理及應用設計（第二版） [主編 胡輝 ]
15. C++應用程序設計 [劉彥姝 謝景偉]
16. Android基礎教程 [余 平 張建華]
17. ANSYS非線性有限元分析方法及范例應用 [張洪偉 高相勝 張慶余 編著]
18. ANSYS信號完整性分析與仿真實例 [房麗麗 編著]
19. Android 4.X手機/平板電腦程序設計入門、應用到精通（第二版） [孫宏明 著]
20. 壓力容器全模型ANSYS分析與強度計算新規范 [欒春遠 編著]
21. Android開發完全講義（第二版） [李寧 編著]
22. Android手機/平板電腦程序開發教練 [黃彬華 編著]
23. Android手機程序設計入門、應用到精通 [孫宏明 著]
24. ANSYS 13.0 Workbench數值模擬技術 [許京荊]
25. ANSYS二次開發及應用實例詳解 [師訪]
26. ANSYS流固耦合分析與工程實例 [宋學官 蔡林 張華 編著]
27. Exchange Server 2010 SP1 實戰精粹 [職念文]
28. 單片機原理及應用設計 [胡輝 主編]