課證融通：內(nèi)容編寫有機融合面向界面設計1+X 證書的相關技能要求。

課程思政：將中國傳統(tǒng)文化元素融入案例，為課程思政建設提供思路。

校企合作：一手素材、真實案例，將知識、技能、標準全面融入教學。

實踐性強：采用“項目導向、任務驅(qū)動”的編寫方式，突出實踐應用。

資源豐富：配套電子課件、微課、習題答案等資源，方便師生教與學。

隨著“互聯(lián)網(wǎng)+”時代的發(fā)展及社會、市場的需求，UI設計職業(yè)崗位越來越受歡迎。該領域人才需求缺口大、就業(yè)待遇薪資高、發(fā)展空間大，是許多人向往的工作崗位。

1．本書特色

（1）課證融通。依據(jù)界面設計1+X職業(yè)技能初級證書中對界面設計模塊要求，全面梳理教材內(nèi)容，將企業(yè)工作任務、職業(yè)技能要求、行業(yè)設計規(guī)范等融入教材，同時，結合教學中有效的實踐、工具和方法，開發(fā)學習流程，并對課證融通進行探索，建設面向界面設計1+X職業(yè)技能初級證書的配套輔助教材。

（2）課程思政。通過視覺表達方法把中國傳統(tǒng)文化元素運用到手機主題界面設計中，在圖標功能與文化內(nèi)涵之間建立起對應關系，讓讀者在學習中體會中華民族傳統(tǒng)文化的魅力。

（3）校企合作。編寫過程中充分與企業(yè)一線設計人員進行溝通，選取了行業(yè)一手素材，以及與企業(yè)合作的真實教學項目作為教材編寫的案例，將知識、技能、標準全面融入本書的任務中。

（4）實踐性強。采用“項目導向、任務驅(qū)動”的編寫方式，各項目主要包含“任務要點”“任務實現(xiàn)”“任務拓展”“任務小結”等環(huán)節(jié)，緊緊圍繞任務，構建融合互通、層層遞進的任務體系。

（5）資源豐富。運用二維碼技術提供豐富的資料包，包括微課、習題答案、擴展閱讀等，方便讀者進行對比學習，方便教師做課程準備。

2．內(nèi)容概述

本書依據(jù)職業(yè)技能提升過程，分為三篇：第一篇是基礎篇，主要掌握界面設計學習中的職業(yè)標準和技能要求并對職業(yè)崗位進行認知和了解；第二篇是圖標篇，在理解基礎理論之上學習界面設計中重要元素圖標；第三篇是綜合實踐篇，在掌握基礎能力后進行視覺設計實踐。其中，第一篇有2個項目、8個任務，主要涵蓋界面設計崗位能力要求、產(chǎn)品開發(fā)流程應用、界面設計規(guī)范、交互設計基礎、界面設計原則及移動端UI設計中的色彩表現(xiàn)6個方面內(nèi)容；第二篇有1個項目、9個任務，分別對線性圖標、面性圖標、線面結合圖標、扁平風格圖標、輕擬物圖標、寫實圖標設計制作要點及方法進行介紹；第三篇有3個項目、18個任務，分別對手機主題界面設計制作、App應用界面設計制作及交付文檔進行模擬訓練。

3．讀者對象

本書信息量大、內(nèi)容資源豐富、實用性強，既可以作為數(shù)字媒體應用技術、藝術設計、移動應用開發(fā)等專業(yè)的教材和學習輔導書，也可以作為考取界面設計1+X職業(yè)技能初級證書的備考人員的參考書和界面設計愛好者的自學書籍。為讀者了解界面設計基礎，掌握平面軟件制作，掌握交互基礎、制作界面視覺設計作品提供幫助。

4．作者團隊

本書由來自一線項目的研發(fā)人員和一線教學的任課老師編寫而成。本書由苗楠任主編，負責全書的統(tǒng)稿、修改、定稿工作，趙晟媛任副主編。具體編寫分工為：苗楠負責編寫項目一，項目四，項目五，項目六和項目三中的任務1、2、3、4、7；趙晟媛負責編寫項目二和項目三中的任務5、6、8、9。同時，李鑫平、董文婧、唐建民等為本書編寫和資源建設做了很多有益工作；中國水利水電出版社的有關負責同志對本書的出版給予了大力支持。在此，向這些作者以及為本書出版付出辛勤勞動的同志表示感謝。在本書編寫過程中還參閱和采用了部分設計網(wǎng)站的文章及圖例，因來源復雜，不能一一標注作者，在此深表歉意和感謝。

