《Photoshop CC UI設計案例教程（全彩慕課版）》是2019年11月人民郵電出版社出版的圖書，作者是王京晶。
基本介紹
- 書名：Photoshop CC UI設計案例教程（全彩慕課版）
- 作者：王京晶
- ISBN：9787115526076
- 頁數：240頁
- 定價：69.8元
- 出版社：人民郵電出版社
- 出版時間：2019年11月
- 裝幀：平裝
- 開本：16開
內容簡介,圖書目錄,
內容簡介
本書全面、系統地介紹了UI設計的相關知識點和基本設計技巧，包括初識UI設計、圖示設計、App界面設計、網頁界面設計、軟體界面設計和遊戲界面設計等內容。
全書內容以知識點講解與課堂案例為主線。知識點講解可以使學生能夠系統地了解UI設計的各類規範，案例部分可以使學生快速掌握UI設計流程並能完成案例製作。主要章節的最後還安排了課堂練習和課後習題，可以拓展學生對UI設計的實際套用能力。
本書可作為高等院校UI設計類課程的教材，也可供初學者自學參考。
圖書目錄
第 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
