起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識UI基礎知識：啟動頁、閃屏和引導頁的區別
我們在打開APP時候總會跳出一些頁面，有人說是啟動頁也有人叫開機圖，各種叫法讓人傻傻分不清楚。那么在啟動APP的時候我們看到的頁面到底是什么，又有什么區別呢？下面就是關于啟動頁、閃屏、引導頁的簡單的歸納和總結，希望對大家有所幫助。
01 啟動頁 (launch screen?)
1. 定義
當app被用戶打開時，在app啟動過程中被用戶所看到的過渡頁面（或動畫）都被我們統稱為啟動頁。
2. 作用
APP在用戶打開過程中需要一定的時間，啟動頁的展示是為了給用戶一個過渡頁面，緩解用戶打開app時等待的焦慮心情。類似于在app在加載過程中loading動畫一樣，都是為了通過設計的手段來解決用戶的焦慮情緒。
3. 主要分類
規范型和品牌推廣型
（1）規范型
根據? iOS 和MD 的官方定義來，用戶打開應用能立即使用是最好的體驗，例如蘋果系統自帶的一些應用，是沒有閃屏的；或者把閃屏設計的和首頁很像，類似 國外的instagram
（2）品牌推廣型
國內很多APP為了體現產品的品牌，強化用戶對品牌的記憶，一般啟動頁會由：產品名稱+產品形象（logo）+產品廣告語（slogan）組成。閃屏設計多數較為精簡，主要目的是為了突出產品特點，不宜內容太多，太過復雜，且不易經常更換，打斷用戶對品牌的認知記憶，類似國內的淘寶、優酷等。
4. 交互方式
啟動頁為一張靜態圖片，不可點擊，不可跳過
02 閃屏(splash screen?)
1. 定義
閃屏頁約等于啟動頁，又叫做開機廣告。由于閃屏主要用于活動推廣，商業上的廣告宣傳，容易造成用戶排斥心理，所以這類閃屏多數有倒計時和跳過的功能。該頁面出現在啟動頁之后，類似京東、愛奇藝等國內大多數應用，在冷啟動出現啟動頁之后有時候緊接著還會出現廣告閃屏。
2. 主要分類
廣告推廣型、活動推廣型、節日關懷型。
（1）廣告推廣型
產品為了通過流量變現，在此區域給一些商家提供廣告宣傳。
（2）活動推廣型
有時候產品在運營過程中會策劃一些行銷活動，該區域就作為活動的宣傳口?；顒油茝V型閃屏著重體現活動的主題，用戶利益點，以及營造活動氛圍。
（3）節日關懷型
在節假日到來時，很多APP會通過營造節日氣氛來體現人文關懷。目的主要是通過情感化得設計給用戶帶來節日祝福，提升用戶的對產品的好感度，提升產品本來的品牌調性。且此類閃屏多采用插畫類的手法，對設計師的表現力比較強的需求。
3. 交互方式
引導頁可以為一張靜態圖片，也可以是個動態短視頻，有倒計時和可以跳過，跳過后進入app首頁。
03 引導頁（onboarding screen）
1. 定義
用戶第一次安裝app或者app更新后首次啟動時展示的3-5個可滑動的頁面。主要是向用戶展示產品的功能和產品亮點。
2. 主要分類
功能介紹性、推廣介紹型、問題解決型
（1）功能介紹性
通過簡潔明了的設計和通俗易懂的文案提煉產品特色功能，把產品信息傳達給用戶。需要注意的是保證信息展示一針見血，切記啰嗦反復，引導頁數控制在5張以內，避免過多的頁面造成用戶反感。
（2）推廣介紹型
主要目的是傳達產品的思想和態度，告訴用戶產品的使命和情懷。這一類的引導頁需要做到吸引用戶注意，引發用戶的共鳴。
（3）問題解決型
問題解決類通過描述在實際生活中會遇到的問題，直擊用戶痛點，通過最后的解決方案讓用戶產生情感上的聯系，讓用戶對產品產生好感，增加產品粘度。
3. 交互方式
可以左右滑動切換頁面，一般最后一頁有引導按鈕，可以寄點擊進入app。
總結
- 啟動頁打開app時，展示的第一個頁面，不可點擊，無交互
- 閃屏在app啟動后出現的第2個頁面，如app沒有配置開機圖，則不顯示，直接從啟動頁跳到app首頁；如果配置了開機圖（閃屏），一般有倒計時，可以跳過進入首頁，也可以點擊跳轉到相應的活動或專題頁
- 引導頁時用戶在安裝或者更新后初次打開app出現的3-4張類似產品說明書似的介紹頁面，可以左右切換，并在最后一個頁面有引導按鈕跳轉到首頁。（退出后，再次打開app則不再出現該頁面，除非卸載重裝）
本文由 @Sevenmoon 原創發布于人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基于CC0協議
閃屏頁，和 引導頁 會同時出現嗎？輪流展示？可以這樣設計嗎？為什么？