實戰干貨！聊聊App啟動頁的三種設計類型

@呆呆丶L?：這年頭設計一個App越來越有講究，大到一個框架，小到一個按鈕，拿捏不好就容易失去用戶。今天這篇文章通過分析眾多App ，總結了3種啟動頁的類型，詳細介紹不同啟動頁的作用和優缺點，建議閱讀。

如果是引導頁，可以參考騰訊的教程：《騰訊實戰干貨！怎么讓引導頁不再是無用小透明？》

什么是啟動頁？打開屏幕腦子還沒轉就第一眼看到的頁面，就是啟動頁。是不是很含糊？

講的專業點就是：當打開一個應用程序時，在應用啟動的過程中或在APP打開的過程中所顯示的一個占位符。它存在的目的就是為了讓用戶在等待的過程中忽略這個開啟的過程，其實也就是大家所說的提高了用戶體驗度，降低用戶焦慮感。

由此可以看出，啟動頁就是一個「過渡頁面」，產品根據這個應用的性能來判斷在程序開啟過程中頁面停留時間的長短，可能有1秒，也可能有3秒。

那么很多企業就會利用這個機會做一個營銷手段，當然也有為了用戶體驗而放棄宣傳品牌的產品。所以下面我把啟動頁分為三類，來專門說說它們不同的作用。

• 規范型
• 品牌推廣型
• 商業需求型

規范型

什么是規范型？根據 iOS 和MD 的官方定義來說，啟動頁應該是不打擾用戶，利用進入應用后的第一個界面的框架截圖來做啟動頁，這里的截圖是去掉里面的內容的。它的作用就跟上面說的一樣，降低用戶焦慮感。

如：

這是新版的Instagram，它的啟動頁面就是首頁的框架，去掉了里面所有的內容，除了標題。這樣就好像是用戶進入了應用，它已經在加載，感覺非常快速的啟動了，讓用戶覺得應用性能好，速度快。

這就是iOS 官方給出的關于啟動頁的定義展示方式，總結來說就是兩點:

1. 內容盡量的少；

2. 展現時間盡可能的短；

這樣做的目的也已經很明確，就是改善用戶體驗度。你可能會覺得官方的這些準則會讓啟動頁看起來顯得乏味無趣。但他們就是這么想的，在他們看來，啟動頁不是讓你展示什么品牌藝術，而是增強用戶使用產品的感知度。

但是慢慢的，大多數人認為如果不把這種絕妙的位置利用起來，都覺得對不起祖國的栽培。因此下面就出現了品牌推廣型啟動頁。

品牌推廣型

這類啟動頁其實就是在規范型的基礎上做了一點擴展，幫助品牌做一些宣傳。其實在MD的官方定義中，是允許用戶展示具有品牌特色的啟動頁的，但是在 iOS 中明確說明是不允許的，但是，誰管他呢，哈哈哈。通常來說，這類啟動頁會包括LOGO、品牌名稱、Slogan（Slogan更多的是國內的APP會加入）這三個元素。

如：

淘寶在品牌推廣這塊做的還是相當好的，從啟動頁就可以看出確實花了不少心思。這種啟動頁面對于產品而言，可以提高它們的知名度，很好的起到了宣傳的作用。

有部分App還會把這塊做成一個小動畫，但是褒貶不一，有的人認為經常出現太煩，也有的人認為很炫酷，每次打開都感覺產品很nice。

在做這類頁面時，要注意風格的搭配，不要太突兀，影響了產品整體的視覺效果。雖然這只是一個過渡的頁面，但是它畢竟是用戶打開產品之后看到的第一個畫面，所以還是值得花點心思做的。

我的建議是，如果沒有商業需求，有品牌名稱和LOGO就足夠了，代入感也強，不會犯錯。

商業需求型

再來說說商業需求型的啟動頁，它就是產品利用這塊區域為商家做廣告，從而獲得收益，這種平時應該經常會看到。通常這類啟動頁的展示時間在3到5秒不等，是用戶最不喜歡的一種。

如：

騰訊新聞是比較典型的一類，它很好的利用了這塊區域來做廣告。一般的產品是沒辦法做到的，畢竟人家是騰訊，不論是用戶使用量還是品牌知名度，都是業內名列前茅的。但是有注意到么，騰訊新聞會先彈出左邊（上圖）的啟動頁，再彈出右邊（上圖）的廣告，它利用了啟動原則加入了廣告的頁面。讓用戶以為App已經可以使用了，其實還需要跳過這個廣告。

不過也有一些產品也會做這類啟動頁，但是要注意，無論你有什么目的，都不要為了廣告而在啟動頁停留過長時間，這樣不僅會流失用戶，到頭來連商家都不找你了。

還有些產品，做到了讓人無力吐槽的事情。就是先出現品牌推廣型啟動頁，以為要進去首頁了，結果沒有，出來的是廣告。足足讓我等了6、7秒時間才進去。(我果斷卸了)

有時候在商業利益和用戶體驗之間確實很難做到平衡，所以一定要慎重。

總結

最后來做個總結，看看在做啟動頁時要注意哪些事項:

1. 如果你的產品注重體驗，暫時還沒有商業需求也不需要做品牌推廣，那墻裂推薦規范型。

2. 如果用了品牌推廣型啟動頁，那么一定不要頻繁的更換，要用潛移默化的方式對用戶產生影響，讓用戶深刻記住你的品牌形象。

3. 如果你的啟動頁被商家購買來做廣告了，那么一定要控制時間，多注意一些好的App是怎么處理的，比如騰訊，在右上角做了跳過廣告。這樣不僅做了廣告，也適當提升了用戶體驗。

4. 啟動頁最好是在產品開啟的時候才出現，某吧錄歌軟件每次在錄完歌之后切換到其他應用后，再跳轉回來就會出現啟動頁然后再跳轉到你之前的頁面，這樣的體驗其實很不好。

隨著互聯網的發展越來越成熟，相信以后會有更多的展示方式，設計師不僅要站在自己的角度看待問題，還要學會審視一切可能改變結果的因素。確保將商業需求和用戶體驗限定在可控范圍內，為產品和用戶做一個更好的溝通橋梁。

歡迎關注作者微信公眾號：

「目前最熱門的彌散陰影教程系列」

1. 新手版：《簡單3步教你快速畫出時尚漂亮的彌散陰影》
2. 進階版：《一份簡單易上手的青春彌散陰影修煉手冊》
3. 正常版：《GUI設計中如何做出有格調的投影？》
4. 通關版：《熱門教程！超火的彌散陰影全方位通關指南》

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量160萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com