Photoshop移動(dòng)終端APP界面設(shè)計(jì)

01
APP用戶界面基礎(chǔ)
1．1 手機(jī)界面設(shè)計(jì)的基礎(chǔ)
1．1．1 什么是手機(jī)界面設(shè)計(jì) 2
1．1．2 界面構(gòu)成的基本區(qū)域　 3
1．1．3 手機(jī)界面效果的規(guī)范性 4
1．1．4 手機(jī)界面效果的個(gè)性化 4
1．1．5 手機(jī)UI設(shè)計(jì)基本流程 5
1．2 安卓與蘋果手機(jī)系統(tǒng)組件介紹
1．2．1 安卓系統(tǒng)基礎(chǔ)組件 6
1．2．2 蘋果系統(tǒng)基礎(chǔ)組件 6
1．2．3 登錄界面設(shè)計(jì)中幾種常見的設(shè)計(jì)思路 7
1．2．4 導(dǎo)航設(shè)計(jì)常見的4種制作風(fēng)格 8
1．2．5 手機(jī)界面設(shè)計(jì)常用的5種布局 8
1．3 手機(jī)界面設(shè)計(jì)尺寸標(biāo)準(zhǔn)
1．3．1 英寸(Inch) 9
1．3．2 分辨率(Resolution) 9
1．3．3 網(wǎng)點(diǎn)密度(DPI) 10
1．3．4 屏幕密度(Screen Densities) 10
1．3．5 圖標(biāo)尺寸大小與格式 11
1．3．6 iPad UI設(shè)計(jì)的尺寸規(guī)范 12
1．4 手機(jī)界面的色彩搭配與視覺效果
1．4．1 色彩的重要性 14
1．4．2 色彩的分類 15
1．4．3 色彩搭配方法 15
1．4．4 簡(jiǎn)約明快型 16
1．4．5 趣味與獨(dú)創(chuàng)型 16
1．4．6 高貴華麗型 16
1．5 UI的設(shè)計(jì)流程及方法
1．5．1 定位指南圖 17
1．5．2 核心功能確認(rèn) 17
1．5．3 ADS 17
1．5．4 畫草圖 17
1．5．5 低保真原型與高保真原型 18
1．5．6 視覺設(shè)計(jì) 19
1．5．7 交付 20
02
APP基本圖形元素
2．1 APP基本圖形制作
2．1．1 圖形制作 22
2．2 實(shí)例――圖形制作
2．2．1 圓形 23
2．2．2 正方形、長(zhǎng)方形 31
2．2．3 正方形、長(zhǎng)方形延展 36
2．2．4 圓角 43
2．2．5 組合形狀 48
03
APP控件設(shè)計(jì)
3．1 APP常用控件制作
3．2 實(shí)例――常見控件制作
3．2．1 按鈕 57
3．2．2 單選框　 65
3．2．3 選項(xiàng)框　 72
3．2．4 滑動(dòng)條　 80
3．2．5 登錄按鈕　 87
3．2．6 TAB切換　 93
3．2．7 鎖屏 100
04
常見的顯示區(qū)制作
4．1 常見的顯示區(qū)制作
4．2 實(shí)例――常見顯示區(qū)的制作
4．2．1 搜索框 107
4．2．2 搜索框延展1 112
4．2．3 搜索框延展2 118
4．2．4 主屏顯示區(qū) 123
05
APP中的圖標(biāo)制作
5．1 APP中圖標(biāo)制作的基本知識(shí)
5．2 實(shí)例――一般的圖標(biāo)制作效果
5．2．1 現(xiàn)實(shí)感的圖標(biāo) 129
5．2．2 簡(jiǎn)筆畫風(fēng)格的圖標(biāo) 135
5．2．3 卡通圖標(biāo) 146
5．2．4 應(yīng)用線條的圖標(biāo) 153
06
扁平風(fēng)格的圖標(biāo)制作
6．1 扁平設(shè)計(jì)風(fēng)格的特點(diǎn)
6．2 實(shí)例――扁平風(fēng)格的圖標(biāo)效果
6．2．1 純平面 161
6．2．2 輕折疊 168
6．2．3 輕質(zhì)感 175
6．2．4 折紙風(fēng) 183
6．2．5 有明顯投影 190
6．2．6 有厚度感 194
07
APP常用效果制作
7．1 APP常用效果制作基礎(chǔ)知
7．2 實(shí)例――APP常用效果制作
7．2．1 夢(mèng)幻效果 204
7．2．2 透明效果 208
7．2．3 邊框效果 214
7．2．4 色塊效果 218
7．2．5 照片效果 222
7．2．6 像素效果 229
7．2．7 清新效果 237
7．2．8 單色效果 241
7．2．9 英倫風(fēng)效果 246
7．2．10 可愛效果 253