Photoshop新手學UI藝術設計

《Photoshop新手學UI藝術設計》是2017年4月機械工業出版社出版的圖書，作者是王紅衛 ，本書精選大量實例，針對不同風格的UI界面進行全面講解與分析，讓讀者一步步深入學習的同時掌握設計技巧，提升設計技能，高效完成設計工作。

基本介紹

• 中文名：Photoshop新手學UI藝術設計
• 作者：王紅衛
• 出版社：機械工業出版社
• ISBN：9787111562115

本書精選大量實例，針對不同風格的UI界面進行全面講解與分析，讓讀者一步步深入學習的同時掌握設計技巧，提升設計技能，高效完成設計工作。本書首先詳細講解UI設計的基礎知識，包括UI設計的單位、格式、常用軟體等，以及UI設計的配色知識，然後從基礎控制項設計開始講起，囊括了時下流行的扁平化、寫實、立體化元素的製作技巧，並講解了遊戲界面及不同套用界面的設計方法，讓讀者在短時間內進入界面設計的四維空間。本書特別適合智慧型手機UI界面設計的初學者閱讀，同時也適合作為社會培訓學校、大中專院校相關專業的教學參考書或上機實踐指導用書。

目錄

前言

第1章 UI設計快速入門

1.1 UI設計概念2

1.2 UI設計組成部分2

1.3 UI設計與產品團隊合作流程關係4

1.4 各類尺寸單位解析5

1.5 常見的圖片格式6

1.6 智慧型手機作業系統簡介6

1.7 UI設計常用的軟體8

1.8 UI設計原則9

1.9 GUI設計過程中的表現力10

1.10 提升Android視覺效果的設計技巧12

1.11 免費的UI設計工具、資源及網站13

1.12 色彩學基礎知識15

1.13 UI設計常見配色方案19

1.14 UI設計色彩學21

1.15 色彩的性格24

1.16 精彩UI設計賞析25

1.17 激發創作靈感的界面欣賞27

第2章 UI基礎控制項設計

2.1 觸點開關控制項30

2.2 透明按鈕31

2.3 立體按鍵34

2.4 信箱登錄控制項37

2.5 質感滑動控制項40

2.6 調節旋鈕44

2.7 控制按鍵48

2.7.1 繪製面板效果48

2.7.2 製作按鍵50

第3章 簡約扁平化圖示設計

3.1 簡約可愛大眼圖示53

3.2 電量管理圖示55

3.3 新聞圖示57

3.4 無線套用圖示59

3.5 通話寶圖示61

3.6 簡潔下載圖示62

3.7 安全防護圖示64

3.7.1 繪製主視覺圖像65

3.7.2 製作裝飾效果67

3.8 畫板圖示68

3.8.1 製作主視覺圖形68

3.8.2 製作輔助圖像69

3.9 個性化手錶圖示70

3.9.1 製作主輪廓71

3.9.2 繪製細節元素72

3.10 雲盤圖示73

3.10.1 繪製圖示主輪廓74

3.10.2 繪製特徵圖示75

3.11 催眠套用圖示76

3.11.1 繪製圖示輪廓77

3.11.2 繪製裝飾元素77

3.12 地圖套用圖示79

3.12.1 繪製主輪廓80

3.12.2 製作標記圖示81

3.13 扁平化相機圖示82

3.13.1 製作主題圖像83

3.13.2 製作鏡頭圖像83

第4章 超寫實圖示設計

4.1 超質感麥克風圖示86

4.1.1 製作圖示輪廓86

4.1.2 處理真實陰影88

4.2 CD播放圖示88

4.2.1 繪製圖示主輪廓89

4.2.2 處理光碟91

4.2.3 繪製光碟卡扣93

4.3 超質感播放圖示95

4.3.1 繪製按鈕輪廓96

4.3.2 製作觸摸面圖形97

4.4 音箱寫實圖示99

4.4.1 繪製音箱輪廓100

4.4.2 處理細節元素101

4.5 紐扣寫實圖示103

