Photoshop CC移動UI圖標設計實用教程（簡體書）

這是一本全面介紹如何使用Photoshop進行UI圖標設計的實用教程。本書採用新穎的編寫形式，精選當下流行的商業圖標設計案例，將實用的設計思路授受給讀者。同時在講解過程中，以文字講解與圖像結合的形式，很好的展示設計過程，無論是簡潔的扁平化圖標實例講解，還是相對複雜的寫實或者質感圖標實例講解，都可以通過本書提供的設計思路進行設計，真正學到專業的設計技能，從而全面提升自己的設計能力。
本書附贈學習資源，包括書中所有實例的素材文件和效果源文件，以及本書所有實例及課後習題的高清有聲教學視頻，幫助讀者提高學習效率。同時，為方便老師教學，本書還提供了PPT教學課件，以供參考。
本書不但適用於喜愛UI圖標設計的讀者，還能讓有一定基礎的讀者快速提升自己的設計能力，同時可作為社會培訓學校、大中專院校相關專業的教學參考書或上機實踐指導用書。

王紅衛，畢業于鄭州大學計算機專業。在北京理工大學百事特電腦教育部做講師6年。創立水木風云工作室，以教材及店銷書籍編寫為主，從事編輯與廣告、企業系列海報等設計工作。

第 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