10 個出色的應用程序啟動屏幕示例

已發表: 2015-12-04

你只有一次機會給人留下第一印象。
雖然用戶從 App Store 中的描述和屏幕截圖中了解您的應用程序是什麼,但他們對實際應用程序的第一印象來自哪裡?
您的啟動屏幕。
也稱為“啟動畫面” ,這是您的應用用戶在點擊打開您的應用時首先看到的內容——因此,它的重要性不容小覷!
做對了——大膽、簡單和相關的啟動屏幕往往效果最好——你會讓你的觀眾坐起來注意,對為他們準備的東西感到真正的興奮,讓他們更願意花時間嘗試你的應用程序。
弄錯了,你就會失去你的觀眾,甚至在你的應用加載之前就給他們負面的看法。
今天,我將通過向您展示一些真實世界的示例來幫助您確保您的應用程序打開良好的啟動屏幕。 (注意:MobiLoud 不隸屬於我們在下面列出其應用程序的任何公司——我們只是相信他們在啟動屏幕方面做得很好!)

什麼是應用啟動屏幕?

首先,讓我們看看啟動屏幕實際上什麼。
儘管它們很重要,但從功能的角度來看,啟動屏幕實際上做的很少——如果沒有啟動屏幕,您的應用程序仍然可以正常運行。
對 Mobiloud 感到好奇嗎? 點擊這裡了解更多
啟動屏幕只是在加載應用程序時向用戶顯示的視覺佔位符。 這個想法起源於 iOS,作為一種創建應用程序快速響應的方式——而不是打開應用程序並不得不等待幾秒鐘才能加載,用戶將立即看到啟動屏幕。
這在改善用戶體驗方面發揮了至關重要的作用,以至於 Apple 將其作為應用程序設計的強制性部分,一直持續到今天。
由於發射屏的作用是美學而非功能性,因此一些人穩坐反發射屏陣營。
反對啟動屏幕的主要論點是認為它的持續使用在很大程度上符合預期。 用戶只是希望看到一個啟動屏幕,儘管絕大多數應用程序並沒有使用足夠的資源來證明其合理性——隨著移動操作系統變得越來越快,它們只對資源最密集的應用程序才是真正需要的。
這個論點說得很對,但從品牌的角度來看,它忽略了啟動屏幕的力量。
每次用戶啟動您的應用程序時,他們都會看到相同的歡迎屏幕,這會增加熟悉度並強化您的品牌。 如果用戶喜歡你的應用程序,每次他們看到那個啟動屏幕——貼滿你的品牌——就會開始讓他們充滿興奮感。
這是一件很強大的事情。

示例啟動屏幕

現在我們已經介紹了啟動屏幕是什麼以及為什麼它們很重要,讓我們來看看一些有效啟動屏幕的好例子。 請注意它們都有哪些相似之處,您也許可以創建一個對您自己的移動應用程序同樣有效的應用程序!

Nike+ Running :Nike 啟動畫面是一個教科書式的例子,大膽的紅色背景與簡單的白色標誌形成鮮明對比。 底部跑道的模糊輪廓也與應用程序的用途高度相關。


蚱蜢應用程序啟動屏幕
Grasshopper : “初學者的編碼應用程序” ——Grasshopper——有一個時尚、有效的加載屏幕。 深色背景看起來很專業,屏幕上的文字立即讓用戶知道應用程序是關於什麼的。 雖然在靜止圖像中不可見,但隨著應用程序的加載,這 4 個彩色圓點會旋轉一圈,這使得它看起來很生動有趣。


金融時報應用程序啟動屏幕
英國《金融時報》 :如果您正在閱讀新聞,您希望確保您的消息來源準確且值得信賴。 《金融時報》創建了一個應用程序啟動屏幕,在此期間通過突出其新聞的質量和深度以及一個漂亮的類似報紙的圖標,儘早建立信任。 另一個值得注意的有趣點是,您可以在不同的三個版本的啟動屏幕之間滾動,每個版本都包含不同的價值主張。


