本書全面系統(tǒng)地介紹了UI設計的相關知識和基本設計技巧,包括UI設計基礎、圖標設計、App界面設計、網(wǎng)頁界面設計、軟件界面設計和游戲界面設計等內容。
《Photoshop CC UI設計標準培訓教程》內容介紹以知識點講解和課堂案例為主線。知識點講解部分能使讀者系統(tǒng)地了解UI設計的各類規(guī)范,課堂案例部分可以使讀者快速掌握UI設計的流程。第2~6章每章的最后都安排了課堂練習和課后習題,以提高讀者的UI設計能力。
本書附帶學習資源,內容包括書中所有案例的素材、效果文件和在線視頻,讀者可通過在線方式獲取這些資源,具體方法請參看本書前言。
本書可作為院校和培訓機構藝術設計類專業(yè)課程的教材,也可供UI設計初學者自學參考。
從UI設計基礎開始講解,內容涵蓋圖標設計、APP界面設計、網(wǎng)頁界面設計以及軟件和游戲界面設計,適用于各個領域的設計工作者;
以課堂案例為主線,讓讀者可以快速掌握UI設計的操作流程,同時配備案例講解視頻,詳細剖析設計理念與思路,幫助讀者提高設計能力;
精心設計體例編排,按照“知識點講解-課堂案例-課堂練習-課后習題”這一思路進行教學,同時在前言中配備了科學的參考學時表;
贈送豐富且實用的教學資源:所有案例、練習的素材文件及實例文件、在線教學視頻以及供教師使用的PPT課件、電子教案等。
新架構工作室(數(shù)字藝術教育研究室)是一家圖書策劃出版專業(yè)機構。主要出版數(shù)字藝術設計類教材和藝術設計類圖書。在出版領域以專業(yè)性、前瞻性、實用性見長,已出版的圖書榮獲了教育部優(yōu)秀教材、人力資源和社會保障部優(yōu)秀教材、北京市精品教材等多項榮譽。
第 1章 初識UI設計
1.1 UI設計的相關概念 002
1.1.1 UI設計的基本概念 002
1.1.2 UI與WUI、GUI的關系 002
1.1.3 UI設計的常用術語 002
1.1.4 UI設計常用軟件 003
1.2 UI設計項目流程 003
1.2.1 項目設計流程 003
1.2.2 UI設計流程 004
1.3 UI設計的風格表現(xiàn) 004
1.4 UI設計的行業(yè)發(fā)展 006
1.4.1 UI設計行業(yè)現(xiàn)狀 006
1.4.2 UI設計發(fā)展趨勢 008
1.5 UI設計的學習方法 008
第 2章 圖標設計
2.1 圖標的基礎知識 012
2.1.1 圖標的概念 012
2.1.2 圖標設計的流程 013
2.1.3 圖標設計的原則 014
2.2 圖標的設計規(guī)范 016
2.2.1 App圖標設計規(guī)范 016
2.2.2 網(wǎng)頁圖標設計規(guī)范 020
2.2.3 軟件圖標設計規(guī)范 022
2.3 圖標的風格類型 026
2.3.1 像素風格 026
2.3.2 扁平化風格 027
2.3.3 擬物化風格 030
2.3.4 微擬物化風格 030
2.3.5 立體風格 030
2.4 課堂案例——繪制扁平化風格的不透明色塊面性圖標 031
2.5 課堂案例——繪制扁平化風格的不透明疊加效果圖標 033
2.6 課堂練習 037
2.6.1 繪制扁平化風格的單色面性圖標 037
2.6.2 繪制扁平化風格的微漸變面性圖標 037
2.7 課后習題 038
2.7.1 繪制扁平化風格的光影效果圖標 038
2.7.2 繪制扁平化風格的折紙投影圖標 038
第3章 App界面設計
3.1 App基礎知識 040
3.1.1 App的概念 040
3.1.2 App的設計流程 040
3.1.3 App的設計原則 043
3.2 App的設計規(guī)范 047
3.2.1 App設計的尺寸 047
3.2.2 App設計的結構 050
3.2.3 App設計的布局 052
3.2.4 App設計的文字 054
3.3 App常用界面類型 057
3.3.1 閃屏頁 057
3.3.2 引導頁 058
3.3.3 首頁 060
3.3.4 個人中心頁 061
3.3.5 詳情頁 062
3.3.6 注冊登錄頁 062
3.4 課堂案例——制作Delicacy App界面 063
3.5 課堂案例——制作侃侃App界面 094
3.6 課堂練習——制作美食到家 App界面 117
3.7 課后習題——制作美食來了 App界面 118
第4章 網(wǎng)頁界面設計
4.1 網(wǎng)頁界面設計基礎知識 120
4.1.1 網(wǎng)頁界面設計的概念 120
4.1.2 網(wǎng)頁界面設計的流程 120
4.1.3 網(wǎng)頁界面設計的原則 122
4.2 網(wǎng)頁界面設計的規(guī)范 124
4.2.1 網(wǎng)頁界面設計的尺寸 124
4.2.2 網(wǎng)頁界面設計的結構 126
4.2.3 網(wǎng)頁界面設計的布局 126
4.2.4 網(wǎng)頁界面設計的文字 128
4.3 網(wǎng)頁設計常用界面類型 129
4.4 課堂案例——制作裝飾家居電商網(wǎng)站界面 131
4.4.1 制作裝飾家居電商網(wǎng)站首頁 131
4.4.2 制作裝飾家居電商網(wǎng)站產品列表頁 140
4.4.3 制作裝飾家居電商網(wǎng)站產品詳情頁 149
4.5 課堂練習——制作Easy Life家居電商網(wǎng)站界面 161
4.6 課后習題——制作Artsy家居電商網(wǎng)站界面 162
第5章 軟件界面設計
5.1 軟件界面設計基礎知識 164
5.1.1 軟件界面設計的概念 164
5.1.2 軟件界面設計的流程 164
5.1.3 軟件界面設計的原則 165
5.2 軟件界面設計的規(guī)范 166
5.2.1 軟件界面設計的尺寸及單位 167
5.2.2 軟件界面設計的結構 167
5.2.3 軟件界面設計的布局 167
5.2.4 軟件界面設計的文字 170
5.3 軟件常用界面類型 170
5.4 課堂案例——制作More音樂播放器軟件界面 172
5.4.1 制作More音樂播放器軟件首頁 172
5.4.2 制作More音樂播放器軟件歌單頁 184
5.4.3 制作More音樂播放器軟件歌曲列表頁 190
5.5 課堂練習——制作Song音樂播放器軟件界面 197
5.6 課后習題——制作CoolPlayer音樂播放器軟件界面 198
第6章 游戲界面設計
6.1 游戲界面設計的基礎知識 200
6.1.1 游戲界面設計的概念 200
6.1.2 游戲界面設計的流程 200
6.1.3 游戲界面設計的原則 202
6.2 游戲界面設計的規(guī)范 203
6.2.1 游戲界面設計的尺寸 203
6.2.2 游戲界面設計的結構 203
6.2.3 游戲界面設計的布局 203
6.2.4 游戲界面設計的文字 205
6.3 游戲常用界面的類型 205
6.4 課堂案例——制作Boom游戲界面 207
6.5 課堂練習——制作水果消消消游戲界面 216
6.6 課后習題——制作Pet Fun游戲界面 216