一、app啟動(dòng)頁(yè)和引導(dǎo)頁(yè)的區(qū)別

01 啟動(dòng)頁(yè) (launch screen )

1. 定義
當(dāng)app被用戶(hù)打開(kāi)時(shí)，在app啟動(dòng)過(guò)程中被用戶(hù)所看到的過(guò)渡頁(yè)面（或動(dòng)畫(huà)）都被我們統(tǒng)稱(chēng)為啟動(dòng)頁(yè)。
2. 作用
APP在用戶(hù)打開(kāi)過(guò)程中需要一定的時(shí)間，啟動(dòng)頁(yè)的展示是為了給用戶(hù)一個(gè)過(guò)渡頁(yè)面，緩解用戶(hù)打開(kāi)app時(shí)等待的焦慮心情。類(lèi)似于在app在加載過(guò)程中l(wèi)oading動(dòng)畫(huà)一樣，都是為了通過(guò)設(shè)計(jì)的手段來(lái)解決用戶(hù)的焦慮情緒。
3. 主要分類(lèi)
規(guī)范型和品牌推廣型
（1）規(guī)范型
根據(jù) iOS 和MD 的官方定義來(lái)，用戶(hù)打開(kāi)應(yīng)用能立即使用是較好的體驗(yàn)，例如蘋(píng)果系統(tǒng)自帶的一些應(yīng)用，是沒(méi)有閃屏的；或者把閃屏設(shè)計(jì)的和首頁(yè)很像，類(lèi)似 國(guó)外的instagram
UI基礎(chǔ)知識(shí)：?jiǎn)?dòng)頁(yè)、閃屏和引導(dǎo)頁(yè)的區(qū)別
（2）品牌推廣型
國(guó)內(nèi)很多APP為了體現(xiàn)產(chǎn)品的品牌，強(qiáng)化用戶(hù)對(duì)品牌的記憶，一般啟動(dòng)頁(yè)會(huì)由：產(chǎn)品名稱(chēng)+產(chǎn)品形象（logo）+產(chǎn)品廣告語(yǔ)（slogan）組成。閃屏設(shè)計(jì)多數(shù)較為精簡(jiǎn)，主要目的是為了突出產(chǎn)品特點(diǎn)，不宜內(nèi)容太多，太過(guò)復(fù)雜，且不易經(jīng)常更換，打斷用戶(hù)對(duì)品牌的認(rèn)知記憶，類(lèi)似國(guó)內(nèi)的淘寶、優(yōu)酷等。
4. 交互方式
啟動(dòng)頁(yè)為一張靜態(tài)圖片，不可點(diǎn)擊，不可跳過(guò)

02 引導(dǎo)頁(yè)（onboarding screen）

1. 定義
用戶(hù)名列前茅次安裝app或者app更新后首次啟動(dòng)時(shí)展示的3-5個(gè)可滑動(dòng)的頁(yè)面。主要是向用戶(hù)展示產(chǎn)品的功能和產(chǎn)品亮點(diǎn)。
2. 主要分類(lèi)
功能介紹性、推廣介紹型、問(wèn)題解決型
（1）功能介紹性
通過(guò)簡(jiǎn)潔明了的設(shè)計(jì)和通俗易懂的文案提煉產(chǎn)品特色功能，把產(chǎn)品信息傳達(dá)給用戶(hù)。需要注意的是保證信息展示一針見(jiàn)血，切記啰嗦反復(fù)，引導(dǎo)頁(yè)數(shù)控制在5張以?xún)?nèi)，避免過(guò)多的頁(yè)面造成用戶(hù)反感。
（2）推廣介紹型
主要目的是傳達(dá)產(chǎn)品的思想和態(tài)度，告訴用戶(hù)產(chǎn)品的使命和情懷。這一類(lèi)的引導(dǎo)頁(yè)需要做到吸引用戶(hù)注意，引發(fā)用戶(hù)的共鳴。
（3）問(wèn)題解決型
問(wèn)題解決類(lèi)通過(guò)描述在實(shí)際生活中會(huì)遇到的問(wèn)題，直擊用戶(hù)痛點(diǎn)，通過(guò)最后的解決方案讓用戶(hù)產(chǎn)生情感上的聯(lián)系，讓用戶(hù)對(duì)產(chǎn)品產(chǎn)生好感，增加產(chǎn)品粘度。
3. 交互方式
可以左右滑動(dòng)切換頁(yè)面，一般最后一頁(yè)有引導(dǎo)按鈕，可以寄點(diǎn)擊進(jìn)入app。

