基礎入門篇

第1章　UI設計快速入行　8
1.1　UI設計的基礎　8
1.1.1　設計的要義　8
1.1.2　設計的創作思路　8
1.1.3　設計的分類　9
1.1.4　什么是UI設計　9
1.1.5　UI設計的分類　10
1.1.6　UI設計的規范　10
1.1.7　設計基本原則　12
1.1.8　設計流程及方法　12
1.1.9　UI設計工作流程　13
1.1.10　UI設計者與產品設計團隊　13
1.2　Photoshop UI設計快速入門　13
1.2.1　了解Photoshop和UI的關系　14
1.2.2　啟動Photoshop應用程序　14
1.2.3　退出Photoshop應用程序　15
1.2.4　了解Photoshop工作界面　15
1.2.5　了解Photoshop的工具箱　18
1.2.6　管理Photoshop控制面板　22
1.2.7　管理Photoshop工作窗口　23
1.2.8　優化Photoshop系統參數　24
1.2.9　控制Photoshop圖像窗口　27
1.2.10　控制Photoshop圖像顯示　29
1.2.11　控制Photoshop圖像畫布　37
1.2.12　應用Photoshop輔助工具　38
1.3　圖像處理基本操作　44
1.3.1　新建文件　44
1.3.2　存儲文件　46
1.3.3　關閉文件　47
1.3.4　管理圖像　48
1.3.5　自由變換圖像　50
1.3.6　選取顏色　57
1.3.7　填充顏色與圖案　60

第2章　手機APP界面設計入門　63
2.1　手機界面設計的基礎　63
2.1.1　什么是手機界面設計　63
2.1.2　界面構成的基本區域　64
2.1.3　手機界面效果的規范性　64
2.1.4　手機界面效果的個性化　64
2.1.5　手機UI設計基本流程　65
2.1.6　手機界面設計常用的5種布局　66
2.2　手機界面的視覺效果　69
2.2.1　簡約明快型　69
2.2.2　趣味與獨創型　69
2.2.3　高貴華麗型　70
2.3　安卓與蘋果手機系統組件介紹　71
2.3.1　安卓系統基礎組件　71
2.3.2　蘋果系統基礎組件　72

手機APP篇

第3章　手機APP常用元素設計　75
3.1　了解手機APP常用元素　75
3.1.1　手機APP常用圖形元素　75
3.1.2　手機APP常用控件　75
3.1.3　手機APP啟動圖標　77
3.2　手機APP常用元素設計案例演練　78
3.2.1　完成按鈕設計　78
3.2.2　選項框設計　82
3.2.3　電話圖標設計　87
3.3　Windows Phone啟動界面設計　92
3.3.1　設計界面背景效果　92
3.3.2　設計界面主體效果　94
3.3.3　設計界面整體效果　96
3.4　iPhone常規設置界面設計　98
3.4.1　設計界面背景效果　99
3.4.2　設計界面主體效果　100
3.4.3　設計界面整體效果　104

第4章　手機APP登錄界面設計　106
4.1　手機APP登錄界面設計實例演練　106
4.1.1　文本框樣式設計　106
4.1.2　登錄按鈕設計　107
4.1.3　用戶登錄樣式設計　109
4.2　手機微客登錄界面設計　111
4.2.1　設計界面背景效果　112
4.2.2　設計界面主體效果　113
4.2.3　設計界面整體效果　116
4.3　手機QQ登錄界面設計　118
4.3.1　設計界面背景效果　118
4.3.2　設計界面主體效果　119
4.3.3　設計界面整體效果　125

第5章　安卓手機熱門界面設計　127
5.1　安卓手機熱門元素設計　127
5.1.1　數字鍵盤設計　127
5.1.2　音量列表框設計　132
5.1.3　搜索文本框設計　136
5.2　安卓手機智能撥號界面設計　140
5.2.1　設計界面背景效果　140
5.2.2　設計界面主體效果　141
5.2.3　設計界面整體效果　145
5.3　安卓應用程序界面設計　146
5.3.1　設計界面背景效果　146
5.3.2　設計界面主體效果　147
5.3.3　設計界面整體效果　151

