注重實用技能培養——打造“互聯網+”UI 設計師 突出創意設計訓練——授人以漁而不只是作品臨摹

真實商業項目驅動——行業知識與專業設計相呼應 學習體驗時尚前衛——傳統教材與二維碼革命性攜手

隨著移動互聯技術的飛速發展，“互聯網+”時代已經悄然到來，這自然催生了各行業、企業對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 移動UI設計的相關概念 2
1.2 移動UI三大操作系統 3
1.2.1 Android系統界面 3
1.2.2 iOS系統界面 3
1.2.3 Windows Phone系統界面 4
1.3 移動UI設計常用軟件 5
1.3.1 Photoshop 5
1.3.2 Illustrator 6
1.3.3 CorelDraw 7
1.4 移動UI常見儲存格式 8
1.4.1 JPEG（.jpg） 8
1.4.2 GIF（.gif） 8
1.4.3 PNG（.png） 8
1.5 尺寸相關的術語概念和標準 9
1.5.1 屏幕尺寸 9
1.5.2 分辨率 9
1.5.3 屏幕密度 10
1.6 初入圖標世界 11
1.6.1 圖標的概念 12
1.6.2 圖標的分類 14
1.6.3 啟動圖標的規范 18
1.6.4 圖標的設計方法 19
實戰案例 20
本章總結 22
本章作業 23
第2章   　扁平化圖標——長陰影風格
本章簡介 28
理論講解 28
2.1 扁平化設計的概念和特點 28
2.1.1 扁平化設計的概念 28
2.1.2 扁平化設計的原則 30
2.1.3 扁平化設計的特點 33
2.2 扁平化設計成為發展趨勢 34
2.3 扁平化圖標的風格分類 35
2.4 扁平化圖標的優缺點 38
2.4.1 扁平化圖標的優點 38
2.4.2 扁平化圖標的缺點 38
2.5 長陰影風格相關知識 39
實戰案例 40
本章總結 42
本章作業 43
第3章   　扁平化圖標——折紙風格
本章簡介 46
理論講解 46
3.1 折紙風格圖標分析 46
3.2 折紙風格圖標的藝術特征 46
實戰案例 48
本章總結 50
本章作業 51
第4章   　扁平化圖標——iOS風格
本章簡介 54
理論講解 54
4.1 iOS簡介 54
4.2 iOS圖標分析 55
4.2.1 應用圖標 55
4.2.2 欄圖標 55
4.2.3 iOS新扁平化PK舊擬物化 56
4.3 iOS圖標設計規范 57
4.3.1 iOS啟動圖標設計規范 58
4.3.2 iOS圖標文字規范 59
實戰案例 60
本章總結 61
本章作業 62
第5章   　擬物化圖標——日歷
本章簡介 64
理論講解 64
5.1 擬物化設計的概念 64
5.2 擬物化設計的優缺點 66
5.2.1 擬物化設計的優點 66
5.2.2 擬物化設計的缺點 68
5.3 擬物化圖標欣賞 68
5.4 啟動圖標的制作尺寸 68
實戰案例 69
本章總結 71
本章作業 72
第6章   　擬物化圖標——抽屜郵件
本章簡介 76
理論講解 76
6.1 擬物化啟動圖標的設計流程 76
6.2 啟動圖標的設計原則 78
實戰案例 81
6.3 “抽屜郵件”啟動圖標制作方法分析 81
6.3.1 圖標制作步驟 81
6.3.2 通過實際案例講解圖標的設計流程 81
6.4 案例實操：PS圖層樣式的實際應用 83
本章總結 84
本章作業 85
第7章   　擬物化圖標——照相機
本章簡介 88
理論講解 88
7.1 擬物化相機圖標案例解析 88
7.1.1 項目需求 88
7.1.2 案例解析步驟 89
7.2 擬物化相機圖標制作方法 91
7.3 制作過程中的重難點提示 92
本章總結 93
本章作業 94
第8章    Android系統UI設計規范（一）
本章簡介 96
理論講解 96
8.1 移動端手機界面設計原則 96
8.1.1 移動設備的概念 96
8.1.2 移動設備界面的設計原則 97
8.2 Android手機界面設計基礎 100
8.2.1 Android簡介 100
8.2.2 Android App特性 101
8.3 Android界面設計尺寸規范 102
8.3.1 界面尺寸及分辨率 102
8.3.2 界面基本組成元素 103
8.3.3 字體規范 105
實戰案例 107
本章總結 109
本章作業 110
第9章   　Android系統UI設計規范（二）
本章簡介 112
理論講解 112
9.1 從設計師的角度理解px和dp 112
9.2 Android界面中的圖標規范 113
9.3 原生Android界面的色彩參考 115
9.4 Android界面尺寸標注 116
實戰案例 120
本章總結 123
本章作業 124
第10章   　iOS系統UI設計規范（一）
本章簡介 128
理論講解 128
10.1 iOS系統簡介 128
10.2 iOS6與iOS7界面風格對比 129
10.3 iOS App界面設計尺寸規范 133
10.3.1 界面尺寸及分辨率 133
10.3.2 界面基本組成元素 133
10.3.3 字體規范 135
實戰案例 137
本章總結 139
本章作業 140
第11章    iOS系統UI設計規范（二）
本章簡介 142
理論講解 142
11.1 iOS App設計技巧 142
11.2 iOS的配色 148
實戰案例 150
本章總結 153
本章作業 154
第12章   　綜合項目——休閑娛樂類App設計
本章簡介 156
項目實戰 157
12.1 設計制作Android應用程序“生活幫幫幫”App界面 157
12.1.1 理論概要 157
12.1.2 項目思路分析 161
12.2 Android應用程序項目案例——“生活幫幫幫”項目需求概述 162
12.2.1 項目名稱 162
12.2.2 項目背景 162
12.2.3 目標用戶 162
12.2.4 主要功能 162
12.3 “生活幫幫幫”界面設計實現思路 164
12.3.1 內容優先，合理布局 164
12.3.2 界面的繪制和構造 165
12.3.3 功能架構 165
12.3.4 色彩運用 166
12.3.5 技能要點 167
12.3.6 設計前的注意事項 167
本章總結 168

