Photoshop CC UI設(shè)計(jì)案例教程（全彩慕課版）
定 價(jià)：69.8 元
- 作者：王京晶
- 出版時(shí)間：2019/11/1
- ISBN：9787115526076
- 出 版 社：人民郵電出版社
- 中圖法分類(lèi)：TP391.413
- 頁(yè)碼：240
- 紙張：
- 版次：01
- 開(kāi)本：16開(kāi)
本書(shū)全面、系統(tǒng)地介紹了UI設(shè)計(jì)的相關(guān)知識(shí)點(diǎn)和基本設(shè)計(jì)技巧，包括初識(shí)UI設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、App界面設(shè)計(jì)、網(wǎng)頁(yè)界面設(shè)計(jì)、軟件界面設(shè)計(jì)和游戲界面設(shè)計(jì)等內(nèi)容。
全書(shū)內(nèi)容以知識(shí)點(diǎn)講解與課堂案例為主線。知識(shí)點(diǎn)講解可以使學(xué)生能夠系統(tǒng)地了解UI設(shè)計(jì)的各類(lèi)規(guī)范，案例部分可以使學(xué)生快速掌握UI設(shè)計(jì)流程并能完成案例制作。主要章節(jié)的最后還安排了課堂練習(xí)和課后習(xí)題，可以拓展學(xué)生對(duì)UI設(shè)計(jì)的實(shí)際應(yīng)用能力。
本書(shū)可作為高等院校UI設(shè)計(jì)類(lèi)課程的教材，也可供初學(xué)者自學(xué)參考。
Step1精選基礎(chǔ)知識(shí)，快速了解UI設(shè)計(jì)
Step2 知識(shí)點(diǎn)解析+課堂案例，熟悉設(shè)計(jì)思路，掌握制作方法
Step3 課堂練習(xí)+課后習(xí)題，拓展應(yīng)用能力
Step4 循序漸進(jìn)，演練真實(shí)商業(yè)項(xiàng)目制作過(guò)程
配套素材及最終效果文件、全書(shū)慕課視頻、擴(kuò)展案例、贈(zèng)送素材包、PPT課件、課程標(biāo)準(zhǔn)、課程計(jì)劃、教學(xué)教案、詳盡的案例操作步驟
新架構(gòu)互聯(lián)網(wǎng)設(shè)計(jì)教育研究院由頂尖商業(yè)設(shè)計(jì)師和院校資深教授創(chuàng)立。立足數(shù)字藝術(shù)教育16年，出版圖書(shū)270余種，暢銷(xiāo)370萬(wàn)冊(cè)，《中文版Photoshop基礎(chǔ)培訓(xùn)教程》銷(xiāo)量超30萬(wàn)冊(cè)，海量專業(yè)案例、豐富配套資源、行業(yè)操作技巧、核心內(nèi)容把握、細(xì)膩學(xué)習(xí)安排，為學(xué)習(xí)者提供足量的知識(shí)、實(shí)用的方法、有價(jià)值的經(jīng)驗(yàn)，助力設(shè)計(jì)師不斷成長(zhǎng)。為教師提供課程標(biāo)準(zhǔn)、授課計(jì)劃、教案、PPT、案例、視頻、題庫(kù)、實(shí)訓(xùn)項(xiàng)目等一站式教學(xué)解決方案。
第 1 章 初識(shí)UI 設(shè)計(jì)
1.1 UI 設(shè)計(jì)的相關(guān)概念………………… 2
1.1.1 UI 設(shè)計(jì)的概念………………… 2
1.1.2 UI 與WUI 和GUI… ………… 2
1.1.3 UI 設(shè)計(jì)常用術(shù)語(yǔ)中英文對(duì)照… ………………………… 3
1.1.4 UI 設(shè)計(jì)常用軟件……………… 3
1.2 UI 設(shè)計(jì)項(xiàng)目流程…………………… 3
1.2.1 項(xiàng)目設(shè)計(jì)流程… ……………… 4
1.2.2 UI 設(shè)計(jì)流程…………………… 4
1.3 UI 設(shè)計(jì)的風(fēng)格表現(xiàn)………………… 5
1.4 UI 設(shè)計(jì)的行業(yè)發(fā)展………………… 6
1.4.1 UI 設(shè)計(jì)行業(yè)現(xiàn)狀……………… 6
1.4.2 UI 設(shè)計(jì)發(fā)展趨勢(shì)……………… 8
1.5 UI 設(shè)計(jì)的學(xué)習(xí)方法………………… 9
第 2 章 圖標(biāo)設(shè)計(jì)
2.1 圖標(biāo)的基礎(chǔ)知識(shí)… ……………… 12
2.1.1 圖標(biāo)的概念… ……………… 12
2.1.2 圖標(biāo)設(shè)計(jì)的流程… ………… 12
2.1.3 圖標(biāo)設(shè)計(jì)的原則… ………… 14
2.2 圖標(biāo)的設(shè)計(jì)規(guī)范… ……………… 16
2.2.1 圖標(biāo)的尺寸及單位… ……… 16
2.2.2 圖標(biāo)的視覺(jué)統(tǒng)一… ………… 18
2.2.3 圖標(biāo)的清晰度… …………… 19
2.3 圖標(biāo)的風(fēng)格類(lèi)型… ……………… 19
2.3.1 像素風(fēng)格… ………………… 19
2.3.2 扁平化風(fēng)格… ……………… 20
2.3.3 擬物化風(fēng)格… ……………… 24
2.3.4 微擬物風(fēng)格… ……………… 25
2.3.5 立體風(fēng)格… ………………… 25
2.4 課堂案例——繪制扁平化風(fēng)格-單色面性圖標(biāo)… ………………… 26
2.5 課堂練習(xí)… ……………………… 30
2.5.1 課堂練習(xí)——繪制扁平化風(fēng)格-不透明色塊面性圖標(biāo)… …… 30
2.5.2 課堂練習(xí)——繪制扁平化風(fēng)格-微漸變面性圖標(biāo)… ………… 31
2.6 課后習(xí)題… ……………………… 32
2.6.1 課后習(xí)題——繪制扁平化風(fēng)格光影效果圖標(biāo)… …………… 32
2.6.2 課后習(xí)題——繪制扁平化風(fēng)格折紙投影圖標(biāo)… …………… 32
第3 章 App 界面設(shè)計(jì)
3.1 App 的基礎(chǔ)知識(shí)………………… 35
3.1.1 App 的概念… ……………… 35
3.1.2 App 設(shè)計(jì)的流程… ………… 35
3.1.3 App 界面設(shè)計(jì)的原則… …… 38
3.2 App 界面設(shè)計(jì)的規(guī)范…………… 40
3.2.1 iOS 設(shè)計(jì)規(guī)范… …………… 40
3.2.2 Android 設(shè)計(jì)規(guī)范… ……… 46
3.3 App 常用界面類(lèi)型……………… 51
3.3.1 閃屏頁(yè)… …………………… 51
3.3.2 引導(dǎo)頁(yè)… …………………… 53
3.3.3 首頁(yè)… ……………………… 54
3.3.4 個(gè)人中心頁(yè)… ……………… 56
3.3.5 詳情頁(yè)… …………………… 56
3.3.6 注冊(cè)登錄頁(yè)… ……………… 57
3.4 課堂案例——制作侃侃App…… 57
3.5 課堂練習(xí)——制作Shine App… …………………………… 95
3.6 課后習(xí)題——制作Circle App… …………………………… 96
第4 章 網(wǎng)頁(yè)界面設(shè)計(jì)
4.1 網(wǎng)頁(yè)界面設(shè)計(jì)的基礎(chǔ)知識(shí)……… 99
4.1.1 網(wǎng)頁(yè)界面設(shè)計(jì)的概念… …… 99
4.1.2 網(wǎng)頁(yè)界面設(shè)計(jì)的流程… …… 99
4.1.3 網(wǎng)頁(yè)界面設(shè)計(jì)的原則… …… 102
4.2 網(wǎng)頁(yè)界面設(shè)計(jì)的規(guī)范… ………… 104
4.2.1 網(wǎng)頁(yè)界面設(shè)計(jì)的尺寸及單位… ……………………… 104
4.2.2 網(wǎng)頁(yè)界面設(shè)計(jì)的界面結(jié)構(gòu)… ……………………… 107
4.2.3 網(wǎng)頁(yè)界面設(shè)計(jì)的布局… …… 108
4.2.4 網(wǎng)頁(yè)界面設(shè)計(jì)的字體… …… 110
4.2.5 網(wǎng)頁(yè)界面設(shè)計(jì)的圖標(biāo)… …… 111
4.3 網(wǎng)頁(yè)常用界面類(lèi)型……………… 114
4.4 課堂案例——制作Easy Life 家居電商網(wǎng)站… ……………………… 118
4.4.1 課堂案例—制作Easy Life家居電商網(wǎng)站首頁(yè)… ……… 118
4.4.2 課堂案例—制作Easy Life家居電商網(wǎng)站產(chǎn)品列表頁(yè)…… 142
4.4.3 課堂案例——制作Easy Life家居電商網(wǎng)站產(chǎn)品詳情頁(yè)…… 151
4.5 課堂練習(xí)——制作Artsy 家居電商網(wǎng)站… …………………………… 159
4.6 課后習(xí)題——制作裝飾家居電商網(wǎng)站… …………………………… 160
第5 章 軟件界面設(shè)計(jì)
5.1 軟件界面設(shè)計(jì)的基礎(chǔ)知識(shí)……… 162
5.1.1 軟件界面設(shè)計(jì)的概念… …… 162
5.1.2 軟件界面設(shè)計(jì)的流程… …… 162
5.1.3 軟件界面設(shè)計(jì)的原則… …… 165
5.2 軟件界面設(shè)計(jì)的規(guī)范… ………… 166
5.2.1 軟件界面設(shè)計(jì)的尺寸及單位… ……………………… 167
5.2.2 軟件界面設(shè)計(jì)的界面結(jié)構(gòu)… ……………………… 168
5.2.3 軟件界面設(shè)計(jì)的布局… …… 168
5.2.4 軟件界面設(shè)計(jì)的字體… …… 172
5.2.5 軟件界面設(shè)計(jì)的圖標(biāo)… …… 174
5.3 軟件常用界面類(lèi)型… …………… 178
5.4 課堂案例——制作音樂(lè)播放器軟件… …………………………… 180
5.4.1 課堂案例——制作Song 音樂(lè)播放器軟件首頁(yè)… ………… 180
5.4.2 課堂案例——制作Song 音樂(lè)播放器軟件歌單頁(yè)… ……… 194
5.4.3 課堂案例——制作Song 音樂(lè)播放器軟件歌曲列表頁(yè)… … 200
5.5 課堂練習(xí)——制作More 音樂(lè)播放器軟件… …………………… 207
5.6 課后習(xí)題——制作CoolPlayer音樂(lè)播放器軟件… ……………… 208
第6 章 游戲界面設(shè)計(jì)
6.1 游戲界面設(shè)計(jì)的基礎(chǔ)知識(shí)……… 210
6.1.1 游戲界面設(shè)計(jì)的概念… …… 210
6.1.2 游戲界面設(shè)計(jì)的流程… …… 210
6.1.3 游戲界面設(shè)計(jì)的原則… …… 212
6.2 游戲界面設(shè)計(jì)的規(guī)范… ………… 214
6.2.1 游戲界面設(shè)計(jì)的尺寸及單位…… 214
6.2.2 游戲界面設(shè)計(jì)的界面結(jié)構(gòu)…… 215
6.2.3 游戲界面設(shè)計(jì)的布局……… 215
6.2.4 游戲界面設(shè)計(jì)的字體……… 216
6.2.5 游戲界面設(shè)計(jì)的圖標(biāo)……… 217
6.3 游戲常用界面類(lèi)型……………… 217
6.4 課堂案例——制作水果消消消游戲… …………………………… 220
6.5 課堂練習(xí)——制作Boom 游戲…… 229
6.6 課后習(xí)題——制作Pet Fun游戲… …………………………… 230
書(shū)單推薦
