目錄速覽：
1、啟動(dòng)頁存在的意義
2、啟動(dòng)頁/閃屏/引導(dǎo)頁的區(qū)別
3、啟動(dòng)頁的3種常規(guī)類型
4、開屏頁面適配方法
一、啟動(dòng)頁存在的意義
啟動(dòng)頁存在的目的就是為了讓用戶在等待的過程中忽略這個(gè)開啟的過程，提高用戶體驗(yàn)度，降低用戶焦慮感，減少用戶對(duì)于應(yīng)用程序啟動(dòng)加載過久的認(rèn)知。說直白點(diǎn)，啟動(dòng)頁存在的價(jià)值，其實(shí)就是應(yīng)用程序啟動(dòng)加載的一塊“遮羞布”。
軟件加載的速度越來越快，啟動(dòng)頁停留的時(shí)間也越來越短。隨著硬件、軟件技術(shù)手段的提升，應(yīng)用程序啟動(dòng)的速度會(huì)越來越快，啟動(dòng)頁停留時(shí)間也將越來越短，有時(shí)候用戶來不及看上一眼，啟動(dòng)頁一閃而過就已經(jīng)加載到主頁面了。例如一些輕量級(jí)的工具型軟件，手速截屏比不過啟動(dòng)頁過渡的速度。
二、啟動(dòng)頁/閃屏/引導(dǎo)頁的區(qū)別
啟動(dòng)頁：平臺(tái)規(guī)范所明確定義的開屏頁，常用方案為首屏骨架或品牌露出，有且只有一個(gè)，持續(xù)時(shí)間有時(shí)不超過1秒。
閃屏：多數(shù)應(yīng)用借閃屏展現(xiàn)品牌精神、，或?yàn)榱松虡I(yè)目標(biāo)而設(shè)計(jì)廣告宣傳，閃屏可能會(huì)有連續(xù)多個(gè)，并且一般會(huì)設(shè)置“跳過”按鈕。
引導(dǎo)頁：在用戶首次打開應(yīng)用或應(yīng)用更新時(shí)，指導(dǎo)用戶操作或展示更新內(nèi)容的頁面。
首先啟動(dòng)頁與閃屏、引導(dǎo)頁最大的區(qū)別就在于：?jiǎn)?dòng)頁是平臺(tái)規(guī)范所明確規(guī)定的程序啟動(dòng)加載準(zhǔn)則，它在應(yīng)用上線時(shí)就已經(jīng)內(nèi)嵌在了應(yīng)用程序之中，并且是必需的。可以理解為一張“死圖”，當(dāng)我們更換啟動(dòng)頁后，會(huì)涉及到發(fā)版上線、用戶更新等一系列流程，相對(duì)于比較繁瑣。
而閃屏、引導(dǎo)頁則是“活圖”，開發(fā)可以自由掌控它們的顯示與隱藏，并且更新開屏廣告也不會(huì)涉及到發(fā)版上線，相對(duì)比較靈活。所以盡管你沒有更新你的APP，每次打開應(yīng)用時(shí)，你可能都會(huì)看到不同的開屏廣告。
閃屏與引導(dǎo)頁并沒有平臺(tái)規(guī)范來形成標(biāo)準(zhǔn)，那我們?cè)撊绾卧O(shè)計(jì)這幾個(gè)開屏頁，才能存在且合理呢？
我在網(wǎng)絡(luò)上看過同行總結(jié)過這樣一張圖：
首先應(yīng)在開屏過程中判斷用戶性質(zhì)，來選擇閃屏與引導(dǎo)頁其一展示即可。以免導(dǎo)致用戶操作過多步驟才能進(jìn)行實(shí)際應(yīng)用使用，操作時(shí)間太久，友好度不高，也容易增加用戶跳出。
其次閃屏如果是長(zhǎng)期不會(huì)更換的品宣類圖片，可選擇以啟動(dòng)頁展示。比如唱吧的iOS端（安卓端沒有這個(gè)現(xiàn)象），開屏后會(huì)顯示三個(gè)開屏畫面，非常繁瑣。
三、啟動(dòng)頁的3種常規(guī)類型
很多企業(yè)就會(huì)利用啟動(dòng)頁做一個(gè)營(yíng)銷手段，當(dāng)然也有為了用戶體驗(yàn)而放棄宣傳品牌的產(chǎn)品。所以下面我把啟動(dòng)頁分為三類，來專門說說它們不同的作用。
規(guī)范型
什么是規(guī)范型？根據(jù) iOS 和MD 的官方定義來說，認(rèn)為啟動(dòng)頁應(yīng)該設(shè)計(jì)為類似應(yīng)用程序打開后第一屏的屏幕骨架，這樣不容易引人注意，看上去就像一啟動(dòng)應(yīng)用程序就已經(jīng)加載出了應(yīng)用框架，剩下的時(shí)間只是在請(qǐng)求服務(wù)器數(shù)據(jù)，給人一種應(yīng)用程序打開很快的感覺。
如：
的啟動(dòng)頁面就是首頁的框架，去掉了里面所有的內(nèi)容，除了標(biāo)題。這樣就好像是用戶進(jìn)入了應(yīng)用，它已經(jīng)在加載，感覺非常快速的啟動(dòng)了，讓用戶覺得應(yīng)用性能好，速度快。
iOS 官方給出的關(guān)于啟動(dòng)頁的定義展示方式，總結(jié)來說就是兩點(diǎn):
1. 內(nèi)容盡量的少；
2. 展現(xiàn)時(shí)間盡可能的短；
這樣做的目的也已經(jīng)很明確，就是改善用戶體驗(yàn)度。你可能會(huì)覺得官方的這些準(zhǔn)則會(huì)讓啟動(dòng)頁看起來顯得乏味無趣。但他們就是這么想的，在他們看來，啟動(dòng)頁不是讓你展示什么品牌藝術(shù)，而是增強(qiáng)用戶使用產(chǎn)品的感知度。
品牌推廣型
這類啟動(dòng)頁其實(shí)就是在規(guī)范型的基礎(chǔ)上做了一點(diǎn)擴(kuò)展，幫助品牌做一些宣傳。其實(shí)在MD的官方定義中，是允許用戶展示具有品牌特色的啟動(dòng)頁的，但是在 iOS 中明確說明是不允許的，但是，誰管他呢，哈哈哈。通常來說，這類啟動(dòng)頁會(huì)包括LOGO、品牌名稱、（更多的是國(guó)內(nèi)的APP會(huì)加入）這三個(gè)元素。
如：
淘寶在品牌推廣這塊做的還是相當(dāng)好的，啟動(dòng)頁花了不少心思，這種啟動(dòng)頁既提高它們的知名度，也起到了宣傳的作用。有部分App做一個(gè)小動(dòng)畫，有的人認(rèn)為經(jīng)常出現(xiàn)太煩，也有的人認(rèn)為很炫酷。
我們?cè)O(shè)計(jì)的時(shí)候，要注意風(fēng)格的搭配，不要太突兀，影響了產(chǎn)品整體的視覺效果。雖然這只是一個(gè)過渡的頁面，但是它畢竟是用戶打開產(chǎn)品之后看到的第一個(gè)畫面，所以還是值得花點(diǎn)心思做的。我的建議是，如果沒有商業(yè)需求，有品牌名稱和LOGO就足夠了，代入感也強(qiáng)，不會(huì)犯錯(cuò)。
商業(yè)需求型
再來說說商業(yè)需求型的啟動(dòng)頁，它就是產(chǎn)品利用這塊區(qū)域?yàn)樯碳易鰪V告，從而獲得收益，這種平時(shí)應(yīng)該經(jīng)常會(huì)看到。通常這類啟動(dòng)頁的展示時(shí)間在3到5秒不等，是用戶最不喜歡的一種。
如：
網(wǎng)易新聞是比較典型的一類，它很好的利用了這塊區(qū)域來做廣告。一般的產(chǎn)品是沒辦法做到的，畢竟人家是網(wǎng)易，不論是用戶使用量還是品牌知名度，都是業(yè)內(nèi)名列前茅的。
無論什么目的，都不要為了廣告而在啟動(dòng)頁停留過長(zhǎng)時(shí)間，這樣不僅會(huì)流失用戶，到頭來連商家都不找你了。有時(shí)候在商業(yè)利益和用戶體驗(yàn)之間確實(shí)很難做到平衡，所以一定要慎重。
四、開屏頁面適配方法
前面說到了，啟動(dòng)頁是一張“死圖”，是平臺(tái)規(guī)范所定義的。所以iOS給予了明確的啟動(dòng)頁圖片上傳尺寸，UI需輸出以下尺寸.png圖片給開發(fā)人員：
系統(tǒng)將會(huì)自動(dòng)獲取設(shè)備長(zhǎng)寬比，選擇對(duì)應(yīng)的啟動(dòng)頁尺寸去適配。
而閃屏與引導(dǎo)頁則是產(chǎn)品設(shè)計(jì)過程中添加的，可靈活配置，在此給大家介紹一個(gè)非常實(shí)用且簡(jiǎn)單的出圖方式：
UI輸出一張 * 閃屏圖片app啟動(dòng)頁圖片制作，該尺寸對(duì)于（375pt * 812pt）、（414pt * 896pt ）、 Max（414pt * 896pt）機(jī)型可以等比例縮放適配。而對(duì)于（320pt * 560pt）、（375pt * 667pt）、 8 Plus（414pt * 736pt）等無法等比例縮放適配的機(jī)型，可以前端采取居中裁剪上下的方式。由此可以推算出：在該尺寸下做閃屏圖片，主要內(nèi)容安全區(qū)域?yàn)? * 。
五、結(jié)語
呈現(xiàn)開屏頁面給用戶原本是無可厚非app啟動(dòng)頁圖片制作，但呈現(xiàn)形式與呈現(xiàn)質(zhì)量其實(shí)是需要產(chǎn)品設(shè)計(jì)者去推敲的。友好的、有趣的開屏頁面，不但不會(huì)打擾到用戶，甚至還會(huì)給用戶帶來新鮮感和愉悅感。
希望本文能夠幫助大家了解幾個(gè)開屏頁的區(qū)別，并且做出更合理、不被用戶嫌棄的開屏頁面。