4.5.1 繪製圖示輪廓103

4.5.2 繪製紐扣輪廓105

4.6 購物圖示107

4.6.1 製作圖示輪廓107

4.6.2 繪製繩子109

4.6.3 繪製標籤112

4.7 質感筆記圖示114

4.7.1 製作質感輪廓115

4.7.2 製作紙張圖像116

4.7.3 繪製鉛筆118

4.8 質感插座圖示121

4.8.1 繪製插座輪廓121

4.8.2 製作細節圖像124

第5章 立體化圖示設計

5.1 美味水果圖示128

5.2 美味馬卡龍圖示130

5.2.1 繪製主輪廓131

5.2.2 繪製對話圖形132

5.3 立體通信圖示133

5.3.1 製作主體輪廓134

5.3.2 製作標誌136

5.4 立體字母圖示138

5.4.1 製作主體輪廓138

5.4.2 處理字母效果140

5.5 健康套用圖示141

5.5.1 繪製輪廓141

5.5.2 繪製健康圖示143

5.6 精緻遊戲圖示143

5.6.1 製作主輪廓144

5.6.2 製作手柄圖像146

5.7 搖桿立體圖示148

5.7.1 繪製圖示輪廓149

5.7.2 繪製搖桿圖像150

5.8 均衡器圖示152

5.8.1 製作圖示輪廓152

5.8.2 製作控制圖像153

5.9 安全套用圖示157

5.9.1 製作輪廓圖像157

5.9.2 製作標示圖像158

第6章 界面圖像及特效處理

6.1 消除圖像特效162

6.2 為播放器添加音量控制項163

6.3 為鎖屏壁紙添加月亮特效164

6.4 為閃屏製作標籤特效165

6.5 為信息界面製作主題字167

6.6 製作卷邊效果168

6.7 為天氣界面添加裝飾元素169

6.8 滑動解鎖特效170

6.9 速度指示特效171

6.10 毛玻璃主題字173

6.11 流星特效的製作175

6.12 圓環進度效果176

6.13 為界面添加頭像177

6.14 為專輯圖像添加倒影178

6.15 為界面背景添加裝飾179

第7章 精彩遊戲界面設計

7.1 闖關大冒險界面設計182

7.1.1 繪製界面1背景主體183

7.1.2 處理界面1背景細節186

7.1.3 製作界面1完整界面189

7.1.4 製作界面2狀態元素191

7.1.5 製作界面2主體193

7.2 動物卡牌遊戲界面設計199

7.2.1 處理界面1背景200

7.2.2 製作界面1控制臺202

7.2.3 製作界面2背景204

7.2.4 製作界面2主面板205

7.2.5 繪製界面2遊戲區206

7.3 射擊大戰遊戲界面設計208

7.3.1 製作界面1背景209

7.3.2 製作界面1主視覺效果213

7.3.3 製作界面2遊戲場景217

7.3.4 製作界面2主體部分220

7.4 數字主題遊戲界面設計222

7.4.1 製作界面1背景223

7.4.2 製作界面1選擇主題224

7.4.3 繪製界面2主題背景227

7.4.4 製作界面2主視覺圖像230

第8章 套用系統界面設計

8.1 套用登錄界面設計233

8.1.1 繪製主面板234

8.1.2 處理細節235

8.2 Windows Phone主題界面設計236

8.2.1 製作功能磁貼效果237

8.2.2 製作套用磁貼效果237

8.3 天氣外掛程式界面設計240

8.3.1 繪製面板240

8.3.2 製作天氣元素242

8.4 用戶社交功能界面設計243

8.4.1 製作功能面板244

8.4.2 繪製功能圖形246

8.5 音樂播放界面設計247

8.5.1 繪製界面框架248

8.5.2 繪製界面細節250

8.6 運動數據界面設計252

8.6.1 製作界面輪廓253

8.6.2 處理狀態信息255

8.7 電影套用界面設計256

8.7.1 製作界面主視覺257

8.7.2 處理界面詳細信息259