移動UI設(shè)計之案例與實戰(zhàn)

第1章 UI設(shè)計的理論基礎(chǔ)…………………………………………………………………… 1
任務(wù)1 UI設(shè)計的名詞解釋………………………………………………………………… 1
任務(wù)2 UI設(shè)計的原則……………………………………………………………………… 1
任務(wù)3 UI設(shè)計的流程……………………………………………………………………… 2
任務(wù)4 UI設(shè)計的就業(yè)前景………………………………………………………………… 3
本章習(xí)題………………………………………………………………………………………… 3
第2章 基礎(chǔ)圖標(biāo)的設(shè)計與制作(1)…………………………………………………………… 4
任務(wù)1 微信圖標(biāo)的設(shè)計與制作……………………………………………………………… 4
任務(wù)2 天天動聽圖標(biāo)的設(shè)計與制作………………………………………………………… 9
任務(wù)3 音樂圖標(biāo)的設(shè)計與制作…………………………………………………………… 19
任務(wù)4 擬物化金屬旋鈕的設(shè)計與制作…………………………………………………… 31
本章習(xí)題……………………………………………………………………………………… 38
第3章 基礎(chǔ)圖標(biāo)的設(shè)計與制作(2)…………………………………………………………… 40
任務(wù)1 卡通圖標(biāo)的設(shè)計與制作…………………………………………………………… 40
任務(wù)2 記事本圖標(biāo)的設(shè)計與制作………………………………………………………… 48
任務(wù)3 相機圖標(biāo)的設(shè)計與制作…………………………………………………………… 50
任務(wù)4 紋理的使用………………………………………………………………………… 57
本章習(xí)題……………………………………………………………………………………… 73
第4章 網(wǎng)頁的設(shè)計與制作…………………………………………………………………… 74
任務(wù) 網(wǎng)頁主頁界面的設(shè)計與制作………………………………………………………… 74
本章習(xí)題……………………………………………………………………………………… 82
第5章 APP登錄界面的設(shè)計與制作………………………………………………………… 83
任務(wù)1 登錄界面logo的設(shè)計與制作……………………………………………………… 83
任務(wù)2 登錄界面布局與按鈕的設(shè)計與制作……………………………………………… 90
本章習(xí)題……………………………………………………………………………………… 95 第6章 APP內(nèi)容界面的設(shè)計與制作………………………………………………………… 96 任務(wù)1 UI布局與基礎(chǔ)背景的設(shè)置………………………………………………………… 96
任務(wù)2 UI設(shè)計與圖標(biāo)logo的制作……………………………………………………… 101
任務(wù)3 添加內(nèi)容區(qū)的效果………………………………………………………………… 107
本章習(xí)題……………………………………………………………………………………… 112
第7章 知識拓展……………………………………………………………………………… 113
任務(wù)1 UI設(shè)計的趨勢…………………………………………………………………… 113
任務(wù)2 扁平化風(fēng)格………………………………………………………………………… 118
任務(wù)3 UI設(shè)計實用輔助工具…………………………………………………………… 127
任務(wù)4 搜索框的制作……………………………………………………………………… 128
任務(wù)5 訪問國內(nèi)外優(yōu)秀網(wǎng)站……………………………………………………………… 135
本章習(xí)題……………………………………………………………………………………… 135
參考文獻………………………………………………………………………………………… 136