中國傳媒大學(xué)-用戶體驗(yàn)與UI交互設(shè)計(jì)-課件-知識點(diǎn)5.7 移動應(yīng)用中特殊界面的設(shè)計(jì)技巧

1、交互式界面設(shè)計(jì)西安郵電大學(xué)數(shù)字藝術(shù)學(xué)院知識點(diǎn)5.7移動應(yīng)用中特殊界面的設(shè)計(jì)技巧PART 01引言目錄CONTENTSPART 02閃屏頁面PART 03啟動頁面PART 04引導(dǎo)頁面02010304PART 05頁面關(guān)系05引言01 引言 一個(gè)APP包括很多頁面，我們一般把除內(nèi)容頁面的其他頁面都叫做特殊頁面，這些特殊頁面可以是閃屏頁、可以是啟動頁，也可以是引導(dǎo)頁。閃屏頁引導(dǎo)頁啟動頁APP頁面指應(yīng)用尚未運(yùn)行，系統(tǒng)創(chuàng)建進(jìn)程并初始化應(yīng)用。指應(yīng)用已經(jīng)運(yùn)行但是在后臺被掛起，從后臺恢復(fù)應(yīng)用。一般熱啟動沒有任何的特殊頁面出現(xiàn)，而是直接進(jìn)入APP主頁。 概念梳理冷啟動熱啟動閃屏02 引入閃屏冷啟動時(shí)間稍長出現(xiàn)

2、冷啟動時(shí)間稍微會長一點(diǎn)，在此期間可能會看到白屏或黑屏或感受到明顯的啟動延遲，這種情況從用戶角度上來說是無法接受的，所以就出現(xiàn)了閃屏。閃屏是應(yīng)用每次冷啟動過程中展示給用戶的一個(gè)過渡頁面。 閃屏 用于減緩用戶在打開應(yīng)用時(shí)等待的焦慮情緒，可以這么說，是善意欺騙用戶以掩蓋啟動慢的事實(shí)。由于閃屏通常是一張背景圖片，無法擁有交互，也不能動態(tài)修改，無法承載營銷需求，所以就需要啟動頁。 閃屏緩解用戶焦慮情緒啟動頁03 啟動頁就是覆蓋整個(gè)屏幕的一張或多張圖片，在程序加載完成后隱藏。為什么要設(shè)置啟動頁呢 啟動頁它和閃屏頁的作用是一樣的；另一方面還可以傳達(dá)很多內(nèi)容，如產(chǎn)品宣傳口號，活動內(nèi)容等等。第一種是使用產(chǎn)品lo

3、go和宣傳口號 啟動頁面使用產(chǎn)品logo是目前常見的設(shè)計(jì)形式，除了以上元素，應(yīng)用版本、版權(quán)、進(jìn)度條有時(shí)也作為輔助元素。 啟動頁的兩種常見設(shè)計(jì)方式第二種是營造產(chǎn)品的情調(diào)氛圍 啟動畫面持續(xù)的時(shí)間不過幾秒，設(shè)計(jì)師也可以抓住這寶貴的幾秒鐘時(shí)間來營造產(chǎn)品氛圍，這種氛圍應(yīng)當(dāng)與產(chǎn)品氣質(zhì)相一致，通過一張畫面去訴說一個(gè)故事或是一種情懷。 啟動頁的常見設(shè)計(jì)方式對比反差引導(dǎo)頁面04 概念什么是引導(dǎo)頁呢？ 當(dāng)我們下載并安裝完一個(gè)新的App后，或者更新App版本后，打開產(chǎn)品，首先會出現(xiàn)一頁或者滑屏多頁圖文并茂的頁面，或者只有文字和純色背景搭配。 為什么設(shè)置引導(dǎo)頁為什么設(shè)置引導(dǎo)頁？通過設(shè)計(jì)制作引導(dǎo)頁來回答用戶內(nèi)心的這些問題。京東引導(dǎo)頁 引導(dǎo)頁在首次打開出現(xiàn)后就不再出現(xiàn)了。清除用戶數(shù)據(jù)，再次打開應(yīng)用也可以看到引導(dǎo)頁。一般3-5屏左右，不宜過多，最后一頁一般是立即開啟按鈕，部分應(yīng)用最后一頁也可以通過左劃來進(jìn)入應(yīng)用。清除用戶數(shù)據(jù) 引導(dǎo)頁的特點(diǎn)頁面關(guān)系05因?yàn)闊釂硬粫霈F(xiàn)這些特殊頁面，所以這里我們可以用冷啟動流程圖來為同學(xué)們進(jìn)