中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

啟動頁的作用很多，在緩解用戶等待焦慮的同時，也能夠通過啟動頁來奠定品牌的基調(diào)或者實現(xiàn)商業(yè)價值，其重要性可見一斑。

等待，無盡的等待——當(dāng)我打開一個APP的時候，產(chǎn)品品宣、Slogan、第三方廣告冷冷得在我臉上胡亂地拍，網(wǎng)絡(luò)不太好的時候再加上旋轉(zhuǎn)的菊花碼，我要經(jīng)過一個漫長的過程才能來到我想到的頁面。

唐納德·諾曼可說過，用戶是永遠(yuǎn)不是錯的（攤手）。網(wǎng)絡(luò)問題，怪運營商；一連串的開屏頁，那必須得怪產(chǎn)品設(shè)計人員了。作為一名UI，我知道有時出于品宣和商業(yè)目標(biāo)，我們不得不在PM與運營的淫威下屈服。但今天我還是要來聊聊，怎么把開屏頁落地，做到存在且合理。

一、平臺規(guī)范下的啟動頁

iOS 與 Material Design 對于啟動頁（Launch Screen）存在的價值都保持一致的積極態(tài)度，都認(rèn)為啟動頁可以讓用戶減少對于應(yīng)用程序啟動加載過久的認(rèn)知。說直白點，啟動頁存在的價值，其實就是應(yīng)用程序啟動加載的一塊遮羞布。

雖然兩個平臺對于設(shè)置啟動頁的意見一致，但卻有著各自差異性的設(shè)計指導(dǎo)準(zhǔn)則和實施標(biāo)準(zhǔn)。

首先，iOS在規(guī)范的迭代中從來沒有改變過“以用戶體驗為核心”的初衷，時至今日 iOS 也依舊認(rèn)為啟動頁應(yīng)該設(shè)計為類似應(yīng)用程序打開后第一屏的屏幕骨架，這樣不容易引人注意，看上去就像一啟動應(yīng)用程序就已經(jīng)加載出了應(yīng)用框架，剩下的時間只是在請求服務(wù)器數(shù)據(jù)，給人一種應(yīng)用程序打開很快的感覺。

而MD比較與時俱進，除了和iOS一樣，指導(dǎo)設(shè)計者可以用第一屏骨架作為啟動頁方案之外，還提供了為推廣品牌而做品牌曝光用途的第二方案。

曾經(jīng)有許多應(yīng)用程序都是按照iOS指定規(guī)范來落地啟動頁的（國外軟件居多），類似Instagram、Facebook，但現(xiàn)在也都已經(jīng)變成了品牌曝光。但iOS內(nèi)置的應(yīng)用程序，還是保持著初心。

其次，對于實施落地，在iOS中啟動頁是必需的，要求開發(fā)人員在Xcode編寫工具中上傳啟動頁png圖片，沒有啟動頁會影響到上線審核。

而MD卻沒有強制規(guī)定啟動頁，當(dāng)應(yīng)用程序沒有設(shè)置啟動頁時，系統(tǒng)會自動展示一個白屏作為默認(rèn)啟動頁。其實這反而會讓用戶誤認(rèn)為程序出錯，所以為了體驗考慮，許多設(shè)計者在安卓端還是會老老實實設(shè)置啟動頁圖片。

但隨著硬件、軟件技術(shù)手段的提升，應(yīng)用程序啟動的速度會越來越快，啟動頁停留時間也將越來越短，有時候用戶來不及看上一眼，啟動頁一閃而過就已經(jīng)加載到主頁面了。（不信你試試一些輕量級的工具型軟件，我為了給你們截圖案例，竟然發(fā)現(xiàn)手速比不過啟動頁過渡的速度…導(dǎo)致我最后只能錄屏后來抽出幀畫面。）

這也給許多產(chǎn)品設(shè)計者增加閃屏提供了立足理由。

二、啟動頁/閃屏/引導(dǎo)頁的區(qū)別

軟件加載的速度越來越快，啟動頁停留的時間也越來越短，可為什么我們還是會在啟動應(yīng)用程序時遭遇好幾次開屏“攔截”呢。這里就要弄清楚啟動頁、閃屏、引導(dǎo)頁的區(qū)別了。

• 啟動頁：平臺規(guī)范所明確定義的開屏頁，常用方案為首屏骨架或品牌露出，有且只有一個，持續(xù)時間有時不超過1秒；
• 閃屏：多數(shù)應(yīng)用借閃屏展現(xiàn)品牌精神、Slogan，或為了商業(yè)目標(biāo)而設(shè)計廣告宣傳，閃屏可能會有連續(xù)多個，并且一般會設(shè)置“跳過”按鈕；

