前一段時(shí)間給大家總結(jié)了“APP UI的設(shè)計(jì)結(jié)構(gòu)”，希望已經(jīng)對(duì)你們有所幫助。今天我們就摘取其中的閃屏頁(yè)(也就是APP設(shè)計(jì)啟動(dòng)頁(yè) launch image)部分，詳細(xì)的說說關(guān)于它的一些內(nèi)容，對(duì)你有所幫助的話，希望大家可以繼續(xù)關(guān)注我的后續(xù)文章~

OK，言歸正傳，我們先整體看一下閃屏頁(yè)的大致類型：

(聲明：以下圖片來源于應(yīng)用截圖，僅作為學(xué)習(xí)交流使用)

 

一、常規(guī)閃屏

為什么叫常規(guī)閃屏？因?yàn)檫@類閃屏比較普通，我沒有想到什么更專業(yè)的詞匯，暫且就叫常規(guī)閃屏吧。這類閃屏的使用國(guó)內(nèi)的和國(guó)外有點(diǎn)不同，因?yàn)榘凑仗O果官方的說法是，用戶打開應(yīng)用能立即使用是最好的體驗(yàn)，例如系統(tǒng)自帶的一些應(yīng)用，是沒有閃屏的；再甚者閃屏最好就是讓用戶感覺不到，和首頁(yè)能有一個(gè)完美的融合和過渡，這種體驗(yàn)也很棒，國(guó)外的instagram、facebook等就是使用這種設(shè)計(jì)，閃屏長(zhǎng)得很像首頁(yè)，更像是一張加載類的占位符。

當(dāng)然，因地制宜，國(guó)內(nèi)的我們已經(jīng)習(xí)慣了閃屏作為App品牌的宣傳和推廣手段，一般由logo+名稱+slogan+品牌色組成，界面還是相對(duì)簡(jiǎn)潔明了的，但還是很明顯的違背了蘋果官方的指導(dǎo)說法，但是沒辦法，這就是商業(yè)需要。這樣設(shè)計(jì)也有利處，可以減少用戶在打開App時(shí)的焦慮感，也可以讓用戶更直觀的了解品牌，傳遞一些情懷、理念，多看一次閃屏，也是讓用戶強(qiáng)化品牌記憶的過程，只是不知道是好的記憶點(diǎn)還是壞的，就要我們自己斟酌了。

二、廣告閃屏

廣告閃屏，顧名思義就是產(chǎn)品本身為了進(jìn)行流量變現(xiàn)從而獲得盈利，給一些商家打廣告或者進(jìn)行合作設(shè)計(jì)的一類閃屏，這是無可厚非的，不過廣告閃屏自帶被“嫌棄”屬性，應(yīng)該很多用戶看到這類閃屏的心理是比較排斥的，至少對(duì)我來說，我是很少關(guān)注這類閃屏，除非閃屏設(shè)計(jì)的非常的酷炫，我愿意多看一下，否則的話我就想立刻把它關(guān)掉，所以在這類閃屏上加上“倒計(jì)時(shí)(loading)和跳過”就顯得很必要,并且“跳過”的位置也要方便用戶點(diǎn)擊。這類閃屏最好只出現(xiàn)每天第一次打開App時(shí)，避免讓用戶厭煩。不管出于何種目的，都需要在商業(yè)利益和用戶體驗(yàn)之間保持一個(gè)平衡，不然用戶會(huì)流失的很快，用戶流失了，何談?dòng)亍?/span>

另外廣告閃屏和下面要說的活動(dòng)閃屏一樣，會(huì)有一個(gè)模板：底部是閃屏圖片，上面蓋上一層logo模板。App啟動(dòng)時(shí)會(huì)從服務(wù)器拉取閃屏數(shù)據(jù)，本地會(huì)保存logo模板。如果服務(wù)器更新了閃屏數(shù)據(jù)會(huì)拉取數(shù)據(jù)進(jìn)行展示，如果沒有更新或是網(wǎng)絡(luò)不佳就會(huì)默認(rèn)展示緩存的閃屏數(shù)據(jù)，以免發(fā)生卡頓現(xiàn)象，以保證流暢的用戶體驗(yàn)。

 

三、活動(dòng)閃屏

活動(dòng)閃屏和廣告閃屏有點(diǎn)類似，出于產(chǎn)品運(yùn)營(yíng)方面的需要，它起到活動(dòng)宣傳的作用，每年的雙十一、雙十二期間，各大電商App的閃屏都會(huì)用到活動(dòng)閃屏，還有一些商家自己造的一些節(jié)日：品牌周、年貨節(jié)、會(huì)員日、狂歡周...相信大家已經(jīng)見怪不怪了。

 

近期我留意到一個(gè)問題，就是我們?cè)谑褂肁pp時(shí)，經(jīng)常會(huì)在應(yīng)用之間進(jìn)行切換使用，如果我們從其他應(yīng)用再次返回時(shí)，最好不要再加載一次閃屏，會(huì)給用戶很不好的用戶體驗(yàn)，目前使用下來，淘寶、天貓等這類主流應(yīng)用都有這種問題，但是我想這應(yīng)該他們有意為之。

 

