針對(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)用。(推薦使用)
4. 品牌展示
采用大色塊和logo結(jié)合的方式(有的也會(huì)加入solgan),增深用戶對(duì)品牌認(rèn)知,顏色會(huì)選用應(yīng)用主色提前讓用戶產(chǎn)生視覺認(rèn)知。目前常見的為:國內(nèi)大部分應(yīng)用。
1)應(yīng)用主色
這種樣式后接的啟動(dòng)頁可以為全屏或白色底框樣式。
2)白色底框
這種樣式后接的啟動(dòng)頁一版為白色底框的樣式,視覺連貫性和空間感也是很強(qiá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)閉按鈕、跳過按鈕等。