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