全面的基礎知識：覆蓋UI設計快速入門的相關基礎知識。
豐富實用的案例：43個常見的UI設計課堂案例+22個UI設計延伸課後習題。
豐富的附贈資源：所有案例素材+所有案例源文件+PPT教學課件。
高清的教學視頻：所有案例的高清語音教學視頻，體會大師面對面、手把手的教學。

本書是一本全面介紹如何使用Photoshop進行UI設計的實用教程，針對零基礎讀者本書是一本全面介紹如何使用Photoshop進行UI設計的實用教程，針對零基礎讀者開發，是入門級讀者快速全面掌握使用Photoshop進行UI設計的參考書。
本書由具有多年豐富UI設計經驗的一線設計師精心編寫，通過全實例、圖文並茂的詳細闡述，將UI設計過程再現，從UI設計基礎到精致按鈕及旋鈕設計，從扁平風格到寫實風格等，全面展示UI設計精髓。本書對UI設計中的各種流行設計風格做了全面剖析，每個案例都有詳細的制作流程詳解，並且為讀者安排了相關的課後練習題，讀者在學完案例後可通過習題進行深入練習，拓展自己的創意思維，提高UI設計水平。
本書附贈教學資源，包括書中所有實例的素材文件及效果源文件，還有所有實例及課後習題的多媒體高清有聲教學視頻，幫助讀者提高學習效率。另外，為方便老師教學，本書還提供了PPT教學課件，以供參考。
本書適合作為UI設計初學者、平面設計師和手機App開發人員的參考用書，也可作為培訓機構、大中專院校相關專業的教學參考書或上機實踐指導用書。

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

