移動端UI設(shè)計與制作案例教程

第1篇 基 礎(chǔ) 篇
項目1 認(rèn)識移動端UI設(shè)計 2
任務(wù)1 移動端UI設(shè)計的定義 2
任務(wù)2 移動端UI設(shè)計的特點 3
任務(wù)3 了解企業(yè)中移動端產(chǎn)品設(shè)計流程 6
任務(wù)4 移動端產(chǎn)品團(tuán)隊相關(guān)職位及UI設(shè)計崗位能力要求 12
項目2 移動端UI設(shè)計中的色彩表現(xiàn) 14
任務(wù)1 色彩構(gòu)成 15
任務(wù)2 色彩屬性 16
任務(wù)3 視覺感受 17
任務(wù)4 色彩搭配技巧 24
第2篇 圖標(biāo)設(shè)計篇
項目1 極簡圖標(biāo)設(shè)計 28
任務(wù) 繪制天氣圖標(biāo) 28
項目2 扁平圖標(biāo)設(shè)計 33
任務(wù)1 扁平純色塊圖標(biāo)設(shè)計 33
任務(wù)2 扁平長投影圖標(biāo)設(shè)計 36
任務(wù)3 扁平微質(zhì)感圖標(biāo)設(shè)計 39
項目3 質(zhì)感圖標(biāo)設(shè)計 44
任務(wù)1 塑料質(zhì)感圖標(biāo)設(shè)計 44
任務(wù)2 毛絨質(zhì)感圖標(biāo)設(shè)計 55
任務(wù)3 皮質(zhì)圖標(biāo)設(shè)計 64
任務(wù)4 金屬質(zhì)感圖標(biāo)設(shè)計 71
任務(wù)5 木質(zhì)質(zhì)感圖標(biāo)設(shè)計 79
任務(wù)6 玻璃質(zhì)感圖標(biāo)設(shè)計 88
第3篇 綜合實踐篇
項目1 移動端主題設(shè)計 98
任務(wù)1 移動端主題圖標(biāo)設(shè)計 102
任務(wù)2 移動端背景設(shè)計 108
任務(wù)3 移動端解鎖界面設(shè)計 110
任務(wù)4 主題圖標(biāo)測試與發(fā)布 119
項目2 搜狗輸入法皮膚設(shè)計 123
任務(wù)1 搜狗輸入法皮膚設(shè)計 126
任務(wù)2 搜狗輸入法測試與發(fā)布 137
項目3 移動端界面設(shè)計 145
任務(wù)1 閃屏設(shè)計 164
任務(wù)2 引導(dǎo)頁設(shè)計 169
任務(wù)3 登錄頁設(shè)計 175
任務(wù)4 首頁設(shè)計 180
任務(wù)5 列表頁設(shè)計 187
任務(wù)6 詳情頁設(shè)計 192