• 引導(dǎo)頁：在用戶首次打開應(yīng)用或應(yīng)用更新時，指導(dǎo)用戶操作或展示更新內(nèi)容的頁面。

網(wǎng)絡(luò)上流傳著各式各樣風(fēng)格的開屏頁視覺設(shè)計手法，這里我就不過多贅述了，我想更多的從交互與體驗方面解析這三個頁面的作用。

首先啟動頁與閃屏、引導(dǎo)頁最大的區(qū)別就在于：啟動頁是平臺規(guī)范所明確規(guī)定的程序啟動加載準(zhǔn)則，它在應(yīng)用上線時就已經(jīng)內(nèi)嵌在了應(yīng)用程序之中，并且是必需的。可以理解為一張“死圖”，當(dāng)我們更換啟動頁后，會涉及到發(fā)版上線、用戶更新等一系列流程，相對于比較繁瑣。

而閃屏、引導(dǎo)頁則是“活圖”，開發(fā)可以自由掌控它們的顯示與隱藏，并且更新開屏廣告也不會涉及到發(fā)版上線，相對比較靈活。所以盡管你沒有更新你的APP，每次打開應(yīng)用時，你可能都會看到不同的開屏廣告。

一個是必需，一個是可有可無。于是乎，就有了當(dāng)我們打開應(yīng)用程序時，開屏頁可能會有“啟動頁+閃屏/引導(dǎo)頁”的任意組合形式，甚至于有些不經(jīng)過推敲的應(yīng)用程序會出現(xiàn)“啟動頁+（多個）閃屏+引導(dǎo)頁”的情形。

閃屏與引導(dǎo)頁并沒有平臺規(guī)范來形成標(biāo)準(zhǔn)，那我們該如何設(shè)計這幾個開屏頁，才能存在且合理呢？

我在網(wǎng)絡(luò)上看過同行總結(jié)過這樣一張圖：

首先應(yīng)在開屏過程中判斷用戶性質(zhì)，來選擇閃屏與引導(dǎo)頁選擇其一展示即可。以免導(dǎo)致用戶操作過多步驟才能進行實際應(yīng)用使用，操作時間太久，友好度不高，也容易增加用戶跳出。

其次閃屏如果是長期不會更換的品宣類圖片，可選擇以啟動頁展示。比如唱吧的iOS端（安卓端沒有這個現(xiàn)象），開屏后會顯示三個開屏畫面，非常繁瑣。在我個人開來，第二屏的Slogan完全可以用啟動頁來承載。

三、開屏頁面適配方法

前面說到了，啟動頁是一張“死圖”，是平臺規(guī)范所定義的。所以iOS給予了明確的啟動頁圖片上傳尺寸，UI需輸出以下尺寸.png圖片給開發(fā)人員：

• iPhoneSE@2x：640px * 1136px；
• iPhoen4s/4(@2x) ：640px * 960px；
• iPhone 8/7/6(@2x) ：750px*1334px；
• iPhone 8/7/6 plus (@3x) ：1242px*2208px；
• iPhone x (@3x) ：1125px*2436px

系統(tǒng)將會自動獲取設(shè)備長寬比，選擇對應(yīng)的啟動頁尺寸去適配。

而閃屏與引導(dǎo)頁則是產(chǎn)品設(shè)計過程中添加的，可靈活配置，導(dǎo)致我見過許多對適配不太了解的UI經(jīng)手的項目，制作的閃屏或引導(dǎo)頁，放在大屏設(shè)備上直接被拉伸變形了…所以在此給大家介紹一個非常實用且簡單的出圖方式：

UI輸出一張1125px * 2436px閃屏圖片，該尺寸對于iPhoneXS（375pt * 812pt）、iPhoneXR（414pt * 896pt ）、iPhoneXS Max（414pt * 896pt）機型可以等比例縮放適配。而對于iPhoneSE（320pt * 560pt）、iPhone8（375pt * 667pt）、iPhone 8 Plus（414pt * 736pt）等無法等比例縮放適配的機型，可以前端采取居中裁剪上下的方式。

由此可以推算出：在該尺寸下做閃屏圖片，主要內(nèi)容安全區(qū)域為 1125px * 1968px。

四、總結(jié)

呈現(xiàn)開屏頁面給用戶原本是無可厚非，但呈現(xiàn)形式與呈現(xiàn)質(zhì)量其實是需要產(chǎn)品設(shè)計者去推敲的。友好的、有趣的開屏頁面，不但不會打擾到用戶，甚至還會給用戶帶來新鮮感和愉悅感。

希望本文能夠幫助你了解幾個開屏頁的區(qū)別，并且做出更合理、不被用戶嫌棄的開屏頁面。

作者：UCD耍家；公眾號：UCD耍家（ID：ucdplayer）

本文由 @UCD耍家 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議