好久不見，由于換了城市換了工作，兩個月零五天沒有發(fā)布文章，自責(zé)加愧疚加難為情，真心的，不要笑。我會反省，之后會定期將自己的所學(xué)所思通過文字寫出來，和大家一起交流心得。
關(guān)于啟動頁，之前寫過一篇文章，這篇文章相當(dāng)于之前的擴展版本，從啟動頁的原因，啟動頁的類型，啟動頁不同的設(shè)計形式三個方面去全面了解App的啟動頁。
1.為什么APP會有啟動頁？
打開某個App，不出意外的話，映入眼簾的是各類啟動頁，現(xiàn)在App的啟動頁已經(jīng)五花八門，甚至還會出現(xiàn)把啟動頁作為廣告的產(chǎn)品設(shè)計。既然今天要介紹啟動頁，先來解決為什么會有啟動頁？
App啟動時，應(yīng)用程序需要初始化，這個初始化的過程和手機的性能、應(yīng)用程序的代碼質(zhì)量以及大小有關(guān)；還有一些App需要在啟動的時候就從服務(wù)器拉取最新的數(shù)據(jù)，這個會和網(wǎng)絡(luò)環(huán)境有關(guān)。
2.App啟動頁的幾種類型
①快速啟動頁；
iOS設(shè)計規(guī)范，其實并不推薦開發(fā)者用品牌或者slogan來作為App啟動頁，其設(shè)計規(guī)范中指出“As much as possible, avoid displaying a splash screen or other startup experience”。
國外的APP大多遵循了設(shè)計方案，它的最大好處是，啟動頁和首頁很相似，過度自然，用戶感覺不到有啟動這個過程，用戶體驗很棒，站在交互設(shè)計師的角度，我是比較推崇這種做法。
如果首頁的框架和內(nèi)容是變化的，不固定的，那怎么辦？
不要慌，還是有辦法的：采用和首頁顏色接近的圖來作為啟動頁。如“VSCO”就用了純白色作為App的啟動頁。
綜上，記住一條方法論就行：“設(shè)計一張和首屏相似的頁面作為啟動頁，如果首屏內(nèi)容是動態(tài)的，則采用和首屏整體最接近的顏色作為啟動頁”。
但是國內(nèi)的APP決定要走出一條自己的路，所以有了下面的五花八門的啟動頁。
②品牌類
盡管蘋果明確提出，啟動頁不是你品牌展示的窗口，但將啟動頁做成“品牌logo+名稱+slogan”成了國內(nèi)最主流的啟動頁設(shè)計。
上圖的兩個例子是目前國內(nèi)APP最主流的方式，這種形式一是沒有設(shè)計感，二是啟動頁和首屏有明顯的割裂感，真的不如直接用一張和首屏相似的圖片作為啟動頁。
那如果真的要在啟動這么短的時間內(nèi)來強調(diào)公司或品牌，可以有更好的方案，Uber啟動頁利用品牌元素進行動態(tài)變化的設(shè)計，品牌元素從出現(xiàn)，到變化，再到消失一氣呵成，而且和首屏的銜接過渡的也很自然，在確保體驗的前提下，也起到了強化品牌的作用。
再來舉其他幾個例子：
開眼和輕芒閱讀等APP，也將啟動頁作為強調(diào)品牌的載體。通過體現(xiàn)場景感來充分體現(xiàn)了品牌的調(diào)性，而且兼顧了設(shè)計的美感。值得大家借鑒。
③ 情感共鳴類
情感共鳴類的啟動頁其實很難，所以這么做得產(chǎn)品很少。但是一旦成功，會在用戶心智上打下很深的烙印。
不需要在啟動頁寫上名稱、logo、slogan，用戶在看到圖片的時候就知道這是什么產(chǎn)品。微信的這張啟動頁可以說是相當(dāng)成功，充分的體現(xiàn)了一個熟人社交軟件的調(diào)性。
用這種形式的啟動頁要注意兩點，一是圖片要符合產(chǎn)品調(diào)性，具有故事性，像微信和陌陌，都是一個孤單的背影，暗示著人們是社交動物，需要和人交流；二是盡量不要更換，像微信的這張圖上線以來七年只在今年換過一次（只是局部更換），陌陌的啟動圖片也一直是背影+風(fēng)景的風(fēng)格，這樣容易在用戶心中形成統(tǒng)一的認(rèn)知。
④廣告展示類
還有一類APP，會將啟動頁作為變現(xiàn)的渠道，將啟動頁做成廣告頁。而且一般是先顯示品牌頁，再顯示廣告頁，如下：
廣告類的啟動頁，其實已經(jīng)完全違背了iOS對Launch Screen的定位，而且廣告頁的顯示時長三秒到五秒不等，反而延長了用戶啟動APP的等待時間。
但是這種形式會給公司帶來直接利益，尤其對于一些盈利模式不清晰產(chǎn)品，這種形式無疑是一種很好的變現(xiàn)手段。在犧牲用戶體驗的基礎(chǔ)上換取一定的利益，這沒有對錯，只有適不適合。
如果接到需求，要將品牌頁做成廣告頁面，至少可以做到這幾點，來適當(dāng)?shù)奶嵘脩趔w驗。
一是讓品牌頁和廣告頁之間在設(shè)計上統(tǒng)一，避免割裂感，例如上方的微博和有道翻譯官，都采用保持底部logo元素不變，只變化頁面的一部分，從而保持兩張界面的統(tǒng)一性；二是在廣告頁的右下角放置跳過的button，最好在button上顯示倒計時，還能在跳過的button上加上loading的效果；第三，可以考慮每天只在第一次啟動APP時才出現(xiàn)廣告，減少廣告出現(xiàn)的次數(shù)等等。
加上倒計時以及l(fā)oading效果，都是為了讓用戶在心理上感覺時間過得快一點，從而提高體驗；提供跳過的button是讓用戶能夠主動選擇跳過廣告；將跳過放在界面的右下角，是為了方便用戶單手操作；廣告頁只在每天第一次啟動APP時顯示，是為了避免多次出現(xiàn)可能會對用戶帶來厭煩的情緒，反而適得其反。
⑤節(jié)日類
情人節(jié)、五一勞動節(jié)、六一兒童節(jié)等等，都成了APP啟動頁展示自我的地方，在重要節(jié)日將啟動頁設(shè)計成節(jié)日海報類，不僅可以做到情感化的表達，有趣的節(jié)日啟動頁還能成為用戶間的談資，增加產(chǎn)品的口碑。
⑥探索其他可能性
除了上述五種常見的啟動頁，其實啟動頁還有更多的可能性。在生日的當(dāng)天，給你送上生日祝福；成為一次暖心的活動H5的入口頁面等等。
3.不同的設(shè)計形式
①和首頁相似的背景圖片
這種設(shè)計形式多見于國外，優(yōu)劣在上文已經(jīng)有所描述。
②純色+logo+slogan
常見于國內(nèi)App，優(yōu)點是性價比高，強調(diào)了品牌，缺點是缺少設(shè)計感和場景感，如果沒有時間或者沒有好的設(shè)計點，可以用該方案。
③ 品牌元素（或相關(guān)場景元素）+logo+slogan
上文提到的XY，開眼，輕芒閱讀，一個等App都采用了這種形式，這種形式其實屬于第二種形式的進化版本，會更有設(shè)計感，重點是啟動頁面的設(shè)計元素一定要是品牌或者使用場景相關(guān)的圖。
這種形式的優(yōu)點是設(shè)計感強，強調(diào)了品牌，有品牌或者場景的代入感；缺點是找到一個適合的品牌元素很難，而且會定期不定期更換。
④純照片
我們最熟悉的自然就是微信了，上線7年來，沒有更改過，今年10月的一次迭代也只是更換里細(xì)節(jié)，把NASA拍攝的西半球的照片換成了北斗衛(wèi)星拍攝的東半球的照片。
這種方式的優(yōu)點是，敘事性強，具有故事性，好的純照片內(nèi)容能很好的打動人心，形成傳播點和記憶點；缺點是對照片要求極高，通常都有版權(quán)限制。
⑤ 動畫（和首頁無關(guān)聯(lián)）
Uber、Zealer、Skype、嗶哩嗶哩、日課等等市場上較少的App采取了動畫的形式，這種動畫多為Logo的變化，和App首頁割裂較大。
這種形式的啟動頁，優(yōu)點是有趣、減少用戶等待時的焦慮，缺點是設(shè)計難度較大、和首頁無關(guān)聯(lián)的動畫和首頁界面割裂感過強、對性能不好的設(shè)備可能會出現(xiàn)卡頓等現(xiàn)象。
⑥ 動畫（和首頁關(guān)聯(lián)）
夸克瀏覽器、星巴克等App雖然也是動畫形式，但是啟動頁動畫最終會和首頁的某個元素（按鈕或logo）產(chǎn)生關(guān)聯(lián)。
優(yōu)點是有趣、減少用戶等待時的焦慮、和首頁關(guān)聯(lián)性強、讓用戶心理上感覺不到啟動等待的過程，沒有割裂感；缺點是設(shè)計難度較大，對性能不好的設(shè)備可能會出現(xiàn)卡頓等現(xiàn)象。
⑦插畫
插畫的形式在國內(nèi)越來越流行，插畫能表達出相應(yīng)的情感和氛圍，能很好的傳達出產(chǎn)品的意圖，這種形式一般多用于活動宣傳和節(jié)日氛圍的渲染。
⑧ 小視頻
小視頻多用于用戶第一次打開App的場景，是承載信息最多的設(shè)計形式。代入感和敘事性強，讓用戶能夠提前進入相關(guān)場景，能夠很好感染用戶的情緒。
缺點是時間過長，不能頻繁（容易膩歪），固多用于用戶第一次打開App的場景，或者是重大版本更新后用戶第一次打開App的場景。
4.總結(jié)：
從“為什么APP要有啟動頁”、“App啟動頁的幾種類型”、“不同的設(shè)計形式”三個方面闡述了App的啟動頁設(shè)計。
“為什么要有啟動頁”介紹了啟動頁存在的原因；“App啟動頁的幾種類型”從業(yè)務(wù)層面介紹了啟動頁的集中類型（產(chǎn)品角度）；“不同的設(shè)計形式”則從設(shè)計形式的維度介紹了啟動頁（設(shè)計角度）。
做啟動頁設(shè)計時，可以根據(jù)業(yè)務(wù)和產(chǎn)品目標(biāo)、用戶體驗、設(shè)計成本等幾個角度，先確認(rèn)要采用的啟動頁類型，確認(rèn)了啟動頁類型之后，再選擇相應(yīng)的設(shè)計形式。
