用閃屏讓用戶產(chǎn)生點(diǎn)擊即用的錯(cuò)覺

針對(duì)昨天聊到的閃屏,這個(gè)過程雖然很短暫,但是如果用戶因某些特殊原因在這個(gè)頁面等待時(shí)間過長,也會(huì)影響體驗(yàn)。今天主要來看看目前上線的應(yīng)用都有哪些常見的閃屏樣式,又如何通過閃屏的設(shè)計(jì)讓用戶產(chǎn)生“點(diǎn)擊即用”的錯(cuò)覺。

首先,搜集了一些目前上線應(yīng)用的常見樣式,主要分為以下5種:

1. 純色底色

默認(rèn)狀態(tài)是某個(gè)純色底色。如果不設(shè)置的情況下,為系統(tǒng)默認(rèn)顏色;也可以設(shè)置為應(yīng)用主色,讓用戶先適應(yīng)應(yīng)用的視覺(目前這種方式很少,所以沒有截到圖)。

2. 圖片展示

采用某種具有特殊意義、視覺沖擊力或美感的圖片進(jìn)行展示。這種方式比較少見,但是在某些個(gè)性的應(yīng)用里也是一種很合適的樣式,如微信。

微信新版閃屏+舊版閃屏

3. 應(yīng)用框架

采用與應(yīng)用頁面的框架樣式,程序?qū)崿F(xiàn)的時(shí)候?qū)嵸|(zhì)上就是用一張與頁面內(nèi)部相似的框架樣式的圖片替換了默認(rèn)樣式。目前常見的為:系統(tǒng)自帶的應(yīng)用、國外大部分應(yīng)用、國內(nèi)部分應(yīng)用。(推薦使用)

Instagram閃屏+應(yīng)用頁面

4. 品牌展示

采用大色塊和logo結(jié)合的方式(有的也會(huì)加入solgan),增深用戶對(duì)品牌認(rèn)知,顏色會(huì)選用應(yīng)用主色提前讓用戶產(chǎn)生視覺認(rèn)知。目前常見的為:國內(nèi)大部分應(yīng)用。

1)應(yīng)用主色

這種樣式后接的啟動(dòng)頁可以為全屏或白色底框樣式。

網(wǎng)易閃屏+啟動(dòng)頁(白色底框)
站酷閃屏+啟動(dòng)頁(全屏)

2)白色底框

這種樣式后接的啟動(dòng)頁一版為白色底框的樣式,視覺連貫性和空間感也是很強(qiáng)的(推薦使用)

頭條閃屏+啟動(dòng)頁

5. 內(nèi)容展示

這種樣式主要體現(xiàn)在一些具有特殊性的應(yīng)用,如設(shè)計(jì)在線學(xué)習(xí)應(yīng)用-虎課

虎課閃屏

框架展示和白色底框的展示方式都可以用戶產(chǎn)生“點(diǎn)擊即用”的錯(cuò)覺,但是在做內(nèi)容展示的時(shí)候可能簡化視覺。

最后,有一個(gè)簡單的方式分辨頁面是閃屏還是啟動(dòng)頁?閃屏因?yàn)闊o法進(jìn)行操作,所以頁面上沒有可以點(diǎn)擊的按鈕,啟動(dòng)頁是有可以點(diǎn)擊的按鈕的呦,比如廣告倒計(jì)時(shí)關(guān)閉按鈕、跳過按鈕等。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容