UI界面設計與製作（全彩慕課版）
徐翠娟 宋磊
商品描述
本書以理論與項目實戰相結合的方式， 詳細講解了UI設計與製作的方法。 第1章為初識UI設計， 介紹了UI設計的基本概念、常用軟件、發展趨勢、 學習方法、 項目流程， 以及規範與規則。第2章到第6章分別介紹了UI設計中的圖標設計、控件設計、組件設計、頁面設計和UI設計輸出。第2章到第6單除知識講解外，還包括課堂案例。 課堂練習和課後習題等內容。 本書內容豐富、 全 面， 知識點講解清晰詳細， 可以幫助讀者快速提高UI設計的能力。
作者簡介
徐翠娟 哈尔滨职业技术学院电子与信息工程学院院长、教授，黑龙江省高职高专计算机类专业教学指导委员会副主任委员，黑龙江省教学名师，获得黑龙江省师德先进个人、黄炎培职业教育优秀教师奖等荣誉称号，主讲《图形图像处理技术》《网页设计基础》《Java程序设计》等多门课程。2010年主持《Java项目实战》课程评为省级精品课程，2018年评为省级精品在线开放课程，2010年评为黑龙江省课程思政示范课。主编《数字影音编辑与合成案例教程》《Java程序设计》、《计算机应用基础》等多部教材。主持项目获黑龙江省高等职业教育教学成果一等奖1项、二等奖1项，参与项目获全国职业教育教学成果二等奖1项。
宋磊 哈尔滨职业技术学院 电子与信息工程学院 副院长 ；黑龙江省高水平专业软件技术专业带头人
目錄大綱
第 1章初識UI設計 1
1.1 UI設計的基本概念 2
1.2 UI設計的常用軟件 2
1.3 UI設計的發展趨勢 2
1.4 UI設計的學習方法 3
1.5 UI設計的項目流程 4
1.6 UI設計的規範與規則 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 按鈕控件的規則 39
3.2.4 課堂案例—製作旅游類App按鈕控件 42
3.3 選擇控件 43
3.3.1 選擇控件的概念 44
3.3.2 選擇控件的類型 44
3.3.3 選擇控件的規則 44
3.3.4 課堂案例—製作旅游類App選擇控件 45
3.4 加減控件 47
3.4.1 加減控件的概念 48
3.4.2 加減控件的類型 48
3.4.3 加減控件的規則 48
3.4.4 課堂案例—製作旅游類App加減控件 49
3.5 分段控件 51
3.5.1 分段控件的概念 52
3.5.2 分段控件的類型 52
3.5.3 分段控件的規則 53
3.5.4 課堂案例—製作旅游類App分段控件 54
3.6 頁面控件 57
3.6.1 頁面控件的概念 57
3.6.2 頁面控件的類型 57
3.6.3 頁面控件的規則 57
3.6.4 課堂案例—製作旅游類App頁面控件 58
3.7 反饋控件 60
3.7.1 反饋控件的概念 60
3.7.2 反饋控件的類型 60
3.7.3 反饋控件的規則 61
3.7.4 課堂案例—製作旅游類App反饋控件 64
3.8 文本框控件 65
3.8.1 文本框控件的概念 65
3.8.2 文本框控件的類型 65
3.8.3 文本框控件的規則 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 導航欄的規則 75
4.2.4 課堂案例—製作旅游類App導航 77
4.3 標簽欄 83
4.3.1 標簽欄的概念 84
4.3.2 標簽欄的類型 84
4.3.3 標簽欄的規則 85
4.3.4 課堂案例—製作旅游類App標簽欄 90
4.4 金剛區 102
4.4.1 金剛區的概念 102
4.4.2 金剛區的類型 103
4.4.3 金剛區的規則 103
4.4.4 課堂案例—製作旅游類App金剛區 107
4.5 瓷片區 117
4.5.1 瓷片區的概念 117
4.5.2 瓷片區的類型 117
4.5.3 瓷片區的規則 118
4.5.4 課堂案例—製作旅游類App瓷片區 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 標註規則 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 切圖規則 241
6.2.4 切圖方法 242
6.2.5 大小優化 242
6.2.6 課堂案例—製作旅游類App登錄頁切圖 243
6.3 UI頁面命名 246
6.3.1 命名原因 247
6.3.2 命名規則 247
6.3.3 常用名稱 247
6.3.4 課堂案例—命名旅游類App登錄頁切圖 247
6.4 課堂練習—標註電商類App登錄頁並切圖命名 248
6.5 課後習題—標註餐飲類App登錄頁並切圖命名 249
