商品簡介
本書全面、系統地介紹了UI設計的相關知識點和基本設計技巧，包括初識UI設計、圖標設計、App界面設計、網頁界面設計、軟件界面設計和遊戲界面設計等內容。
全書內容以知識點講解與課堂案例為主線。知識點講解可以使學生能夠系統地瞭解UI設計的各類規範，案例部分可以使學生快速掌握UI設計流程並能完成案例製作。主要章節的最後還安排了課堂練習和課後習題，可以拓展學生對UI設計的實際應用能力。
本書可作為高等院校UI設計類課程的教材，也可供初學者自學參考。
名人推薦
Step1精選基礎知識，快速瞭解UI設計
Step2 知識點解析+課堂案例，熟悉設計思路，掌握製作方法
Step3 課堂練習+課後習題，拓展應用能力
Step4 循序漸進，演練真實商業項目製作過程
配套素材及*終效果文件、全書慕課視頻、擴展案例、贈送素材包、PPT課件、課程標準、課程計劃、教學教案、詳盡的案例操作步驟
目次
第 1 章 初識UI 設計
1.1 UI 設計的相關概念………………… 2
1.1.1 UI 設計的概念………………… 2
1.1.2 UI 與WUI 和GUI… ………… 2
1.1.3 UI 設計常用術語中英文對照… ………………………… 3
1.1.4 UI 設計常用軟件……………… 3
1.2 UI 設計項目流程…………………… 3
1.2.1 項目設計流程… ……………… 4
1.2.2 UI 設計流程…………………… 4
1.3 UI 設計的風格表現………………… 5
1.4 UI 設計的行業發展………………… 6
1.4.1 UI 設計行業現狀……………… 6
1.4.2 UI 設計發展趨勢……………… 8
1.5 UI 設計的學習方法………………… 9
第 2 章 圖標設計
2.1 圖標的基礎知識… ……………… 12
2.1.1 圖標的概念… ……………… 12
2.1.2 圖標設計的流程… ………… 12
2.1.3 圖標設計的原則… ………… 14
2.2 圖標的設計規範… ……………… 16
2.2.1 圖標的尺寸及單位… ……… 16
2.2.2 圖標的視覺統一… ………… 18
2.2.3 圖標的清晰度… …………… 19
2.3 圖標的風格類型… ……………… 19
2.3.1 像素風格… ………………… 19
2.3.2 扁平化風格… ……………… 20
2.3.3 擬物化風格… ……………… 24
2.3.4 微擬物風格… ……………… 25
2.3.5 立體風格… ………………… 25
2.4 課堂案例――繪製扁平化風格-單色面性圖標… ………………… 26
2.5 課堂練習… ……………………… 30
2.5.1 課堂練習――繪製扁平化風格-不透明色塊面性圖標… …… 30
2.5.2 課堂練習――繪製扁平化風格-微漸變面性圖標… ………… 31
2.6 課後習題… ……………………… 32
2.6.1 課後習題――繪製扁平化風格光影效果圖標… …………… 32
2.6.2 課後習題――繪製扁平化風格折紙投影圖標… …………… 32
第3 章 App 界面設計
3.1 App 的基礎知識………………… 35
3.1.1 App 的概念… ……………… 35
3.1.2 App 設計的流程… ………… 35
3.1.3 App 界面設計的原則… …… 38
3.2 App 界面設計的規範…………… 40
3.2.1 iOS 設計規範… …………… 40
3.2.2 Android 設計規範… ……… 46
3.3 App 常用界面類型……………… 51
3.3.1 閃屏頁… …………………… 51
3.3.2 引導頁… …………………… 53
3.3.3 首頁… ……………………… 54
3.3.4 個人中心頁… ……………… 56
3.3.5 詳情頁… …………………… 56
3.3.6 註冊登錄頁… ……………… 57
3.4 課堂案例――製作侃侃App…… 57
3.5 課堂練習――製作Shine App… …………………………… 95
3.6 課後習題――製作Circle App… …………………………… 96
第4 章 網頁界面設計
4.1 網頁界面設計的基礎知識……… 99
4.1.1 網頁界面設計的概念… …… 99
4.1.2 網頁界面設計的流程… …… 99
4.1.3 網頁界面設計的原則… …… 102
4.2 網頁界面設計的規範… ………… 104
4.2.1 網頁界面設計的尺寸及單位… ……………………… 104
4.2.2 網頁界面設計的界面結構… ……………………… 107
4.2.3 網頁界面設計的佈局… …… 108
4.2.4 網頁界面設計的字體… …… 110
4.2.5 網頁界面設計的圖標… …… 111
4.3 網頁常用界面類型……………… 114
4.4 課堂案例――製作Easy Life 家居電商網站… ……………………… 118
4.4.1 課堂案例―製作Easy Life家居電商網站首頁… ……… 118
4.4.2 課堂案例―製作Easy Life家居電商網站產品列表頁…… 142
4.4.3 課堂案例――製作Easy Life家居電商網站產品詳情頁…… 151
4.5 課堂練習――製作Artsy 家居電商網站… …………………………… 159
4.6 課後習題――製作裝飾家居電商網站… …………………………… 160
第5 章 軟件界面設計
5.1 軟件界面設計的基礎知識……… 162
5.1.1 軟件界面設計的概念… …… 162
5.1.2 軟件界面設計的流程… …… 162
5.1.3 軟件界面設計的原則… …… 165
5.2 軟件界面設計的規範… ………… 166
5.2.1 軟件界面設計的尺寸及單位… ……………………… 167
5.2.2 軟件界面設計的界面結構… ……………………… 168
5.2.3 軟件界面設計的佈局… …… 168
5.2.4 軟件界面設計的字體… …… 172
5.2.5 軟件界面設計的圖標… …… 174
5.3 軟件常用界面類型… …………… 178
5.4 課堂案例――製作音樂播放器軟件… …………………………… 180
5.4.1 課堂案例――製作Song 音樂播放器軟件首頁… ………… 180
5.4.2 課堂案例――製作Song 音樂播放器軟件歌單頁… ……… 194
5.4.3 課堂案例――製作Song 音樂播放器軟件歌曲列表頁… … 200
5.5 課堂練習――製作More 音樂播放器軟件… …………………… 207
5.6 課後習題――製作CoolPlayer音樂播放器軟件… ……………… 208
第6 章 遊戲界面設計
6.1 遊戲界面設計的基礎知識……… 210
6.1.1 遊戲界面設計的概念… …… 210
6.1.2 遊戲界面設計的流程… …… 210
6.1.3 遊戲界面設計的原則… …… 212
6.2 遊戲界面設計的規範… ………… 214
6.2.1 遊戲界面設計的尺寸及單位…… 214
6.2.2 遊戲界面設計的界面結構…… 215
6.2.3 遊戲界面設計的佈局……… 215
6.2.4 遊戲界面設計的字體……… 216
6.2.5 遊戲界面設計的圖標……… 217
6.3 遊戲常用界面類型……………… 217
6.4 課堂案例――製作水果消消消遊戲… …………………………… 220
6.5 課堂練習――製作Boom 遊戲…… 229
6.6 課後習題――製作Pet Fun遊戲… …………………………… 230
