本書(shū)是一本講解如何使用Photoshop軟件進(jìn)行移動(dòng)端UI界面設計的實(shí)例教程,用于幫助UI設計愛(ài)好者,特別是移動(dòng)端UI界面設計人員,提高界面設計與應用能力。本書(shū)共分為三個(gè)篇章:基礎篇、圖標設計篇和綜合實(shí)戰篇。其中基礎篇講解了移動(dòng)UI設計的概念、崗位能力與要求和色彩表現,幫助讀者了解行業(yè),打好設計基礎;圖標設計篇通過(guò)10個(gè)經(jīng)典案例分別講解了極簡(jiǎn)風(fēng)格、扁平風(fēng)格和微質(zhì)感圖標的設計思路和表現手法,幫助讀者學(xué)習圖標設計的要點(diǎn)與規范;綜合實(shí)踐篇通過(guò)移動(dòng)端主題圖標設計、搜狗輸入法皮膚設計和移動(dòng)端界面設計,幫助讀者夯實(shí)設計基礎,拓展設計思路。
張芳芳是北京市信系管理學(xué)校的骨干教師,有豐富的教學(xué)及教研經(jīng)驗。本書(shū)是講解如何使用Photoshop軟件進(jìn)行移動(dòng)端UI界面設計的實(shí)例教程,用于幫助UI設計愛(ài)好者,特別是移動(dòng)端UI界面設計人員,提高界面設計與應用能力。
第1篇 基 礎 篇
項目1 認識移動(dòng)端UI設計 2
任務(wù)1 移動(dòng)端UI設計的定義 2
任務(wù)2 移動(dòng)端UI設計的特點(diǎn) 3
任務(wù)3 了解企業(yè)中移動(dòng)端產(chǎn)品設計流程 6
任務(wù)4 移動(dòng)端產(chǎn)品團隊相關(guān)職位及UI設計崗位能力要求 12
項目2 移動(dòng)端UI設計中的色彩表現 14
任務(wù)1 色彩構成 15
任務(wù)2 色彩屬性 16
任務(wù)3 視覺(jué)感受 17
任務(wù)4 色彩搭配技巧 24
第2篇 圖標設計篇
項目1 極簡(jiǎn)圖標設計 28
任務(wù) 繪制天氣圖標 28
項目2 扁平圖標設計 33
任務(wù)1 扁平純色塊圖標設計 33
任務(wù)2 扁平長(cháng)投影圖標設計 36
任務(wù)3 扁平微質(zhì)感圖標設計 39
項目3 質(zhì)感圖標設計 44
任務(wù)1 塑料質(zhì)感圖標設計 44
任務(wù)2 毛絨質(zhì)感圖標設計 55
任務(wù)3 皮質(zhì)圖標設計 64
任務(wù)4 金屬質(zhì)感圖標設計 71
任務(wù)5 木質(zhì)質(zhì)感圖標設計 79
任務(wù)6 玻璃質(zhì)感圖標設計 88
第3篇 綜合實(shí)踐篇
項目1 移動(dòng)端主題設計 98
任務(wù)1 移動(dòng)端主題圖標設計 102
任務(wù)2 移動(dòng)端背景設計 108
任務(wù)3 移動(dòng)端解鎖界面設計 110
任務(wù)4 主題圖標測試與發(fā)布 119
項目2 搜狗輸入法皮膚設計 123
任務(wù)1 搜狗輸入法皮膚設計 126
任務(wù)2 搜狗輸入法測試與發(fā)布 137
項目3 移動(dòng)端界面設計 145
任務(wù)1 閃屏設計 164
任務(wù)2 引導頁(yè)設計 169
任務(wù)3 登錄頁(yè)設計 175
任務(wù)4 首頁(yè)設計 180
任務(wù)5 列表頁(yè)設計 187
任務(wù)6 詳情頁(yè)設計 192