移動UI視覺設計，是以移動設備為操作平臺，對
移動設備中使用的界面進行視覺設計，在創作中賦予
界
面情感意義，激起使用者的興趣。視覺設計包括對界
面進行風格設定、色彩搭配和功能布局等多個內容，
為
界面創作出華麗而實用的外衣。
侯志剛、薛聰銳編著的這本《WoW移動UI視覺設
計全攻略》通過對移動設備三大主流操作繫統的UI視
覺設計的風格進行分析，講解了APP用戶界面的設計
思路
和制作過程，其中第1部分為基礎篇，講述了與移動
設備相關的基礎概念，以及Photoshop的繪圖功能和
修飾技
巧；第2部分為入門篇，講述了圖標、按鈕和滑塊這
三種基礎的界面元素的設計和創作要點；第3部分為
進階
篇，講述了時間界面、播放器界面、瀏覽器界面、遊
戲界面和鎖屏界面的設計要領和技巧；第4部分為提
升篇，
以項目要求的形式提出設計的內容，根據要求來對界
面進行布局、配色和風格設定，展示給讀者一個完整
的
APP界面的視覺設計流程。
附帶的學習資源包含書中所有案例的源文件和教
學視頻，方便讀者學習使用。本書特別適合移動設備
UI
視覺設計的初學者，同時對Photoshop使用者、平面
設計師和APP開發設計人員也有參考價值。

導讀
01 互聯網產品的設計
02 扁平化設計思想對移動UI視覺設計的影響
03 移動UI視覺設計的要點

**部分 基礎篇
第1章 為移動UI視覺設計鋪路——入門**
1.1 移動UI的基礎概念
1.1.1 什麼是移動
1.1.2 移動UI的應用範圍
1.1.3 APP與UI視覺設計的關繫
1.1.4 移動UI視覺設計的重要性
1.1.5 移動UI視覺設計的原則
1.2 移動UI視覺設計的五大階段
1.2.1 產品定位及市場分析階段
1.2.2 初步構思及架構設計階段
1.2.3 修飾美化及界面設計階段
1.2.4 界面輸出及可用性測試階段
1.2.5 產品上線及優化方案階段
1.3 移動設備尺寸的相關概念
1.3.1 英寸
1.3.2 顯示分辨率
1.3.3 像素密度
1.4 色彩對移動UI的重要性
1.4.1 色彩的基礎概念
1.4.2 移動UI視覺中常用的色彩對比
1.4.3 不同顏色的情感表達
1.4.4 移動UI中的色彩級別
1.4.5 不同繫統的色彩應用規範
1.5 常見的移動UI設計工具
1.5.1 矢量圖形的編輯高手——Illustrator
1.5.2 強大的圖形圖像編輯利器——Photoshop
1.6 三大主流繫統的UI設計特點
1.6.1 蘋果iOS7繫統——扁平化
1.6.2 安卓Android繫統——極高自由度
1.6.3 微軟Windows Phone8繫統——極簡色塊
第2章 讓操作*高效——Photoshop基礎
2.1 五大**的核心功能
2.1.1 控制設計對像的順序——圖層
2.1.2 調整圖像的影調和色調——調整/填充圖層
2.1.3 編輯圖像的顯示區域——蒙版
2.1.4 **把握編輯的區域——選區
2.1.5 準確傳遞UI的信息——文字
2.2 七種不同的繪圖工具
2.2.1 規則直角方形的繪制——矩形工具
2.2.2 圓角方形的繪制——圓角矩形工具
2.2.3 橢圓圖形的繪制——橢圓工具
2.2.4 星形和多邊形的繪制——多邊形工具
2.2.5 線段和虛線的繪制——直線工具
2.2.6 復雜圖形的繪制——自動形狀工具
2.2.7 任意圖形的繪制——鋼筆工具
2.3 十大圖層樣式提升設計質感
2.3.1 組合高光和陰影——斜面和浮雕
2.3.2 修飾輪廓色——描邊
2.3.3 制作凹陷外觀——內陰影
2.3.4 提升內部層次——內發光
2.3.5 創建光滑表面——光澤
2.3.6 *改填充色——顏色疊加
2.3.7 打造炫彩效果——漸變疊加
2.3.8 添加花樣填色——圖案疊加
2.3.9 增強外部邊緣光暈——外發光
2.3.10 增強立體感——投影

第2部分 入門篇
第3章 準確傳遞功能應用——圖標的設計
……
第4章 控制和調節應用程度——滑塊的設計
第5章 接通和斷開功能——按鈕的設計

第3部分 進階篇
第6章 讓時鐘表現*有品味——時鐘界面設計
第7章 傳遞*美妙的音樂——播放器界面設計
第8章 把互聯網裝入口袋——瀏覽器界面設計
第9章 讓娛樂變得*享受——遊戲界面設計