Photoshop手機(jī)App界面設(shè)計(jì)實(shí)戰(zhàn)入門

第01章 App界面基礎(chǔ)知識
1．1　UI設(shè)計(jì)快速入門 /　8
1．1．1　UI設(shè)計(jì)概念 /　8
1．1．2　什么是App /　9
1．1．3　手機(jī)UI與平面UI的不同 /　9
1．2　UI設(shè)計(jì)與產(chǎn)品團(tuán)隊(duì)合作流程關(guān)系 /　11
1．2．1　團(tuán)隊(duì)成員 /　11
1．2．2　UI設(shè)計(jì)流程 /　11
1．3　UI設(shè)計(jì)組成部分 /　12
1．3．1　ADS（Application DefinitionStatement） /　12
1．3．2　畫草圖 /　13
1．3．3　低保真原型與高保真原型 /　14
1．3．4　Axure即 Axure RP /　15
1．3．5　圖形界面設(shè)計(jì) /　16
1．4　常用UI設(shè)計(jì)單位解析 /　16
1．4．1　英寸（Inch） /　16
1．4．2　分辨率（Resolution） /　16
1．4．3　網(wǎng)點(diǎn)密度（DPI） /　17
1．4．4　屏幕密度（Screen Densities） /　17
1．5　UI設(shè)計(jì)常用圖像格式 /　17
1．5．1　JPEG /　17
1．5．2　GIF /　18
1．5．3　PNG /　18
1．5．4　ICO格式 /　19
1．5．5　ICL格式 /　19
1．5．6　IP格式 /　19
1．6　手機(jī)操作系統(tǒng)簡介 /　19
1．6．1　Android系統(tǒng) /　19
1．6．2　iOS系統(tǒng) /　20
1．6．3　Windows Phone /　22
1．7　UI界面設(shè)計(jì)常用的軟件 /　22
1．7．1　Photoshop /　23
1．7．2　Illustrator /　23
1．7．3　CorelDRAW /　23
1．8　UI設(shè)計(jì)原則 /　25
1．9　提升UI視覺效果的設(shè)計(jì)技巧 /　26
1．10　App界面組成說明 /　28
1．11　熟悉各系統(tǒng)組件 /　30
1．11．1　iOS的基礎(chǔ)UI組件 /　30
1．11．2　Android的基礎(chǔ)UI組件 /　39
1．11．3　Windows Phone的基礎(chǔ)UI組件 /　47
第02章　UI界面設(shè)計(jì)色彩學(xué)
2．1　色彩學(xué)基礎(chǔ)知識 /　52
2．1．1　顏色的概念 /　52
2．1．2　色彩的分類 /　53
2．1．3　色彩三要素 /　56
2．1．4　加法混色 /　62
2．1．5　減法混色 /　62
2．1．6　芒塞爾色彩系統(tǒng)（Munsell color system） /　63
2．2　UI設(shè)計(jì)常見配色方案 /　64
2．2．1　單色搭配 /　64
2．2．2　近似色搭配 /　65
2．2．3　補(bǔ)色搭配 /　65
2．2．4　分裂補(bǔ)色搭配 /　66
2．2．5　原色的搭配 /　66
2．3　UI設(shè)計(jì)色彩學(xué) /　66
2．3．1　色彩與生活 /　67
2．3．2　色彩意象 /　67
2．4　色彩的性格 /　72
第03章　App行業(yè)規(guī)則及設(shè)計(jì)分析
3．1　移動(dòng)App按鈕尺寸分析 /　75
3．1．1　一般規(guī)范標(biāo)準(zhǔn) /　75
3．1．2　手指與尺寸大小 /　75
3．1．3　理想狀態(tài)和特殊情況 /　76
3．2　常見界面設(shè)計(jì)解析 /　76
3．2．1　扁平化設(shè)計(jì) /　76
3．2．2　寫實(shí)設(shè)計(jì) /　80
3．3　了解圖標(biāo) /　82
3．3．1　圖標(biāo)的分類 /　82
3．3．2　圖標(biāo)的作用 /　83
3．3．3　圖標(biāo)和圖像尺寸規(guī)范 /　84
3．4　UI界面設(shè)計(jì)尺寸標(biāo)準(zhǔn) /　87
3．4．1　iPhone和Android設(shè)計(jì)尺寸 /　87
3．4．2　Android 系統(tǒng)換算及主流手機(jī)設(shè)置 /　90
第04章　App基本元素繪制
4．1　常用幾何圖形繪制 /　96
4．1．1　繪制工具分析 /　97
4．1．2　正方形、長方形 /　101
4．1．3　正圓、橢圓 /　103
4．1．4　圓角化處理 /　104
4．1．5　Squircle /　106
4．1．6　虛線的繪制 /　107
4．1．7　多種形狀組合 /　109
4．1．8　多種現(xiàn)有形狀的繪制 /　110
4．2　App常見控件繪制 /　111
4．2．1　按鈕 /　112
4．2．2　開關(guān)按鈕 /　113
4．2．3　分段控件 /　118
4．2．4　滑塊控件 /　120
4．2．5　泡泡對話框 /　124
4．2．6　文本框控件 /　127
4．3　App啟動(dòng)圖標(biāo)的制作 /　130
4．3．1　iOS啟動(dòng)圖標(biāo)制作 /　132
4．3．2　Windows Phone啟動(dòng)圖標(biāo)制作 /　136
4．3．3　Android啟動(dòng)圖標(biāo)制作 /　137
4．4　常見圖片設(shè)計(jì)效果處理 /　142
4．4．1　色彩調(diào)節(jié)控制 /　143
4．4．2　一般投影的處理 /　147
4．4．3　鏡面倒影的處理 /　148
4．4．4　鏡面高光處理 /　150
4．4．5　畫中畫效果 /　152
4．4．6　翹邊效果 /　156
4．4．7　經(jīng)典白邊框效果 /　158
4．4．8　App背景的處理 /　160
第05章　App界面設(shè)計(jì)實(shí)戰(zhàn)
5．1　Android實(shí)例 /　168
5．1．1　頁面模塊分析 /　168
5．1．2　頁面拆分詳解 /　169
5．1．3　設(shè)計(jì)尺寸分析 /　171
5．1．4　如何設(shè)計(jì) /　174
5．1．5　如何保存 /　174
5．2　iOS實(shí)例 /　177
5．2．1　新浪微博簡介 /　177
5．2．2　拆分頁面 /　178
5．2．3　未登錄頁面 /　178
5．2．4　注冊頁面 /　179
5．2．5　登錄頁面 /　180
5．3　Windows Phone實(shí)例 /　182
5．3．1　MixRadio頁面模塊分析 /　182
5．3．2　Windows Phone頁面布局參數(shù) /　185
附錄
UI設(shè)計(jì)實(shí)用輔助工具　/　190
Axure　/　190
優(yōu)秀國內(nèi)外網(wǎng)站推薦　/　192
UI設(shè)計(jì)中常見名詞釋義　/　193
優(yōu)秀炫酷圖標(biāo)賞析　/　196
經(jīng)典擬物化圖標(biāo)　/　196
游戲類圖標(biāo)　/　198
質(zhì)感類控件　/　199
扁平化界面　/　200
游戲界面　/　202
激發(fā)創(chuàng)作靈感的界面欣賞　/　203
iOS優(yōu)秀界面欣賞　/　204
Android優(yōu)秀界面欣賞　/　205
Windows　Phone 優(yōu)秀界面欣賞 /　206