本書是一本專門介紹使用Photoshop設(shè)計(jì)制作APP元素的圖書。全書分為6章,每章都包含豐富的APP設(shè)計(jì)知識(shí)和設(shè)計(jì)制作過程的詳細(xì)講解,包括APP UI元素設(shè)計(jì)基礎(chǔ)、APP圖標(biāo)設(shè)計(jì)、APP按鈕設(shè)計(jì)、APP導(dǎo)航設(shè)計(jì)、APP其他界面元素設(shè)計(jì)和APP整體框架界面設(shè)計(jì),通過案例逐一講解,使讀者由淺及深逐步地了解使用Photoshop進(jìn)行APP設(shè)計(jì)的整體設(shè)計(jì)思路和制作過程。
小到圖標(biāo)、按鈕、導(dǎo)航制作,大到整體界面設(shè)計(jì)APP各類控件及同類型控件元素之間的效果區(qū)分將理論融入案例,先分析后操作,強(qiáng)調(diào)實(shí)操性適合APP UI設(shè)計(jì)師、相關(guān)從業(yè)者及設(shè)計(jì)類學(xué)生
隨著智能手機(jī)和各種移動(dòng)終端設(shè)備的普及,APP 作為第三方應(yīng)用程序已逐漸把人們帶入一個(gè)習(xí)慣使用APP 客戶端上網(wǎng)的時(shí)期。目前,各種APP 應(yīng)用層出不窮,APP UI 設(shè)計(jì)師也成為了人才市場(chǎng)上十分緊俏的職業(yè)。 本書內(nèi)容本書是一本專門介紹使用Photoshop 設(shè)計(jì)制作APP 元素的圖書。全書分為6 章,第1 章介紹了APP UI 元素設(shè)計(jì)基礎(chǔ),幫助讀者了解APP UI 基礎(chǔ)以及使用Photoshop 繪制基礎(chǔ)元素;第2 章~ 第4章介紹了APP 圖標(biāo)設(shè)計(jì)、APP 按鈕設(shè)計(jì)和APP 導(dǎo)航設(shè)計(jì),通過理論知識(shí)與案例制作的結(jié)合逐一講解這些APP 中最常見的元素;第5 章介紹了APP 其他元素的設(shè)計(jì),包括表單設(shè)計(jì)、對(duì)話框設(shè)計(jì)和主頁(yè)桌面小工具設(shè)計(jì)等,前面章節(jié)的安排使讀者由淺及深逐步地了解使用Photoshop 進(jìn)行APP 元素設(shè)計(jì)的設(shè)計(jì)思路和制作過程;第6 章介紹了APP 整體框架界面設(shè)計(jì),包括界面設(shè)計(jì)基礎(chǔ)知識(shí),以及系統(tǒng)界面、應(yīng)用程序界面和手機(jī)主題界面的制作,通過完整界面的制作來綜合前面各章知識(shí),幫助讀者鞏固學(xué)習(xí),并能將理論應(yīng)用到實(shí)際工作中。 本書特色講練結(jié)合,專業(yè)性強(qiáng)。本書將APP UI 元素設(shè)計(jì)的相關(guān)理論與實(shí)例操作相結(jié)合,不僅能使讀者學(xué)到專業(yè)知識(shí),也能在實(shí)例操作中掌握實(shí)際應(yīng)用,全面掌握APP UI 的元素設(shè)計(jì)方法。 案例豐富,實(shí)操性強(qiáng)。書中案例涉及APP 中的界面元素設(shè)計(jì),如圖標(biāo)設(shè)計(jì)、按鈕設(shè)計(jì)、導(dǎo)航設(shè)計(jì)等,最后一章介紹了完整的APP 界面設(shè)計(jì),將前面所學(xué)應(yīng)用到實(shí)際操作中去。 創(chuàng)意靈感,全面性強(qiáng)。書中每章添加了“設(shè)計(jì)師心得”模塊,全面講解了APP UI 設(shè)計(jì)中的行業(yè)知識(shí)、準(zhǔn)則知識(shí),幫助讀者拓展APP UI 的相關(guān)知識(shí)。 海量資源,輕松學(xué)習(xí)。本書配套光盤中包括書中所有案例的相關(guān)設(shè)計(jì)素材、效果文件和視頻教學(xué),讀者可以通過書盤結(jié)合輕松掌握書中知識(shí)。 本書適合讀者本書不僅適合APP UI 設(shè)計(jì)愛好者,以及準(zhǔn)備從事APP UI 設(shè)計(jì)的人員,也適合Photoshop 使用者,包括平面設(shè)計(jì)師、網(wǎng)頁(yè)設(shè)計(jì)師等相關(guān)人員,同時(shí)也可作為大中專相關(guān)專業(yè)及培訓(xùn)中心學(xué)生的輔助教材。 由于時(shí)間倉(cāng)促、作者水平有限,書中不足之處在所難免,歡迎廣大讀者批評(píng)指正。
第1 章 APP UI 元素設(shè)計(jì)基礎(chǔ)1.1 認(rèn)識(shí)APP UI 設(shè)計(jì) 1.1.1 APP UI 設(shè)計(jì)與網(wǎng)頁(yè)UI 設(shè)計(jì)的區(qū)別 1.1.2 APP UI 設(shè)計(jì)流程 1.1.3 APP 界面配色1.1.4 APP 界面設(shè)計(jì)原則 1.1.5 APP UI 設(shè)計(jì)師必須掌握的基本技能 1.2 APP UI 元素質(zhì)感 1.2.1 質(zhì)感的體現(xiàn) 1.2.2 用Photoshop 圖層樣式實(shí)現(xiàn)UI 質(zhì)感 1.3 用Photoshop 繪制基礎(chǔ)元素圖形 1.3.1 橢圓 1.3.2 矩形、圓角矩形 1.3.3 橢圓矩形 1.3.4 組合圖形 1.4 APP UI 設(shè)計(jì)師心得 1.4.1 圖形繪制中的布爾運(yùn)算 1.4.2 APP 設(shè)計(jì)規(guī)范第2 章 APP 圖標(biāo)設(shè)計(jì)2.1 圖標(biāo)設(shè)計(jì)基礎(chǔ) 2.1.1 圖標(biāo)尺寸 2.1.2 圖標(biāo)分類 2.1.3 圖標(biāo)設(shè)計(jì)優(yōu)點(diǎn) 2.1.4 圖標(biāo)設(shè)計(jì)原則 2.1.5 圖標(biāo)設(shè)計(jì)流程 2.1.6 設(shè)計(jì)技巧 2.2 不同風(fēng)格圖標(biāo)設(shè)計(jì) 2.2.1 立體圖標(biāo)設(shè)計(jì) 2.2.2 寫實(shí)擬物圖標(biāo)設(shè)計(jì) 2.2.3 線性圖標(biāo)設(shè)計(jì) 2.2.4 扁平化圖標(biāo)設(shè)計(jì) 2.3 不同質(zhì)感與紋理的圖標(biāo) 2.3.1 糖果質(zhì)感 2.3.2 木頭紋理 2.3.3 織布紋理 2.4 應(yīng)用圖標(biāo)設(shè)計(jì) 2.4.1 時(shí)間圖標(biāo) 2.4.2 照相機(jī)圖標(biāo) 2.4.3 日歷圖標(biāo) 2.5 APP UI 設(shè)計(jì)師心得 2.5.1 圖標(biāo)設(shè)計(jì)的重要細(xì)節(jié) 2.5.2 如何提升應(yīng)用圖標(biāo)的點(diǎn)擊率 第3 章 APP 按鈕設(shè)計(jì)3.1 按鈕設(shè)計(jì)基礎(chǔ) 3.1.1 按鈕尺寸 3.1.2 按鈕的形態(tài) 3.1.3 按鈕設(shè)計(jì)技巧 3.2 不同質(zhì)感與紋理按鈕 3.2.1 水晶質(zhì)感 3.2.2 金屬質(zhì)感 3.2.3 紙盒質(zhì)感 3.2.4 發(fā)光效果 3.3 不同功能按鈕設(shè)計(jì)案例 3.3.1 開關(guān)按鈕 3.3.2 滑塊按鈕 3.3.3 進(jìn)度條滑塊 3.4 APP UI 設(shè)計(jì)師心得 3.4.1 設(shè)計(jì)新手使用Photoshop 的技巧 3.4.2 設(shè)計(jì)師需要熟記的Photoshop快捷鍵 第4 章 APP 導(dǎo)航設(shè)計(jì)4.1 如何設(shè)計(jì)導(dǎo)航 4.2 主要導(dǎo)航樣式 4.2.1 標(biāo)簽式導(dǎo)航 4.2.2 抽屜式導(dǎo)航 4.2.3 宮格式導(dǎo)航 4.2.4 列表式導(dǎo)航 4.2.5 混合組合導(dǎo)航 4.2.6 滑動(dòng)式導(dǎo)航 4.3 其他導(dǎo)航 4.3.1 次要導(dǎo)航模式4.3.2 懸浮導(dǎo)航 4.3.3 個(gè)性導(dǎo)航 4.4 APP UI 設(shè)計(jì)師心得 4.4.1 APP 界面中的文字排版設(shè)計(jì)原則 4.4.2 將iOS 的UI 設(shè)計(jì)轉(zhuǎn)換成安卓平臺(tái)的技巧 第5 章 APP 其他界面元素設(shè)計(jì)5.1 表單設(shè)計(jì) 5.1.1 登錄表單 5.1.2 注冊(cè)表單 5.1.3 搜索表單 5.2 對(duì)話框設(shè)計(jì) 5.2.1 聊天對(duì)話框 5.2.2 操作提示對(duì)話框 5.3 主頁(yè)桌面小工具設(shè)計(jì) 5.3.1 天氣插件 5.3.2 音樂插件 5.4 APP UI 設(shè)計(jì)師心得 5.4.1 設(shè)計(jì)師不得不知的安卓屏幕知識(shí) 5.4.2 APP 動(dòng)效設(shè)計(jì)第6 章 APP 整體框架界面設(shè)計(jì)6.1 APP 界面設(shè)計(jì)基礎(chǔ) 6.1.1 APP 分類 6.1.2 APP 界面設(shè)計(jì)的原則 6.1.3 界面的構(gòu)圖 6.1.4 常見的界面 6.1.5 界面切圖與導(dǎo)出 6.2 主流類型APP 界面設(shè)計(jì) 6.2.1 手機(jī)系統(tǒng)照相APP 界面 6.2.2 手機(jī)系統(tǒng)收音機(jī)APP 界面 6.2.3 天氣預(yù)報(bào)APP 界面 6.2.4 平板電腦音樂APP 界面 6.2.5 手機(jī)主題APP 界面 6.3 APP UI 設(shè)計(jì)師心得 6.3.1 APP 界面切圖命名和文件整理規(guī)范 6.3.2 APP 設(shè)計(jì)師必知的用戶體驗(yàn)十大原則