四、節(jié)日閃屏

每逢一些節(jié)假日，各大品牌都會(huì)推出一些當(dāng)日的閃屏，那么為什么要設(shè)計(jì)節(jié)日閃屏？我覺得有幾點(diǎn)原因：長(zhǎng)期看常規(guī)閃屏，用戶很容易會(huì)有視覺上的一種疲勞，節(jié)日閃屏?xí)o用戶一種不經(jīng)意的驚喜和新鮮感；可以蹭一蹭節(jié)日的熱點(diǎn)，提升產(chǎn)品本身的品牌調(diào)性；在節(jié)日給用戶以問候和關(guān)懷，和用戶在情感上產(chǎn)生共鳴，從而更好的連接用戶和產(chǎn)品，我想這應(yīng)該是最重要的原因。

節(jié)日閃屏比較吸引用戶的注意力，它不像廣告類閃屏，我看見這類閃屏就會(huì)忍不住的多瞅幾眼，所以設(shè)計(jì)這類閃屏的時(shí)候要非常重視，因?yàn)橛脩粼敢獾却@是非常求之不得的，這就需要設(shè)計(jì)師具有比較強(qiáng)的表現(xiàn)能力了。我們?cè)谠O(shè)計(jì)的時(shí)候可以先進(jìn)行思維上的發(fā)散，或者是逆向思維之類的，比如春節(jié)將近，我們可以聯(lián)想到是什么，理清一個(gè)思緒，要有節(jié)日的氛圍，可以活潑、可愛、夸張...切忌呆板。

我記憶中這類閃屏大部分是使用插畫類的手法比較多，這是我個(gè)人觀點(diǎn)，或許是我對(duì)這種手法記憶比較深刻，如果不是，請(qǐng)不要噴我~

 

五、大版本升級(jí)閃屏  

在App進(jìn)行了大版本升級(jí)后，要向用戶展示產(chǎn)品新功能的操作方法。這類閃屏也可以稱為引導(dǎo)頁(yè)，頁(yè)面數(shù)量控制在3-5頁(yè)，每一頁(yè)都有一個(gè)對(duì)應(yīng)的主題，主題要精簡(jiǎn)，切忌文字過多；而且每一頁(yè)設(shè)計(jì)形式要類似，否則會(huì)給用戶一種視覺落差感；頁(yè)面上要加上“跳過”功能，因?yàn)橛脩舾ＭM快體驗(yàn)新版本，而不是看你的這些教導(dǎo)；在最后一頁(yè)要加上類似“立即體驗(yàn)”的button。

六、閃屏設(shè)計(jì)的幾種形式

1、極簡(jiǎn)類

這種形式就是上面所說的國(guó)內(nèi)常規(guī)閃屏，品牌色+logo+名稱+slogan，這類閃屏占據(jù)大多數(shù)，因?yàn)橄鄬?duì)簡(jiǎn)潔明了，就不多贅述了。

 

2、插畫類

這種形式會(huì)給我們傳遞一種溫暖的感受，容易引起共鳴感，可以喚起我們某個(gè)時(shí)間段的回憶，比如可能會(huì)喚起你小時(shí)候和小伙伴一起穿開襠褲的日子，哈哈~開個(gè)玩笑。插畫手法用的比較多的是肌理插畫、手繪插畫、2.5D插畫、漸變插畫等，這幾類手法都比較流行。

 

3、動(dòng)圖&小視頻

有一些App功能采用的是動(dòng)圖或者小視頻作為閃屏，比如早期的uber更新新logo時(shí)，啟動(dòng)頁(yè)是采用的動(dòng)圖閃屏；早期的快的打車采用小視頻作為閃屏。另外現(xiàn)在還有一些輕閱讀類App的閃屏在顯示完常規(guī)閃屏后還會(huì)展示出和產(chǎn)品調(diào)性相關(guān)的圖片閃屏，并且圖片會(huì)變大后再進(jìn)入首頁(yè)，以突出產(chǎn)品的文藝氣息。使用這類手法的時(shí)候，一定要三思，首先難度較大，而且因?yàn)橛脩裘看未蜷_應(yīng)用都會(huì)看一次，早晚會(huì)失去新鮮感，并且對(duì)網(wǎng)絡(luò)環(huán)境也有要求，有可能會(huì)出現(xiàn)卡頓情況。

 

4、和產(chǎn)品調(diào)性相關(guān)的圖片

為了和用戶產(chǎn)生情感上的共鳴，很多App使用和產(chǎn)品調(diào)性相匹配的圖片作為閃屏，最為熟悉的就屬微信閃屏了，前一段時(shí)間微信換閃屏的熱點(diǎn)已經(jīng)刷爆朋友圈，相信大家已經(jīng)關(guān)注到了。這類閃屏要能突出產(chǎn)品本身的調(diào)性，否則謹(jǐn)慎使用，風(fēng)險(xiǎn)較大。

一般閃屏只有3秒鐘，一閃而過，好的閃屏設(shè)計(jì)會(huì)讓用戶忍不住多看幾眼，如果你設(shè)計(jì)的閃屏能讓用戶關(guān)掉App再看一次，那你就厲害了~

來源：UI中國(guó)