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