雙擊安裝字體，安裝后重啟PPT請安裝字體山東科技職業(yè)學(xué)院UI設(shè)計UIdesignUI設(shè)計UIdesign山東科技職業(yè)學(xué)院4.3APP基本頁面簡介講課人：田雨學(xué)習(xí)目的一個完整的APP通常包括啟動頁、引導(dǎo)頁、首頁、詳情頁和個人中心頁等多個頁面。4.3APP基本頁面簡介啟動頁是APP情感化設(shè)計的重要組成部分，它是渲染品牌氛圍和彰顯個性的重要手段之一。也是APP啟動過程中減緩用戶等待的焦慮情緒的重要環(huán)節(jié)。一、啟動頁①使用企業(yè)Logo和標(biāo)語（Slogan）作為主元素，傳遞品牌信息，如圖所示；4.3APP基本頁面簡介啟動頁是APP情感化設(shè)計的重要組成部分，它是渲染品牌氛圍和彰顯個性的重要手段之一。也是APP啟動過程中減緩用戶等待的焦慮情緒的重要環(huán)節(jié)。一、啟動頁②使用符合當(dāng)下熱點或意境化的圖像搭配企業(yè)Logo和標(biāo)語，引起用戶情感共鳴，如圖所示；4.3APP基本頁面簡介一、啟動頁③插入廣告信息，增強(qiáng)宣傳力度。④使用時長在3～5秒的宣傳動畫，比靜態(tài)的廣告圖像更具表現(xiàn)力。4.3APP基本頁面簡介二、引導(dǎo)頁引導(dǎo)頁一般用于表現(xiàn)產(chǎn)品概念或幫助用戶了解APP功能。通常引導(dǎo)頁僅在用戶第一次啟動APP或者版本更新后出現(xiàn)。引導(dǎo)頁一般有3～5個頁面，設(shè)計時各頁的風(fēng)格和結(jié)構(gòu)應(yīng)保持統(tǒng)一，且內(nèi)容彼此關(guān)聯(lián)，如圖所示為隨手記APP的引導(dǎo)頁。4.3APP基本頁面簡介三、首頁首頁是APP的關(guān)鍵頁面之一，是APP內(nèi)容的匯總，用戶可通過點擊頁面中的鏈接進(jìn)入對應(yīng)欄目或頁面。首頁的頁面布局比較靈活，以購物類APP為例，頁面中由上至下一般為狀態(tài)欄、導(dǎo)航欄（含搜索）、分類圖標(biāo)、Banner、內(nèi)容版塊和標(biāo)簽欄，根據(jù)版式需要也可適當(dāng)調(diào)整，如圖所示為手機(jī)天貓APP首頁。4.3APP基本頁面簡介四、詳情頁詳情頁常用于購物類APP中展示商品的詳細(xì)信息，一般包括商品圖片、名稱、價格、商品介紹和詳情圖等內(nèi)容，以列表或卡片形式布局。該頁內(nèi)容較多，通常一屏內(nèi)無法完全顯示，用戶可通過向下滑動獲取更多信息，如京東APP的詳情頁。4.3APP基本頁面簡介五、個人中心頁個人中心頁是供用戶查看和設(shè)置個人信息的頁面。該頁常見布局有兩種：①頁面功能較多時，通常將各功能分類展示，讓用戶能通過分類標(biāo)題快速找到所需功能，例如蘇寧易購、手機(jī)淘寶和知乎等。4.3APP基本頁面簡介五、個人中心頁個人中心頁是供用戶查看和設(shè)置個人信息的頁面。該頁常見布局有兩種：②頁面功能較少時，通常采用列表形式進(jìn)行布局，這樣會讓頁面效果更加清爽，功能分布更具條理，例如咸魚、微信和支付寶等。APP首面設(shè)計要點瀏覽環(huán)境清晰在進(jìn)行App首頁界面設(shè)計時，應(yīng)減少無關(guān)的設(shè)計元素，給用戶提供簡約、清晰的瀏覽環(huán)境。重點突出每個App首頁界面都應(yīng)有明確的重點，以便用戶能快速鎖定主要信息。目標(biāo)明確首頁應(yīng)該有清晰的點擊交互效果，保證用戶的使用體驗。導(dǎo)航明確導(dǎo)航清晰，要確保用戶在界面中瀏覽跳轉(zhuǎn)時“不迷路”，讓用戶清楚地知道在哪里，可以