在本書編寫過程中編者雖然傾注了全部精力，但由于水平有限，加之時間倉促，書中難免有疏漏之處，懇請各位讀者和專家批評指正。

基礎篇

項目一 移動端界面設計基礎 1
任務1 認識移動端界面設計 1
任務要點 1
任務檢測 4
任務2 產(chǎn)品開發(fā)流程應用 5
任務要點 5
任務檢測 10
任務3 移動端界面基礎設計規(guī)范 10
任務要點 10
任務檢測 18
任務4 交互設計基礎 18
任務要點 18
任務檢測 34
任務5 移動端界面設計基本原則 35
任務要點 35
任務檢測 52
項目總結 53
項目二 移動端界面設計色彩搭配 54
任務1 色彩的基本認知 54
任務要點 54
任務檢測 67
任務2 色彩情感在移動端界面中的應用 67
任務要點 67
任務實現(xiàn)—漸變色鎖屏手機界面制作 78
任務檢測 86
任務3 移動端界面色彩配色技巧 87
任務要點 87
任務實現(xiàn)—移動端界面主色配色設定 116
任務檢測 122
項目總結 123

圖標設計篇

項目三 使用Photoshop設計制作圖標 124
任務1 認識圖標設計 124
任務要點 124
任務實現(xiàn)—微信圖標的設計制作 131
任務檢測 134
任務小結 135
任務2 線性圖標設計制作 135
任務要點 135
任務實現(xiàn)—天氣圖標的繪制 138
任務拓展 140
任務小結 141
任務3 面性圖標設計制作 141
任務要點 141
任務實現(xiàn)—相機圖標的繪制 144
任務拓展 146
任務小結 146
任務4 線面結合圖標設計制作 146
任務要點 146
任務實現(xiàn)—首頁圖標的繪制 147
任務拓展 149
任務小結 149
任務5 扁平化圖標—折紙圖標設計制作 149
任務要點 149
任務實現(xiàn)—地圖圖標制作 154
任務拓展 157
任務小結 157
任務6 輕擬物圖標—輕質(zhì)感圖標設計
制作 157
任務要點 157
任務實現(xiàn)—時間圖標制作 160
任務拓展 162
任務小結 162
任務7 輕擬物圖標—透明質(zhì)感圖標設計
制作 162
任務要點 162
任務實現(xiàn)—設置圖標制作 164
任務拓展 167
任務小結 168
任務8 寫實圖標—金屬質(zhì)感圖標設計
制作 168
任務要點 168
任務實現(xiàn)—開關圖標制作 174
任務拓展 178
任務小結 178
任務9 寫實圖標—木質(zhì)感圖標設計制作 178
任務要點 178
任務實現(xiàn)—郵件圖標制作 188
任務拓展 192
任務小結 192

綜合實踐篇

