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

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

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

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