總結(jié)

啟動(dòng)頁(yè)打開(kāi)app時(shí)，展示的名列前茅個(gè)頁(yè)面，不可點(diǎn)擊，無(wú)交互
閃屏在app啟動(dòng)后出現(xiàn)的第2個(gè)頁(yè)面，如app沒(méi)有配置開(kāi)機(jī)圖，則不顯示，直接從啟動(dòng)頁(yè)跳到app首頁(yè)；如果配置了開(kāi)機(jī)圖（閃屏），一般有倒計(jì)時(shí)，可以跳過(guò)進(jìn)入首頁(yè)，也可以點(diǎn)擊跳轉(zhuǎn)到相應(yīng)的活動(dòng)或?qū)ｎ}頁(yè)
引導(dǎo)頁(yè)時(shí)用戶(hù)在安裝或者更新后初次打開(kāi)app出現(xiàn)的3-4張類(lèi)似產(chǎn)品說(shuō)明書(shū)似的介紹頁(yè)面，可以左右切換，并在最后一個(gè)頁(yè)面有引導(dǎo)按鈕跳轉(zhuǎn)到首頁(yè)。（退出后，再次打開(kāi)app則不再出現(xiàn)該頁(yè)面，除非卸載重裝）

延伸閱讀：

二、閃屏(splash screen )

UI基礎(chǔ)知識(shí)：?jiǎn)?dòng)頁(yè)、閃屏和引導(dǎo)頁(yè)的區(qū)別
1. 定義
閃屏頁(yè)約等于啟動(dòng)頁(yè)，又叫做開(kāi)機(jī)廣告。由于閃屏主要用于活動(dòng)推廣，商業(yè)上的廣告宣傳，容易造成用戶(hù)排斥心理，所以這類(lèi)閃屏多數(shù)有倒計(jì)時(shí)和跳過(guò)的功能。該頁(yè)面出現(xiàn)在啟動(dòng)頁(yè)之后，類(lèi)似京東、愛(ài)奇藝等國(guó)內(nèi)大多數(shù)應(yīng)用，在冷啟動(dòng)出現(xiàn)啟動(dòng)頁(yè)之后有時(shí)候緊接著還會(huì)出現(xiàn)廣告閃屏。
2. 主要分類(lèi)
廣告推廣型、活動(dòng)推廣型、節(jié)日關(guān)懷型。

（1）廣告推廣型
產(chǎn)品為了通過(guò)流量變現(xiàn)，在此區(qū)域給一些商家提供廣告宣傳。
UI基礎(chǔ)知識(shí)：?jiǎn)?dòng)頁(yè)、閃屏和引導(dǎo)頁(yè)的區(qū)別
（2）活動(dòng)推廣型
有時(shí)候產(chǎn)品在運(yùn)營(yíng)過(guò)程中會(huì)策劃一些行銷(xiāo)活動(dòng)，該區(qū)域就作為活動(dòng)的宣傳口?；顒?dòng)推廣型閃屏著重體現(xiàn)活動(dòng)的主題，用戶(hù)利益點(diǎn)，以及營(yíng)造活動(dòng)氛圍。
UI基礎(chǔ)知識(shí)：?jiǎn)?dòng)頁(yè)、閃屏和引導(dǎo)頁(yè)的區(qū)別
（3）節(jié)日關(guān)懷型
在節(jié)假日到來(lái)時(shí)，很多APP會(huì)通過(guò)營(yíng)造節(jié)日氣氛來(lái)體現(xiàn)人文關(guān)懷。目的主要是通過(guò)情感化得設(shè)計(jì)給用戶(hù)帶來(lái)節(jié)日祝福，提升用戶(hù)的對(duì)產(chǎn)品的好感度，提升產(chǎn)品本來(lái)的品牌調(diào)性。且此類(lèi)閃屏多采用插畫(huà)類(lèi)的手法，對(duì)設(shè)計(jì)師的表現(xiàn)力比較強(qiáng)的需求。
UI基礎(chǔ)知識(shí)：?jiǎn)?dòng)頁(yè)、閃屏和引導(dǎo)頁(yè)的區(qū)別
3. 交互方式
引導(dǎo)頁(yè)可以為一張靜態(tài)圖片，也可以是個(gè)動(dòng)態(tài)短視頻，有倒計(jì)時(shí)和可以跳過(guò)，跳過(guò)后進(jìn)入app首頁(yè)。