項目四 剪紙風格手機主題界面設計 193
任務1 手機主題桌面圖標設計 193
任務要點 193
任務實現(xiàn)—剪紙風格圖標制作 195
任務拓展 200
任務小結 201
任務2 手機主題背景界面設計 201
任務要點 201
任務實現(xiàn)—背景界面設計制作 202
任務拓展 205
任務小結 206
任務3 手機主題鎖屏界面設計 206
任務要點 206
任務實現(xiàn)—鎖屏界面設計制作 207
任務拓展 208
任務小結 209
項目五 新西蘭NAMEKIWI App應用界面
設計 210
任務1 App啟動圖標設計 210
任務要點 210
任務實現(xiàn)—App啟動圖標制作 211
任務拓展 213
任務小結 214
任務2 啟動頁設計 214
任務要點 214
任務實現(xiàn)—啟動頁制作 215
任務拓展 217
任務小結 217
任務3 引導頁設計 217
任務要點 217
任務實現(xiàn)—引導頁制作 218
任務拓展 221
任務小結 222
任務4 首頁設計 222
任務要點 222
任務實現(xiàn)—首頁制作 224
任務拓展 237
任務小結 238
任務5 分類頁設計 238
任務要點 238
任務實現(xiàn)—分類頁制作 240
任務拓展 242
任務小結 243
任務6 商品詳情頁設計 243
任務要點 243
任務實現(xiàn)—商品詳情頁制作 245
任務拓展 247
任務小結 248
任務7 搜索頁設計 248
任務要點 248
任務實現(xiàn)—搜索頁制作 249
任務拓展 251
任務小結 251
任務8 搜索結果頁設計 251
任務要點 251
任務實現(xiàn)—搜索結果頁制作 252
任務拓展 254
任務小結 255
任務9 登錄注冊頁設計 255
任務要點 255
任務實現(xiàn)—登錄注冊頁制作 255
任務拓展 257
任務小結 258
任務10 購物車頁設計 258
任務要點 258
任務實現(xiàn)—購物車頁制作 259
任務拓展 262
任務小結 263
任務11 訂單結算頁設計 263
任務要點 263
任務實現(xiàn)—訂單結算頁制作 264
任務拓展 266
任務小結 267
任務12 個人中心頁設計 267
任務要點 267
任務實現(xiàn)—個人中心頁制作 268
任務拓展 271
任務小結 272
項目六 新西蘭NAMEKIWI App項目設計
交付文檔 273
任務1 設計適配 273
任務要點 273
任務實現(xiàn)—設計適配 276
任務拓展 279
任務小結 279
任務2 標注 280
任務要點 280
任務實現(xiàn)—標注登錄頁面 281
任務拓展 286
任務小結 286
任務3 切圖 287
任務要點 287
任務實現(xiàn)—分類頁切圖 293
任務拓展 297
任務小結 297
參考文獻 298

1. 輸水管線工程風險管理 [張勇 黨亥生 著]
2. 民用航空飛機標準線路施工 [主編　王志敏　陳明]
3. 不息的水脈—大運河講談錄 [趙珩　著]
4. 實用運籌學 [主編　邢育紅　于晉臣]
5. 三峽梯級電站水資源決策支持系統(tǒng)研究與開發(fā) [姚華明 潘紅忠 湯正]
6. 海南黎族民俗文化鑒賞 [龐國華　著]
7. 石墨烯在太赫茲及中紅外頻段電磁器件設計中的應用 [李艷秀 莊華偉 著]
8. 電子技術（第二版） [主編 覃愛娜 李飛]
9. 辦公自動化高級應用 [陳萍 朱曉玉]
10. 信息處理技術員考試32小時通關 [薛大龍]
11. 電子產(chǎn)品設計案例教程（微課版）—基于嘉立創(chuàng)EDA（專業(yè)版） [王靜 莫志宏 陳學昌 丁紅]
12. C程序設計實踐教程 [劉衛(wèi)國]
13. C程序設計（慕課版） [劉衛(wèi)國]
14. Web技術開發(fā)教程（基于.NET開源MVC框架） [王合闖 韓紅玲 王青正 陳海蕊]
15. 商務英語翻譯教程（筆譯）（第四版） [主編 王軍平]
16. 智慧零售技術與應用 [洪旭 著]
17. 建設工程法規(guī)實務 [主編 余瀅]
18. 商務秘書理論與實務（第三版） [主編 張同欽]
19. 程序設計基礎實踐教程（C/C++語言版） [張桂芬 葛麗娜]
20. C++案例項目精講 [主編 楊國興]
21. 勞動爭議處理實務 [主編 王秀卿 羅靜]
22. 工程數(shù)學 [主編 郭立娟 王海]
23. 語音識別理論與實踐 [主編　莫宏偉]
24. 信息系統(tǒng)項目管理師章節(jié)習題與考點特訓（第二版） [主編 薛大龍]
25. 武術基礎教程 [主編 李代勇 謝志民]
26. 計算機網(wǎng)絡實訓教程 [主編 張浩軍 趙玉娟]
27. 畫法幾何與機械制圖習題集（多學時） [主編 趙軍]
28. HCIA-Datacom認證題庫分類精講 [主 編 韓立剛]
29. SwiftUI完全開發(fā) [李智威 著]
30. 網(wǎng)絡規(guī)劃設計師備考一本通 [夏杰 編著]