第6章　蘋果手機熱門界面設計　152
6.1　蘋果手機熱門元素設計　152
6.1.1　日歷圖標設計　152
6.1.2　日歷表設計　155
6.1.3　已用空間檢測區設計　159
6.2　蘋果手機日歷界面設計　162
6.2.1　設計界面背景效果　162
6.2.2　設計界面主體效果　163
6.2.3　設計界面整體效果　166
6.3　蘋果手機磁盤檢測界面設計　168
6.3.1　設計界面背景效果　168
6.3.2　設計界面主體效果　169
6.3.3　設計界面整體效果　171

第7章　軟件類熱門界面設計　174
7.1　軟件類熱門界面元素設計　174
7.1.1　軟件按鈕設計　174
7.1.2　軟件圖標設計　177
7.1.3　書架框設計　179
7.2　手機閱讀界面設計　181
7.2.1　設計界面背景效果　181
7.2.2　設計界面主體效果　182
7.2.3　設計界面整體效果　184
7.3　美涂秀秀界面設計　185
7.3.1　設計界面背景效果　185
7.3.2　設計界面主體效果　186
7.3.3　設計界面整體效果　188

第8章　播放器熱門界面設計　192
8.1　手機播放器界面設計案例演練　192
8.1.1　功能按鈕設計　192
8.1.2　播放進度滑塊設計　193
8.1.3　播放區的播放界面設計　196
8.2　手機視頻播放器界面設計　198
8.2.1　設計界面背景效果　198
8.2.2　設計界面主體效果　201
8.2.3　設計界面整體效果　205
8.3　手機APP音樂播放器界面設計　207
8.3.1　設計界面背景效果　207
8.3.2　設計界面主體效果　210
8.3.3　設計界面整體效果　214

第9章　手機游戲熱門界面設計　216
9.1　手機游戲熱門元素設計　216
9.1.1　操作鼠標形狀設計　216
9.1.2　文字修飾設計　218
9.1.3　游戲按鈕樣式設計　220
9.2　“誰是臥底”游戲界面設計　223
9.2.1　設計界面背景效果　223
9.2.2　設計界面主體效果　225
9.2.3　設計界面整體效果　227
9.3　手機休閑游戲界面設計　229
9.3.1　設計界面背景效果　229
9.3.2　設計界面主體效果　230
9.3.3　設計界面整體效果　232

網頁游戲篇

第10章　網頁熱門界面設計　234
10.1　網頁界面設計案例演練　234
10.1.1　網頁導航欄設計　234
10.1.2　網站導航按鈕設計　237
10.1.3　借書網站按鈕設計　240
10.1.4　網站LOGO設計　245
10.1.5　網站橫幅廣告設計　247
10.1.6　網站搜索表單設計　251
10.2　企業文化宣傳網頁界面設計　254
10.2.1　設計界面背景效果　254
10.2.2　設計界面主體效果　257
10.2.3　設計界面整體效果　260
10.3　圖書館網頁界面設計　262
10.3.1　設計界面背景效果　262
10.3.2　設計界面主體效果　264
10.3.3　設計界面整體效果　270
10.4　攝影作品展示網頁界面設計　272
10.4.1　設計界面背景效果　272
10.4.2　設計界面主體效果　274
10.4.3　設計界面整體效果　281
10.5　美食信息聚合網頁界面設計　282
10.5.1　設計界面背景效果　283
10.5.2　設計界面主體效果　288
10.5.3　設計界面整體效果　293

第11章　游戲界面效果設計　299
11.1　游戲界面設計案例演練　299
11.1.1　登錄文本框設計　299
11.1.2　信息提示框設計　301
11.1.3　游戲主題設計　304
11.2　保衛橙子游戲界面設計　307
11.2.1　設計界面背景效果　307
11.2.2　設計界面主體效果　308
11.2.3　設計界面整體效果　313
11.3　大魚抓小魚游戲界面設計　314
11.3.1　設計界面背景效果　314
11.3.2　設計界面主體效果　315
11.3.3　設計界面整體效果　317