全書分為9章,包括APP UI設計基礎、Photoshop在APP UI中的基礎應用、APP界面中常見元素設計、常見界面構圖與設計、游戲類APP UI設計、音樂類APP UI設計、社交類APP UI設計、購物理財類APP UI設計,以及生活工具類APP UI設計等方面知識。從基礎到完整界面的講解,涵蓋了各類熱門APP UI的設計制作,使讀者由淺及深,逐步了解使用Photoshop制作APP UI的整體設計思路和制作過程。
游戲、社交、生活、音樂、理財、購物等主流APP類型
解析不同界面的關聯(lián)與統(tǒng)一,以及不同類型的設計思路
針對不同APP設計相應主界面及功能界面,強調(diào)實操性
適合UI設計師、相關從業(yè)者、轉型人員以及設計類學生
隨著智能手機和各種移動終端設備的普及,APP 作為第三方應用程序,現(xiàn)已把人們帶入一個習慣使用APP 客戶端上網(wǎng)的時代。目前,各種APP 應用層出不窮,APP UI 設計師也成為了人才市場上十分緊俏的職業(yè)。
本書內(nèi)容本書是一本介紹使用Photoshop 設計制作APP 界面的圖書。全書分為9 章,第1 章介紹了APPUI 設計基礎,幫助讀者了解APP UI 入門理論與設計基礎;第2 章、第3 章介紹了Photoshop 在APPUI 設計中的基礎應用、APP 界面中常見元素設計,幫助讀者掌握如何使用Photoshop 制作APP 基本圖形及界面元素;第4 章介紹了常見界面構圖與設計,使讀者了解APP 界面的構圖,以及學習制作常見的界面。前面章節(jié)的內(nèi)容使讀者由淺及深逐步了解使用Photoshop 制作APP 元素及單個界面的設計思路和制作過程。第5 章~ 第9 章介紹了完整APP 界面的設計,包括游戲類APP UI 設計、音樂類APP UI 設計、社交類APP UI 設計、購物理財類APP UI 設計和生活工具類APP UI 設計,涵蓋了各類熱門APP 的設計制作,每個APP 都包括3~4 個界面講解,并介紹了素材的準備,以及每個界面之間構圖、配色的統(tǒng)一性等注意事項。
本書特色理論+ 實操,專業(yè)性強。本書將APP UI 設計的相關理論在實際操作中逐步引出,不僅能使讀者學到專業(yè)知識,也能在實際操作中掌握實際應用,從而全面掌握APP 的界面設計。
案例豐富,實用性強。書中前4 章為APP 基礎實例的講解,包括APP 界面中的所有元素與控件等,后5 章為完整的APP 界面實例講解,涵蓋了游戲、音樂、社交、購物理財和生活功能等熱門APP 類型。
設計+ 心得,內(nèi)容全面。書中每章添加了“設計師心得”模塊,講解了APP UI 設計中的行業(yè)知識,知識更全面,幫助讀者拓展了APP UI 設計的相關知識。
視頻教學,輕松學習。本書配套光盤中包括書中所有實例的視頻教學,讀者可以通過書盤結合,輕松掌握書中知識。
本書適合讀者本書不僅適合APP UI 設計愛好者,以及準備從事APP UI 設計的人員,也適合Photoshop 使用者,包括平面設計師、網(wǎng)頁設計師等相關人員參考使用。同時,也可作為相關培訓機構及學習的輔助教材。
由于編者水平有限,書中疏漏與不妥之處在所難免。在感謝您選擇本書的同時,也希望您能夠把對本書的意見和建議告訴我們(詳細聯(lián)系方式參看圖書封底)。
前言
第1 章 APP UI 設計基礎
1.1 APP UI 設計入門
1.1.1 什么是APP UI
1.1.2 APP UI 設計的原則
1.1.3 APP UI 表現(xiàn)形式
1.1.4 APP UI 設計流程
1.2 不同系統(tǒng)的APP UI
1.2.1 iOS 系統(tǒng)
1.2.2 Android 系統(tǒng)
1.2.3 WP 系統(tǒng)
1.3 APP UI 設計基礎
1.3.1 APP UI 中的圖片格式
1.3.2 設計尺寸規(guī)范
1.3.3 配色原理
1.4 設計師心得
1.4.1 APP UI 設計師必須掌握的技能
1.4.2 APP UI 發(fā)展趨勢
第2 章 Photoshop 在APP UI 設計中的基礎應用
2.1 APP UI 設計中的基本圖形繪制
2.1.1 簡單形狀
2.1.2 組合圖形
2.1.3 布爾運算
2.2 APP UI 設計中的光影處理
2.2.1 Photoshop 的圖層樣式
2.2.2 立體效果
2.2.3 發(fā)光效果
2.2.4 投影效果
2.3 設計師心得
2.3.1 光影在不同材質上的表現(xiàn)
2.3.2 扁平化設計的流行配色方案
第3 章 APP UI 界面中常見元素設計
3.1 常見界面控件設計
3.1.1 常見的控件元素
3.1.2 按鈕組設計
3.1.3 對話框設計
3.1.4 標簽導航設計
3.1.5 進度條
3.1.6 開關按鈕
3.1.7 搜索欄
3.1.8 列表菜單
3.2 圖標的設計
3.2.1 扁平化圖標設計
3.2.2 線性圖標設計
3.2.3 立體圖標設計
3.3 設計師心得
3.3.1 讓按鈕更吸引人的方法
3.3.2 如何設計優(yōu)秀的應用圖標
第4 章 常見界面構圖與設計
4.1 界面構圖
4.1.1 九宮格網(wǎng)格構圖
4.1.2 圓心點放射形構圖
4.1.3 三角形構圖
4.1.4 SF 字形構圖
4.2 常見界面設計
4.2.1 啟動界面\ 引導界面
4.2.2 登錄界面
4.2.3 設置界面
4.2.4 空狀態(tài)界面
4.3 設計師心得
4.3.1 APP 引導界面設計注意事項
4.3.2 界面布局的基本原則
第5 章 游戲類APP UI 設計
5.1 設計準備與規(guī)劃
5.1.1 素材準備
5.1.2 界面布局規(guī)劃
5.1.3 確定風格與配色
5.2 界面制作
5.2.1 游戲啟動界面
5.2.2 游戲開始界面
5.2.3 游戲加載界面
5.2.4 游戲關卡界面
5.3 設計師心得
5.3.1 游戲類APP UI 設計如何吸引用戶
5.3.2 游戲中的那些按鈕
第6 章 音樂類APP UI 設計
6.1 設計準備與規(guī)劃
6.1.1 素材準備
6.1.2 界面布局規(guī)劃
6.1.3 確定風格與配色
6.2 界面制作
6.2.1 音樂播放界面
6.2.2 本地音樂列表界面
6.2.3 用戶注冊界面
6.3 設計師心得
6.3.1 Android 界面的點九切圖
6.3.2 常見的APP 登錄界面分析
第7 章 社交類APP UI 設計
7.1 設計準備與規(guī)劃
7.1.1 素材準備
7.1.2 界面布局規(guī)劃
7.1.3 確定風格與配色
7.2 界面制作
7.2.1 注冊界面
7.2.2 聊天界面
7.2.3 好友動態(tài)界面
7.2.4 側邊菜單界面
7.3 設計師心得
7.3.1 APP UI 設計中需要注意的問題
7.3.2 平面設計師如何轉為APP UI 設計師
第8 章 購物理財類APP UI 設計
8.1 設計準備與規(guī)劃
8.1.1 素材準備
8.1.2 界面布局規(guī)劃
8.1.3 確定風格與配色
8.2 界面制作
8.2.1 購物主界面
8.2.2 個人中心界面
8.2.3 側邊菜單界面
8.3 設計師心得
8.3.1 APP 中反饋提示的設計方法
8.3.2 如何做好扁平化設計
第9 章 生活工具類APP UI 設計
9.1 設計準備與規(guī)劃
9.1.1 素材準備
9.1.2 界面布局規(guī)劃
9.1.3 確定風格與配色
9.2 界面制作
9.2.1 程序歡迎界面
9.2.2 程序主界面
9.2.3 個人中心界面
9.2.4 設置界面
9.3 設計師心得
9.3.1 界面設計中需要注意的小細節(jié)
9.3.2 需要遵守的設計準則