App UI設(shè)計案例實操

第1章　App UI設(shè)計基礎(chǔ)
1.1　智能App UI設(shè)計概述
1.2　App UI設(shè)計的布局和分類
1.2.1　App UI設(shè)計的布局
1.2.2　App UI設(shè)計的分類
1.3　UI設(shè)計相關(guān)知識
1.3.1　什么是UI設(shè)計
1.3.2　做UI設(shè)計的目的和重要性
1.3.3　UI設(shè)計中最重要的元素是什么
1.3.4　平面UI與手機(jī)UI的不同
1.4　UI設(shè)計的原則
第2章　如何設(shè)計一組圖標(biāo)
2.1　UI設(shè)計的準(zhǔn)則
2.2　圖標(biāo)文件的格式和大小
2.2.1　JPEG格式
2.2.2　GIF格式
2.2.3　PNG格式
2.3　跟大師設(shè)計一組圖標(biāo)
2.3.1　準(zhǔn)備工作
2.3.2　構(gòu)思、草圖
2.3.3　輔助背景制作
2.3.4　基本形、放大
2.3.5　創(chuàng)作過程
2.3.6　常用方法——變形
2.4　設(shè)計圖標(biāo)的三個階段
2.5　圖標(biāo)格式的那點事
第3章　App UI設(shè)計平面圖標(biāo)制作
3.1　Home圖標(biāo)制作
3.2　日歷圖標(biāo)制作
3.3　錄音機(jī)圖標(biāo)制作
3.4　文件夾圖標(biāo)制作
3.5　繪制基本形狀
3.6　了解繪圖模式
3.7　了解圖層樣式
第4章　App UI設(shè)計的字效表現(xiàn)
4.1　車燈字體
4.2　星星字體
4.3　牛仔布料字體
4.4　在App UI 中如何控制字號
4.5　字體配色的那點事
第5章　UI的質(zhì)感表現(xiàn)
5.1　膠布質(zhì)感
5.2　玻璃質(zhì)感
5.3　木紋質(zhì)感
5.4　紙張質(zhì)感
5.5　陶瓷質(zhì)感
5.6　光滑漆皮質(zhì)感
5.7　塑料、金屬和玻璃綜合質(zhì)感
5.8　扁平化系統(tǒng)的特色
5.9　關(guān)于透明元素和透明度使用的藝術(shù)
第6章　App UI設(shè)計立體圖標(biāo)制作
6.1　Dribbble圖標(biāo)制作
6.2　按鈕圖標(biāo)制作
6.3　Chrome圖標(biāo)制作
6.4　Twitter圖標(biāo)制作
6.5　照相機(jī)圖標(biāo)制作
6.6　如何讓圖標(biāo)更具吸引力
6.7　立體圖標(biāo)的設(shè)計原則
第7章　App UI按鈕設(shè)計
7.1　發(fā)光按鈕
7.2　控制鍵按鈕
7.3　清新開關(guān)按鈕
7.4　高調(diào)旋鈕
7.5　如何設(shè)計和諧的交互
7.6　設(shè)計師關(guān)于按鈕設(shè)計的建議
第8章　App UI零件設(shè)計大集合
8.1　進(jìn)度條
8.2　音量設(shè)置
8.3　選項設(shè)置按鈕
8.4　導(dǎo)航列表的設(shè)計原則
第9章　App UI整體界面制作
9.1　手機(jī)界面總體設(shè)計
9.2　音樂播放界面
9.3　制作日歷界面
9.4　制作對話框
9.5　制作圖庫界面
附錄