第6章影音娛樂APP界面設(shè)計(jì)講課人：掌握影音娛樂類APP界面的設(shè)計(jì)思路掌握影音娛樂類APP界面的一般制作方法學(xué)習(xí)目的目錄

/CONTENTS作品展示設(shè)計(jì)思路案例步驟作品展示016.1作品展示作品展示下圖顯示了覓影視頻APP的部分頁面。本案例通過分析整個(gè)APP的設(shè)計(jì)思路，并制作其中的首頁、發(fā)現(xiàn)頁和會(huì)員頁，學(xué)習(xí)影音娛樂類APP界面的一般制作流程。啟動(dòng)頁首頁發(fā)現(xiàn)頁6.1作品展示作品展示下圖顯示了覓影視頻APP的部分頁面。本案例通過分析整個(gè)APP的設(shè)計(jì)思路，并制作其中的首頁、發(fā)現(xiàn)頁和會(huì)員頁，學(xué)習(xí)影音娛樂類APP界面的一般制作流程。個(gè)人會(huì)員頁視頻播放頁個(gè)人中心頁設(shè)計(jì)思路026.2設(shè)計(jì)思路（1）分析基本結(jié)構(gòu)圖制作APP頁面前，設(shè)計(jì)師首先要根據(jù)APP的基本結(jié)構(gòu)圖確定頁面數(shù)量和各頁面之間的邏輯關(guān)系設(shè)計(jì)思路6.2設(shè)計(jì)思路（2）確定配色根據(jù)影音娛樂類APP的特點(diǎn)和覓影視頻APP的Logo用色，將該APP主色設(shè)置為深灰色，輔色設(shè)置為藍(lán)色、金色和白色。設(shè)計(jì)思路深灰色給人沉穩(wěn)莊重的感覺，同時(shí)容易讓用戶聯(lián)想到電影院等觀影場(chǎng)所，十分符合影音娛樂類APP的特點(diǎn)。會(huì)員相關(guān)頁面或版塊使用金色作為按鈕和圖標(biāo)的填充色，并用黑色和白色與之搭配，以凸顯尊貴。藍(lán)色貫穿APP頁面的始終，用于突出標(biāo)題和圖標(biāo)。深色和淺色搭配協(xié)調(diào)，為覓影視頻APP營(yíng)造出穩(wěn)重又不失愉悅的視覺效果。6.2設(shè)計(jì)思路設(shè)計(jì)思路（3）頁面布局與其他類型APP不同，影音娛樂類APP的節(jié)目分類列表內(nèi)容較多，且多以文字形式出現(xiàn)在導(dǎo)航欄中，因此搜索功能一般不與節(jié)目分類列表置于同一版塊。（4）頁面細(xì)節(jié)本例頁面中圖像的寬高比均為16∶9，該比例為電影畫面的比例，能讓用戶在瀏覽圖像時(shí)產(chǎn)生觀影般的視覺感受。另外，除通欄形式的Banner外，頁面中其他圖像均采用圓角處理，以提升用戶好感，使頁面更具活力。案例步驟03案例步驟1）制作導(dǎo)航欄、搜索欄和Banner版塊2）制作最新熱劇、口碑電影和標(biāo)簽欄發(fā)現(xiàn)頁分為熱點(diǎn)和關(guān)注版塊，用戶可通過導(dǎo)航欄在這兩個(gè)版塊之間自由切換。在制作會(huì)員頁時(shí)可以“首頁.psd”文件為模板，在文檔中加入“會(huì)員特權(quán)”版塊，并替換圖