第 1章 初識UI設計 9
1．1 認識UI設計 10
1．2 常用UI設計單位解析 10
1．3 UI設計常用圖像格式 11
1．4 UI設計準則 11
1．5 UI設計與團隊合作關繫 12
1．6 智能手機操作繫統簡介 12
1．7 UI設計常用的軟件 13
1．8 UI色彩學知識 15
1．9 UI設計常見配色方案 17
1．10 UI設計配色技巧 18
1．11 UI設計色彩學 20
1．12 精彩UI設計賞析 22
1．13 本章小結 23
第 2章 精致按鈕及旋鈕設計 24
2．1 理論知識——移動APP按鈕尺寸分析 25
2．2 課堂案例——下載按鈕 25
2．2．1 打開素材 26
2．2．2 添加質感 26
2．3 課堂案例——簡潔按鍵開關 27
2．3．1 制作背景並添加文字 27
2．3．2 繪制按鍵 27
2．4 課堂案例——音量滑動條 28
2．4．1 打開素材 28
2．4．2 繪制圖形 28
2．5 課堂案例——立體多邊形按鈕 29
2．5．1 制作漸變背景 29
2．5．2 繪制圖形 30
2．6 課堂案例——滑動按鈕 32
2．6．1 制作背景繪制圖形 32
2．6．2 繪制控件 34
2．7 課堂案例——滑動調節按鈕 36
2．7．1 制作背景繪制圖形 37
2．7．2 繪制控件 38
2．7．3 添加質感 39
2．7．4 繪制刻度 40
2．8 課堂案例——功能旋鈕 41
2．8．1 制作背景繪制圖形 41
2．8．2 繪制功能圖像 43
2．8．3 制作立體質感 45
2．8．4 繪制指示圖形 47
2．8．5 添加文字 48
2．9 課堂案例——品質音量控件 49
2．9．1 制作背景 49
2．9．2 制作控件 50
2．9．3 制作細節 59
2．10 本章小結 61
2．11 課後習題 61
2．11．1 課後習題1——下單按鈕 61
2．11．2 課後習題2——圓形開關按鈕 62
2．11．3 課後習題3——金屬旋鈕 62
2．11．4 課後習題4——音頻調節控件 63
第3章 趨勢流行扁平風 64
3．1 理論知識——扁平化設計 65
3．1．1 什麼是扁平化設計 65
3．1．2 扁平化設計的優點和缺點 65
3．1．3 扁平化設計的四大原則 65
3．2 課堂案例——盾牌圖標 67
3．2．1 制作漸變背景 67
3．2．2 添加投影 68
3．3 課堂案例——扁平分享圖標 69
3．3．1 繪制圓形 69
3．3．2 繪制裝飾圖形 70
3．3．3 制作投影 71
3．4 課堂案例——加速圖標 72
3．4．1 制作背景及輪廓 72
3．4．2 繪素 73
3．4．3 制作陰影 74
3．5 課堂案例——企業管理登錄界面 75
3．5．1 繪制主圖形 75
3．5．2 添加素材及文字 77
3．6 課堂案例——社交應用登錄框 77
3．6．1 制作背景 77
3．6．2 繪制界面 78
3．7 課堂案例——美食APP界面 81
3．7．1 繪制圖形並添加素材 81
3．7．2 繪素 82
3．8 課堂案例——扁平化郵箱界面 84
3．8．1 制作背景及狀態欄 84
3．8．2 添加文字 85
3．9 課堂案例——個人應用APP界面 87
3．9．1 制作背景 87
3．9．2 繪制界面圖形 88
3．9．3 添加文字並制作細節 89
3．9．4 繪制二級功能頁面 90
3．10 本章小結 93
3．11 課後習題 93
3．11．1 課後習題1——扁平鉛筆圖標 93
3．11．2 課後習題2——扁平相機圖標 94
3．11．3 課後習題3——簡約風天氣APP 94
第4章 超強表現寫實風 96
4．1 理論知識——寫實風格詳解 97
4．1．1 寫實的藝術表現形式 97
4．1．2 UI設計的寫實表現 97
4．2 課堂案例--——寫實SIM卡 98
4．2．1 制作背景繪制輪廓 98
4．2．2 繪制細節圖形 99
4．3 課堂案例——寫實專輯包裝 100
4．3．1 制作背景 101
4．3．2 制作封面 102
4．3．3 繪制光盤 103
4．3．4 制作質感 105
4．3．5 制作封口細節 107
4．4 課堂案例——寫實鬧鐘圖標 110
4．4．1 制作背景 110
4．4．2 繪制鬧鐘輪廓 110
4．4．3 繪制揚聲器孔 115
4．4．4 繪制燈開關 117
4．4．5 繪制表盤圖形 119
4．4．6 制作表盤細節 120
4．5 課堂案例——寫實電視機圖標 123
4．5．1 制作背景並繪制電視輪廓 123
4．5．2 繪制屏幕圖形 126
4．5．3 繪制電視細節 128
4．6 課堂案例——寫實小票圖標 131
4．6．1 制作背景並繪制圖形 132
4．6．2 制作鋸齒效果 134
4．6．3 添加文字並制作陰影 135
4．7 本章小結 137
4．8 課後習題 137
4．8．1 課後習題1——寫實計算器圖標 137
4．8．2 課後習題2——寫實鋼琴圖標 137
4．8．3 課後習題3——寫實開關圖標 138
第5章 iOS風格界面設計 139
5．1 理論知識——認識iOS風格 140
5．1．1 iOS的發展及界面分布 140
5．1．2 認識iOS的控件 140
5．2 課堂案例——蘋果風格登錄界面 141
5．2．1 制作背景 141
5．2．2 繪制圖形 142
5．2．3 添加素材 144
5．2．4 繪制文本框 145
5．3 課堂案例——會員登錄頁 147
5．3．1 制作背景 147
5．3．2 繪制主界面 149
5．3．3 制作細節 151
5．3．4 繪制文本框 152
5．4 課堂案例——通信應用界面 154
5．4．1 制作背景 155
5．4．2素 158
5．5 課堂案例——音樂電臺界面設計 160
5．5．1 制作背景 160
5．5．2 繪制界面 161
5．5．3 添素 165
5．5．4 添加素材圖像 167
5．5．5 繪制功能控件 168
5．6 課堂案例——iPod應用登錄界面 169
5．6．1 制作背景及繪制狀態欄 169
5．6．2 添素 170
5．7 課堂案例——iOS風格音樂播放器界面 173
5．7．1 制作應用界面 174
5．7．2 展示頁面 181
5．8 本章小結 182
5．9 課後習題 182
5．9．1 課後習題1——會員登錄框界面 182
5．9．2 課後習題2——用戶界面 182
5．9．3 課後習題3——翻頁登錄界面 183
第6章 精品圖標制作 184
6．1 理論知識——了解圖標 185
6．1．1 圖標的分類 185
6．1．2 圖標的作用 185
6．1．3 圖標的格式 185
6．1．4 圖標和圖像大小 186
6．1．5 精美APP圖標欣賞 188
6．2 課堂案例——簡潔羅盤圖標 188
6．2．1 制作背景繪制圖形 188
6．2．2 繪制表座 191
6．2．3 繪制指針 191
6．3 課堂案例——簡潔進程圖標 193
6．3．1 制作背景添加圖像 193
6．3．2 繪制圖形 193
6．4 課堂案例——美麗拍圖標 195
6．4．1 繪制矩形並添加陰影 195
6．4．2 繪制標志圖形 197
6．4．3 制作細節部分 198
6．5 課堂案例——下載圖標 200
6．5．1 制作背景並繪制圖形 201
6．5．2 制素 203
6．6 課堂案例——相機和計算器圖標 205
6．6．1 制作背景並繪制圖標 206
6．6．2 制作細節 208
6．6．3 繪制鏡頭 210
6．6．4 繪制計算器圖標 211
6．6．5 制素 212
6．6．6 制作細節 214
6．7 課堂案例——日歷和天氣圖標 217
6．7．1 制作背景 217
6．7．2 繪制日歷圖標 218
6．7．3 制作圖標細節 222
6．7．4 制作翻頁 223
6．7．5 繪制天氣圖標 224
6．8 本章小結 228
6．9 課後習題 228
6．9．1 課後習題1——唱片機圖標 228
6．9．2 課後習題2——進度圖標 229
6．9．3 課後習題3——濕度計圖標 229
6．9．4 課後習題4——小黃人圖標 230
第7章 流行界面設計荟萃 231
7．1 理論知識——UI設計尺寸 232
7．1．1 iPhone和Android設計尺寸 232
7．1．2 Android 繫統換算及主流手機設置 234
7．2 課堂案例——存儲數據界面 236
7．2．1 制作背景繪制圖形 236
7．2．2 添加細節圖像 239
7．3 課堂案例——自然協會應用界面 240
7．3．1 制作主題背景 240
7．3．2 繪制界面圖形 241
7．3．3 添加圖像 242
7．3．4 繪制圖形 243
7．4 課堂案例——點餐APP界面 245
7．4．1 制作背景 245
7．4．2 添加素材及文字 246
7．4．3 添素 247
7．4．4 繪制功能圖形及添加素材 252
7．5 課堂案例——鎖屏界面 254
7．5．1 制作背景 255
7．5．2 繪制界面圖形 258
7．5．3 添加文字信息 261
7．5．4 添加素材功能圖標 265
7．6 課堂案例——票券APP界面 266
7．6．1 制作背景並繪制狀態欄 266
7．6．2 添加素材 267
7．6．3 添加文字 268
7．6．4 繪制按鍵圖形 269
7．6．5 添加文字及素材 271
7．7 本章小結 272
7．8 課後習題 272
7．8．1 課後習題1——經典音樂播放器界面 272
7．8．2 課後習題2——下載數據界面 273
7．8．3 課後習題3——APP遊戲個人界面 273
第8章 綜合設計實戰 275
8．1 課堂案例——信息接收控件 276
8．1．1 制作背景並繪制圖形 276
8．1．2 制素 277
8．1．3 添加文字 279
8．2 課堂案例——Sense Widget 280
8．2．1 制作背景並繪制界面圖形 280
8．2．2 添加文字信息及素材 285
8．3 課堂案例——簡潔視頻播放界面 286
8．3．1 制作主題背景 286
8．3．2 添加控件素材 289
8．3．3 添加投影 290
8．4 課堂案例——怡人秋景主題天氣界面 291
8．4．1 制作背景 291
8．4．2 繪制界面 294
8．4．3 添加文字 306
8．5 課堂案例——概念手機界面 306
8．5．1 制作背景及繪制圖形 307
8．5．2 添加素材 308
8．5．3 添加文字 310
8．5．4 繪素圖形 311
8．6 本章小結 318
8．7 課後習題 318
8．7．1 課後習題1——精致CD控件 318
8．7．2 課後習題2——APP遊戲安裝頁 319