本書是一本講解如何使用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

本書編者為職業院校UI設計課程任課教師，編者苦於市面上並沒有成體繫的移動端UI設計教學指導工具書，特與設計行業領頭企業—創優翼公司培訓講師，共同收集整理了當前移動端UI設計行業最前端的案例和項目，為廣大初中級讀者量身打造了這本全面學習移動端UI設計的經典教程。本書共分為3篇：基礎篇、圖標設計篇和綜合實踐篇，分別從行業認識、圖標風格表現和實踐應用3個部分詳細全面地介紹了移動端UI設計的要點和規範。在每篇中，除了精心設計的經典案例，編者還為每個項目設計了配套的拓展任務，方便讀者舉一反三，融會貫通。本書建議分72課時進行教學或學習，具體安排如下。

課時安排

篇 內容 課時

第1篇 基礎篇 4

第2篇 圖標設計篇 32

第3篇 綜合實踐篇 36

本書提供了內容豐富的資料包，包括所有使用到的素材文件、最終效果圖、PSD源文件、習題答案，方便讀者進行對比學習；還提供了教學指南和PPT課件，方便教師做課程準備，更好地進行課堂教學。請有此需要的讀者登錄華信教育資源網（www.hxedu.com.cn）下載使用。

本書由張芳芳、嚴芳、周國紅擔任主編，參與編寫的人員還有劉雨晴、肖賀瑾、於洪軍、梁亞麗，本書由胡志齊擔任主審。

由於編者知識水平有限，加之時間倉促，書中難免有疏漏之處，懇請廣大讀者批評指正。

編 者