《Photoshop CC移動UI圖示設計實用教程》是2019年8月人民郵電出版社出版的圖書，作者是水木居士。
基本介紹
- 中文名：Photoshop CC移動UI圖示設計實用教程
- 作者：水木居士
- ISBN：9787115466266
- 頁數：328頁
- 定價：49元
- 出版社：人民郵電出版社
- 出版時間：2019年8月
- 裝幀：平裝
- 開本：16開
內容簡介,圖書目錄,
內容簡介
這是一本全面介紹如何使用Photoshop進行UI圖示設計的實用教程。本書採用新穎的編寫形式，精選當下流行的商業圖示設計案例，將實用的設計思路授受給讀者。同時在講解過程中，以文字講解與圖像結合的形式，很好的展示設計過程，無論是簡潔的扁平化圖示實例講解，還是相對複雜的寫實或者質感圖示實例講解，都可以通過本書提供的設計思路進行設計，真正學到專業的設計技能，從而全面提升自己的設計能力。
本書附贈學習資源，包括書中所有實例的素材檔案和效果源檔案，以及本書所有實例及課後習題的高清有聲教學視頻，幫助讀者提高學習效率。同時，為方便老師教學，本書還提供了PPT教學課件，以供參考。
本書不但適用於喜愛UI圖示設計的讀者，還能讓有一定基礎的讀者快速提升自己的設計能力，同時可作為社會培訓學校、大中專院校相關專業的教學參考書或上機實踐指導用書。
圖書目錄
第 1章 圖示設計輕鬆入門 9
1.1 圖示的基本概念 10
1.1.1 圖示的起源 10
1.1.2 什麼是圖示 10
1.1.3 圖示與LOGO有什麼區別 11
1.1.4 什麼是App圖示 12
1.1.5 常見移動設備圖示 13
1.1.6 常見計算機套用圖示 13
1.2 圖示的分類 14
1.2.1 圖示 14
1.2.2 功能圖示 14
1.2.3 裝飾圖示 15
1.3 移動智慧型作業系統簡介 15
1.3.1 Android系統 15
1.3.2 iOS系統 15
1.4 圖示設計色彩學 16
1.4.1 顏色的概念 16
1.4.2 色彩三要素 16
1.5 圖示設計常用配色方案 17
1.5.1 單色搭配 17
1.5.2 近似色搭配 18
1.5.3 補色搭配 18
1.5.4 分裂補色搭配 18
1.5.5 原色的搭配 18
1.6 圖示設計配色技巧 19
1.6.1 百搭黑白灰 19
1.6.2 甜美溫暖橙 19
1.6.3 氣質冷艷藍 19
1.6.4 清新自然綠 20
1.6.5 熱情狂熱紅 20
1.6.6 靚麗醒目黃 21
1.7 本章小結 21
第 2章 圖示設計規範及設計原則 22
2.1 圖示和圖像尺寸規範 23
2.1.1 iOS系統圖示設計規範 23
2.1.2 Android螢幕圖示尺寸規範 24
2.2 移動App圖示尺寸分析 25
2.2.1 一般規範標準 25
2.2.2 手指與尺寸大小 25
2.2.3 理想狀態和特殊情況 25
2.3 圖示的設計原則 25
2.3.1 表意性原則 25
2.3.2 美觀性原則 27
2.3.3 差異性原則 28
2.3.4 適合的精細度原則 29
2.3.5 風格統一性原則 29
2.3.6 與場景協調原則 31
2.3.7 原創性原則 32
2.4 圖示的設計流程 33
2.4.1 產品定位 33
2.4.2 產品風格 33
2.4.3 尋找隱喻 36
2.4.4 繪製草圖 37
2.4.5 繪製圖示 38
2.4.6 細節美化 39
2.5 本章小結 40
第3章 Photoshop在圖示設計中的基本套用 41
3.1 圖示設計常用軟體分析 42
3.1.1 Photoshop 42
3.1.2 Illustrator 42
3.1.3 CorelDRAW 42
3.2 常見圖示的格式 43
3.2.1 PNG格式 43
3.2.2 JPEG格式 44
3.2.3 GIF格式 44
3.2.4 ICO格式 45
3.2.5 ICL格式 45
3.2.6 IP格式圖示 46
3.3 圖示設計常用單位解析 46
3.3.1 英寸 46
3.3.2 解析度 46
3.3.3 像素 47
3.3.4 螢幕密度 47
3.4 App啟動圖示的製作 48
3.4.1 iOS啟動圖示製作 49
3.4.2 Android啟動圖示製作 51
3.5 具有代表性的圖示製作 53
3.5.1 常見開關式圖示設計 53
3.5.2 常見旋鈕式圖示設計 57
3.5.3 常見導航式圖示設計 62
3.6 本章小結 64
第4章 扁平化風格圖示設計 65
4.1 扁平化風格及設計解析 66
4.2 系統調整圖示 67
4.3 通信信息圖示 69
4.4 雷達掃描圖示 69
4.5 錄像攝像圖示 71
4.6 小雨傘圖示 72
4.7 信箱通信圖示 75
4.7.1 製作輪廓 75
4.7.2 製作細節圖形 76
4.8 資訊圖示 77
4.8.1 製作純色背景 77
4.8.2 添加投影 79
4.9 輔助手電圖示 80
4.9.1 繪製主圖形 80
4.9.2 處理光效 81
4.10 天氣啟動圖示及界面 82
4.10.1 啟動圖示製作 83
4.10.2 繪製界面背景 84
4.10.3 製作界面細節 86
4.11 本章小結 89
4.12 課後習題 89
4.12.1 課後習題1——便簽圖示設計 89
4.12.2 課後習題2——扁平相機圖示 89
第5章 寫實風格圖示設計 91
5.1 寫實風格及設計解析 92
5.2 音娛電器圖示 92
5.2.1 繪製主體輪廓 93
5.2.2 製作圖示細節 95
5.2.3 處理揚聲器圖像 97
5.3 寫實廣播圖示 98
5.3.1 繪製主體輪廓 99
5.3.2 製作螢幕圖像 101
5.3.3 製作旋鈕效果 104
5.4 電器配件圖示 106
5.4.1 製作主圖示 106
5.4.2 處理插孔效果 109
5.5 復古放映盤圖示 111
5.5.1 製作放映盤輪廓 111
5.5.2 處理質感效果 112
5.6 典雅鐘錶圖示 116
5.6.1 繪製鐘錶輪廓 116
5.6.2 製作指針細節 118
5.7 影像器材圖示 120
5.7.1 製作相機主體 120
5.7.2 處理鏡頭圖像 122
5.8 寫實遙控圖示及套用界面 127
5.8.1 製作遙控圖示 128
5.8.2 處理套用界面 133
5.8.3 添加界面細節 135
5.8.4 製作調節條 139
5.9 本章小結 142
5.10 課後習題 142
5.10.1 課後習題1——寫實計算器 142
5.10.2 課後習題2——寫實開關圖示 143
5.10.3 課後習題3——寫實鋼琴圖示 143
第6章 卡通塗鴉風格圖示設計 144
6.1 卡通塗鴉風格及設計解析 145
6.2 手繪趣味旅行圖示 145
6.2.1 圖示輪廓製作 146
6.2.2 繪製主視覺圖形 148
6.3 可愛場景化圖示 149
6.3.1 繪製圖示輪廓 150
6.3.2 處理高光細節 151
6.3.3 繪製冰塊圖形 153
6.3.4 繪製主視覺動物 156
6.4 卡通豬頭像圖示 158
6.4.1 製作放射輪廓 158
6.4.2 繪製主視覺圖像 159
6.5 英雄動物圖示 161
6.5.1 製作質感輪廓 162
6.5.2 添加主體視覺圖像 163
6.6 綠巨人頭像圖示 164
6.6.1 製作立體框線 164
6.6.2 處理圖像特效 165
6.7 大嘴啟動圖示及主題界面 167
6.7.1 繪製啟動圖示 167
6.7.2 製作主題界面背景 170
6.7.3 繪製主視覺圖像 172
6.7.4 製作球體圖像 174
6.8 本章小結 178
6.9 課後習題 178
6.9.1 課後習題1——小黃人圖示 178
6.9.2 課後習題2——塗鴉套用圖示 179
第7章 套用風格圖示設計 180
7.1 套用風格及設計解析 181
7.2 精緻Web圖示 181
7.2.1 繪製圖示輪廓 181
7.2.2 製作質感圖形 183
7.3 網際網路播客圖示 185
7.3.1 繪製主輪廓圖形 186
7.3.2 處理特徵圖像 186
7.4 運動套用圖示 188
7.4.1 繪製圖示主輪廓 189
7.4.2 處理標識圖形 190
7.5 生活套用圖示 191
7.5.1 製作圖示主輪廓 192
7.5.2 處理細節圖像 194
7.6 搜尋圖示 196
7.6.1 製作主體輪廓 196
7.6.2 處理主視覺圖像 197
7.7 輔助工具圖示 199
7.7.1 製作圖示主圖形 200
7.7.2 繪製細節圖像 202
7.8 相機和計算器圖示 205
7.8.1 製作背景並繪製圖示 205
7.8.2 繪製鏡頭 209
7.8.3 繪製計算器圖示 210
7.8.4 製作圖示元素 211
7.9 本章小結 216
7.10 課後習題 216
7.10.1 課後習題1——清新日曆圖示 216
7.10.2 課後習題2——進度圖示 217
7.10.3 課後習題3——品質音量旋鈕 217
第8章 立體風格圖示設計 218
8.1 立體風格及設計解析 219
8.2 粉色系進度指示圖示 220
8.2.1 製作圖示輪廓 220
8.2.2 處理主視覺圖形 222
8.3 立體下載圖示 223
8.3.1 繪製立體輪廓 223
8.3.2 製作下載圖示 225
8.4 立體導航圖示 227
8.4.1 處理主圖像 227
8.4.2 製作立體圖形 228
8.5 原生桌球立體圖示 230
8.5.1 繪製木盒 230
8.5.2 製作球體 232
8.6 柔和視覺定點陣圖標 234
8.6.1 繪製主輪廓 234
8.6.2 製作定點陣圖像 236
8.7 防護啟動圖示及套用界面 240
8.7.1 製作啟動圖示 240
8.7.2 處理條紋效果 243
8.7.3 處理主界面背景 245
8.7.4 繪製主視覺圖形 246
8.8 本章小結 251
8.9 課後習題 251
8.9.1 課後習題1——唱片機圖示 251
8.9.2 課後習題2——濕度計圖示 251
8.9.3 課後習題3——圓形開關按鈕 252
第9章 遊戲風格圖示設計 253
9.1 遊戲風格及設計解析 254
9.2 彩色進度條製作 254
9.2.1 製作進度主圖形 255
9.2.2 繪製進度細節 257
9.2.3 處理質感效果 258
9.3 簡潔返回圖示 259
9.3.1 繪製圖示輪廓 260
9.3.2 繪製標識圖形 261
9.4 遊戲開始圖示 262
9.4.1 繪製主圖形 262
9.4.2 處理圖示細節圖文 265
9.5 矢量金幣圖示 266
9.5.1 金幣主輪廓製作 266
9.5.2 細節元素處理 267
9.6 手繪小鳥圖示 268
9.6.1 大體輪廓製作 268
9.6.2 手繪小鳥圖像 269
9.7 魔法屋圖示 271
9.7.1 製作魔法框線 272
9.7.2 處理魔法主圖像 273
9.8 泡泡堂啟動圖示及套用界面 274
9.8.1 啟動圖示輪廓製作 275
9.8.2 繪製主圖像 276
9.8.3 製作套用界面 282
9.8.4 製作套用界面主題字 284
9.8.5 按鈕效果製作 285
9.9 本章小結 287
9.10 課後習題 287
9.10.1 課後習題1——運行進度標示 287
9.10.2 課後習題2——寵物樂園圖示 288
第 10章 質感風格圖示設計 289
10.1 質感風格及設計解析 290
10.2 金屬質感圖示 290
10.2.1 繪製金屬盒 290
10.2.2 製作圖示細節圖像 293
10.3 親膚材質圖示 295
10.3.1 處理圖示主輪廓 296
10.3.2 處理細節圖像 298
10.4 鋼製樂器圖示 300
10.4.1 繪製主題輪廓 300
10.4.2 製作樂器質感 302
10.4.3 繪製主題圖像 305
10.5 透明質感圖示 307
10.5.1 繪製主輪廓圖形 308
10.5.2 處理細節圖像 310
10.6 原生紙質感圖示 312
10.6.1 製作圖示輪廓 313
10.6.2 添加細節圖像 314
10.7 糖果質感啟動圖示及主題界面 317
10.7.1 質感啟動圖示製作 318
10.7.2 完善質感效果 320
10.7.3 處理界面背景 323
10.8 本章小結 327
10.9 課後習題 327
10.9.1 課後習題1——白金質感開關按鈕 327
10.9.2 課後習題2——塑膠質感插座 328