保管箱應用程序啟動屏幕
Dropbox :Dropbox 的啟動屏幕簡單而有效——大膽的海軍背景,帶有可識別的徽標和公司名稱,採用非常淺的藍色。 沒有必要讓您的應用啟動屏幕過於復雜,Dropbox 就是一個很好的例子。


中等應用啟動屏幕
中:此啟動屏幕智能、最新,並反映了移動應用程序和網站上的用戶體驗。 作為內容創作者和作家的平台,Medium 使用了鋼琴與打字機相結合的獨特形象,體現了他們的口號“你在其他任何地方都找不到的想法和觀點” 。 插圖風格現代而友好。


citymapper 應用程序啟動屏幕 Citymapper : “終極交通應用”在這個啟動屏幕上有效地反映了他們的使命。 圖形的最少使用意味著啟動屏幕不會雜亂無章,但箭頭和圓形圖標突出了應用程序與交通的關係。


維基百科應用程序啟動屏幕
Wikipedia : Wikipedia 的應用程序啟動屏幕看起來專業而乾淨,反映了 Wikipedia 的常規網站。 該圖像具有高分辨率,可立即識別為維基百科。 此啟動屏幕簡約但有效


Tripadvisor 應用程序啟動屏幕
TripAdvisor :TripAdvisor 應用程序啟動屏幕在捕捉應用程序本身的外觀和感覺方面做得很好。 帶有標誌的 TripAdvisor 標誌性綠色背景可立即識別為 TripAdvisor,下方的文字突出了剛下載該應用程序的用戶使用 TripAdvisor 的一些主要好處!


Lyft 應用程序啟動屏幕 Lyft :另一個簡單(你注意到這裡的趨勢嗎?)但有效的啟動屏幕是 Lyft 的。 配色方案直接取自他們的徽標和應用程序圖標,在您打開應用程序時有效地宣傳他們的品牌。 帶有漸變的深色但獨特的彩色背景上的淺色文本脫穎而出,並將應用程序用戶的眼睛吸引到徽標上。

soompi 應用程序啟動屏幕
Soompi :Soompi 的應用程序啟動屏幕之所以有效,有幾個原因。 首先,標誌清晰,在黑暗的背景下脫穎而出。 背景有趣且動畫化,包含與應用內容相關的插圖和文字(這是一款專注於 K-Pop 行業的新聞應用)。 儘管具有動畫外觀,但調色板仍保持專業外觀,屏幕底部的加載圓圈讓用戶知道應用程序正在加載。


外賣

看過一些最好的應用程序啟動屏幕後,我們有什麼可以拿走並應用到我們自己的啟動屏幕上的嗎?
絕大多數啟動屏幕——好吧,無論如何都是好的——使用以下公式:

  1. 背景——雖然背景沒有固定的規則,但最好的背景是大膽而鮮明的。 通常,選擇的顏色是明亮的,以使其脫穎而出,儘管圍繞品牌的配色方案選擇顏色是完全可以接受的。 雖然通常選擇簡單,但在某些情況下,使用有趣的紋理是為您的應用創建獨特感覺的好方法,並且相關圖像還可以讓用戶為應用內體驗做好準備。
  2. 徽標— 徽標清晰且位於屏幕中央的顯眼位置。 大多數人選擇與背景形成鮮明對比的顏色,使其跳出。
  3. 名稱——除非您已經是家喻戶曉的名字,否則大多數開發者也會選擇在徽標下方包含他們的應用名稱,以進一步建立品牌知名度。
  4. 口號——許多較小的、不太知名的應用程序也會在其啟動屏幕上包含一個簡短的口號。 這會告訴用戶您的應用程序做了什麼,這將使他們為他們在商店中的體驗做好準備。

遵循此結構,為您的應用程序提供出色的啟動屏幕並提供令人震驚的第一印象!
請記住,您的應用程序本身也需要在啟動屏幕後看起來很棒! 如果您的應用程序已創建,或者您計劃從 WordPress 網站創建應用程序,我們編制了 5 個 WordPress 主題列表,可幫助您構建高性能的應用程序登錄頁面。
在此處了解有關 MobiLoud 的更多信息!