本書以理論與項目實戰(zhàn)相結合的方式， 詳細講解了UI設計與制作的方法。 第1章為初識UI設計， 介紹了UI設計的基本概念、常用軟件、發(fā)展趨勢、 學習方法、 項目流程， 以及規(guī)范與規(guī)則。第2章到第6章分別介紹了UI設計中的圖標設計、控件設計、組件設計、頁面設計和UI設計輸出。第2章到第6單除知識講解外，還包括課堂案例。 課堂練習和課后習題等內容。 本書內容豐富、 全 面， 知識點講解清晰詳細， 可以幫助讀者快速提高UI設計的能力。
全彩慕課版
配套慕課視頻+配套素材及最終效果文件+擴展案例+PPT課件+教學教案+教學大綱+拓展知識頁
精選基礎知識，快速了解UI設計；通過知識點解析加課堂案例，熟悉設計思路，掌握制作方法；通過課堂練習加課后習題，拓展應用能力；循序漸進，演練真實商業(yè)項目制作過程
徐翠娟 哈爾濱職業(yè)技術學院電子與信息工程學院院長、教授，黑龍江省高職高專計算機類專業(yè)教學指導委員會副主任委員，黑龍江省教學名師，獲得黑龍江省師德先進個人、黃炎培職業(yè)教育優(yōu)秀教師獎等榮譽稱號，主講《圖形圖像處理技術》《網頁設計基礎》《Java程序設計》等多門課程。2010年主持《Java項目實戰(zhàn)》課程評為省級精品課程，2018年評為省級精品在線開放課程，2010年評為黑龍江省課程思政示范課。主編《數(shù)字影音編輯與合成案例教程》《Java程序設計》、《計算機應用基礎》等多部教材。主持項目獲黑龍江省高等職業(yè)教育教學成果一等獎1項、二等獎1項，參與項目獲全國職業(yè)教育教學成果二等獎1項。
宋磊 哈爾濱職業(yè)技術學院 電子與信息工程學院 副院長 ；黑龍江省高水平專業(yè)軟件技術專業(yè)帶頭人
第 1章初識UI設計 1
1.1 UI設計的基本概念 2
1.2 UI設計的常用軟件 2
1.3 UI設計的發(fā)展趨勢 2
1.4 UI設計的學習方法 3
1.5 UI設計的項目流程 4
1.6 UI設計的規(guī)范與規(guī)則 5
第 2章UI設計中的圖標設計 12
2.1 線性圖標 13
2.1.1 基本概念 13
2.1.2 使用場景 13
2.1.3 設計要點 13
2.1.4 課堂案例—制作旅游類App線性圖標 16
2.2 面性圖標 22
2.2.1 基本概念 22
2.2.2 使用場景 22
2.2.3 設計要點 23
2.2.4 課堂案例—制作旅游類App面性圖標 24
2.3 線面圖標 28
2.3.1 基本概念 28
2.3.2 使用場景 29
2.3.3 設計要點 29
2.3.4 課堂案例—制作旅游類App線面圖標 30
2.4 課堂練習——制作電商類App線性圖標 35
2.5 課后習題——制作餐飲類App面性圖標 35
第3章UI設計中的控件設計 36
3.1 初識控件 37
3.1.1 控件的概念 37
3.1.2 控件的獲取 37
3.2 按鈕控件 38
3.2.1 按鈕控件的概念 38
3.2.2 按鈕控件的類型 38
3.2.3 按鈕控件的規(guī)則 39
3.2.4 課堂案例—制作旅游類App按鈕控件 42
3.3 選擇控件 43
3.3.1 選擇控件的概念 44
3.3.2 選擇控件的類型 44
3.3.3 選擇控件的規(guī)則 44
3.3.4 課堂案例—制作旅游類App選擇控件 45
3.4 加減控件 47
3.4.1 加減控件的概念 48
3.4.2 加減控件的類型 48
3.4.3 加減控件的規(guī)則 48
3.4.4 課堂案例—制作旅游類App加減控件 49
3.5 分段控件 51
3.5.1 分段控件的概念 52
3.5.2 分段控件的類型 52
3.5.3 分段控件的規(guī)則 53
3.5.4 課堂案例—制作旅游類App分段控件 54
3.6 頁面控件 57
3.6.1 頁面控件的概念 57
3.6.2 頁面控件的類型 57
3.6.3 頁面控件的規(guī)則 57
3.6.4 課堂案例—制作旅游類App頁面控件 58
3.7 反饋控件 60
3.7.1 反饋控件的概念 60
3.7.2 反饋控件的類型 60
3.7.3 反饋控件的規(guī)則 61
3.7.4 課堂案例—制作旅游類App反饋控件 64
3.8 文本框控件 65
3.8.1 文本框控件的概念 65
3.8.2 文本框控件的類型 65
3.8.3 文本框控件的規(guī)則 66
3.8.4 課堂案例—制作旅游類App文本框控件 67
3.9 課堂練習——制作電商類App文本框控件 69
3.10 課后習題——制作餐飲類App按鈕控件 70
第4章UI設計中的組件設計 71
4.1 初識組件 72
4.1.1 組件的概念 72
4.1.2 組件的獲取 72
4.2 導航欄 73
4.2.1 導航欄的概念 73
4.2.2 導航欄的類型 73
4.2.3 導航欄的規(guī)則 75
4.2.4 課堂案例—制作旅游類App導航 77
4.3 標簽欄 83
4.3.1 標簽欄的概念 84
4.3.2 標簽欄的類型 84
4.3.3 標簽欄的規(guī)則 85
4.3.4 課堂案例—制作旅游類App標簽欄 90
4.4 金剛區(qū) 102
4.4.1 金剛區(qū)的概念 102
4.4.2 金剛區(qū)的類型 103
4.4.3 金剛區(qū)的規(guī)則 103
4.4.4 課堂案例—制作旅游類App金剛區(qū) 107
4.5 瓷片區(qū) 117
4.5.1 瓷片區(qū)的概念 117
4.5.2 瓷片區(qū)的類型 117
4.5.3 瓷片區(qū)的規(guī)則 118
4.5.4 課堂案例—制作旅游類App瓷片區(qū) 121
4.6 課堂練習——制作電商類App標簽欄 130
4.7 課后習題——制作餐飲類App標簽欄 131
第5章UI設計中的頁面設計 132
5.1 閃屏頁 133
5.1.1 閃屏頁的概念 133
5.1.2 閃屏頁的類型 133
5.1.3 課堂案例—制作旅游類App閃屏頁 135
5.2 引導頁 137
5.2.1 引導頁的概念 138
5.2.2 引導頁的類型 138
5.2.3 課堂案例—制作旅游類App引導頁 139
5.3 首頁 149
5.3.1 首頁的概念 149
5.3.2 首頁的類型 149
5.3.3 課堂案例—制作旅游類App首頁 152
5.4 個人中心頁 171
5.4.1 個人中心頁的概念 171
5.4.2 課堂案例—制作旅游類App個人中心頁 172
5.5 詳情頁 193
5.5.1 詳情頁的概念 193
5.5.2 課堂案例—制作旅游類App酒店詳情頁 193
5.6 注冊登錄頁 217
5.6.1 注冊登錄頁的概念 217
5.6.2 課堂案例—制作旅游類App登錄頁 218
5.7 課堂練習—制作電商類App頁面 226
5.8 課后習題—制作餐飲類App頁面 227
第6章UI設計輸出 229
6.1 UI頁面標注 230
6.1.1 標注原因 230
6.1.2 標注內容 230
6.1.3 標注規(guī)則 232
6.1.4 標注工具 232
6.1.5 課堂案例—標注旅游類App登錄頁 234
6.2 UI頁面切圖 239
6.2.1 切圖目的 239
6.2.2 切圖類型 239
6.2.3 切圖規(guī)則 241
6.2.4 切圖方法 242
6.2.5 大小優(yōu)化 242
6.2.6 課堂案例—制作旅游類App登錄頁切圖 243
6.3 UI頁面命名 246
6.3.1 命名原因 247
6.3.2 命名規(guī)則 247
6.3.3 常用名稱 247
6.3.4 課堂案例—命名旅游類App登錄頁切圖 247
6.4 課堂練習—標注電商類App登錄頁并切圖命名 248
6.5 課后習題—標注餐飲類App登錄頁并切圖命名 249
書單推薦