1. Python語言程序設計教程 [郭其標 房宜汕]
2. Python程序設計 [李國燕 王新強 劉佳 等編著]
3. Python程序設計項目化教程（活頁式） [主編　盧鳳偉]
4. Java編程基礎案例式教程 [主編 陳艷華 唐春蘭]
5. Python語言同步案例習題精解 [主編 肖朝暉]
6. Unity應用開發與實戰（微課版） [主 編 程永恒]
7. PHP程序設計項目化教程 [主 編 杜海穎]
8. 簡單易懂的Python入門教程 [［日］大澤文孝　著]
9. Python數據分析之道——Thinking in Pandas [[美]漢娜·斯捷潘內克（Hannah S]
10. 深入淺出OpenHarmony——架構、內核、驅動及應用開發全棧 [李傳釗 著]
11. MySQL數據庫項目化教程（第二版） [主編　鄭小蓉]
12. python青少年趣味編程 [千鋒教育 編著]
13. 程序員5天修煉 [施游 鄒月平 曾哲軍 編著]
14. Python程序設計應用教程 [王敏 李光正]
15. Java面向對象程序設計（微課版） [主編　謝先偉　王海洋]
16. Java面向對象程序設計 [主編 張立敏 鄒海濤]
17. 工業機器人編程及應用 [主編 向艷芳 胡月霞]
18. C語言程序設計（微課版） [主編　夏啟壽]
19. C語言程序設計實踐教程 [夏啟壽]
20. 單片機應用技術項目教程（C語言版）（第三版） [主編　郭志勇]
21. Python語言程序設計 [張雙獅]
22. 火球-UML大戰需求分析（第二版） [張傳波 著]
23. HTML5+CSS3前端開發項目式教程（微課版） [主編 譚衛 徐文義]
24. Python 程序設計（微課版） [楊智勇　廖丹]
25. 數據結構——C語言（微課版） [主編 梁海英]
26. UI界面設計與制作教程 [主 編 黎 婭 任勁松]
27. UML系統建模及系統分析與設計（第二版） [王欣 張毅 編著]
28. Android高級程序設計 [主編　周雯　舒松]
29. C程序設計簡明教程 [黃能耿 黃致遠 編著]
30. Java程序設計簡明教程 [黃能耿 黃致遠 編著]