起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門(mén)專(zhuān)項(xiàng)技能課
1300+專(zhuān)題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專(zhuān)業(yè)技能直播
會(huì)員專(zhuān)屬社群
榮耀標(biāo)識(shí)10分鐘，設(shè)計(jì)完美閃屏（SplashScreen），并通過(guò)Axure產(chǎn)出PRD
閃屏在app 世界里常見(jiàn)到被無(wú)視，而當(dāng)我真正去設(shè)計(jì)一個(gè)閃屏?xí)r，才真正體會(huì)到《設(shè)計(jì)心理學(xué)2：與復(fù)雜共處》中的一個(gè)概念：實(shí)物的復(fù)雜性是平衡的，某方面更簡(jiǎn)單，某方面就會(huì)更復(fù)雜。
本文食譜：
- 閃屏作用
- 舉例說(shuō)明
- 閃屏設(shè)計(jì)實(shí)操
閃屏的作用
閃屏產(chǎn)生之初，是因?yàn)楫?dāng)用戶(hù)點(diǎn)擊一個(gè)應(yīng)用后，應(yīng)用打開(kāi)會(huì)有一個(gè)加載過(guò)程，而這個(gè)過(guò)程中程序一直處于“加載中”狀態(tài)，這個(gè)默認(rèn)的界面當(dāng)然對(duì)用戶(hù)是不友好的，為了讓用戶(hù)明白自己已經(jīng)打開(kāi)了應(yīng)用， 并且“舒適的等待”，應(yīng)用會(huì)使用一張默認(rèn)圖代替加載過(guò)程，而有些應(yīng)用為了讓自己看起來(lái)加載的更快些，會(huì)機(jī)智采用一張首頁(yè)框架圖~
由于閃屏的大量使用，針對(duì)閃屏的設(shè)計(jì)也應(yīng)運(yùn)而生，從體驗(yàn)角度講，盡快打開(kāi)APP才是正確的處理方法，所以很多APP選擇上述做法，加載一張首頁(yè)的框架圖，給用戶(hù)“已經(jīng)進(jìn)去了”的感覺(jué)；還有一些APP選擇在這一頁(yè)展示自己的Logo和Slogan，樹(shù)立品牌印象，提升用戶(hù)認(rèn)知；再有就是無(wú)恥的在閃屏頁(yè)上加個(gè)廣告，雖然會(huì)給出“跳過(guò)”按鈕，這種做法還是很糟糕~
最后總結(jié)起來(lái)：閃屏終究是為用戶(hù)服務(wù)的，以何種形式展現(xiàn)，能給用戶(hù)和企業(yè)帶來(lái)舒適或收益就是好的。
各種類(lèi)型APP會(huì)采用什么形式的閃屏
舉幾個(gè)例子簡(jiǎn)單說(shuō)說(shuō)：
1、一些工具類(lèi)或者系統(tǒng)自帶的APP，會(huì)使用一張應(yīng)用首頁(yè)的框架圖，例如iOS的計(jì)算器，閃屏是一張沒(méi)有數(shù)字鍵的計(jì)算機(jī)圖片，這樣看起來(lái)就是，我直接打開(kāi)了計(jì)算器，但按鍵里的數(shù)字稍后才出現(xiàn)！
一般需要立即使用， 不被打擾的應(yīng)用會(huì)使用此模式，也就是說(shuō)“工具型”比較喜歡用。
2、一些體積較大，不一定能迅速打開(kāi)的應(yīng)用，會(huì)使用Logo和Slogan來(lái)樹(shù)立品牌印象，如bilibili，QQ，微信等等。
只放Logo和Slogan不放廣告是很舒服的，一般用在以個(gè)人為中心的垂直社交平臺(tái)（打開(kāi)過(guò)程中不想受打擾，而且一旦打開(kāi)會(huì)一直運(yùn)行很久），還有一些比起廣告更注重品牌印象的APP中。
3、一些開(kāi)放性平臺(tái)會(huì)在閃屏處開(kāi)一個(gè)廣告位，這個(gè)東西一直是我很討厭的，就算它們給出了“跳過(guò)”。
像微博之類(lèi)的開(kāi)放平臺(tái)，以廣告為主要變現(xiàn)手段，所有每一寸土地都可以考慮做成廣告位（污），這時(shí)候權(quán)衡利潤(rùn)和體驗(yàn)，當(dāng)然可以大膽放上廣告，只要給出“跳過(guò)”讓用戶(hù)感覺(jué)到可操控性，再加以良好的設(shè)計(jì)，就可以盡可能的減輕用戶(hù)的反感。
如何設(shè)計(jì)閃屏
親手設(shè)計(jì)一個(gè)展示Logo和Slogan，有時(shí)候還會(huì)嵌入廣告的閃屏（SplashScreen）
1.確認(rèn)需求如題
2. 梳理流程
3、設(shè)計(jì)邏輯中各動(dòng)作的時(shí)間點(diǎn)
- 與服務(wù)器通訊確定是否有廣告需要時(shí)間
- 加載廣告需要時(shí)間
- 廣告展示時(shí)長(zhǎng)
- 獲取廣告超時(shí)時(shí)間（總不能網(wǎng)絡(luò)不好時(shí)候讓用戶(hù)一直等廣告）
4、如此就設(shè)計(jì)出了一個(gè)微博類(lèi)型的帶廣告閃屏，下面展示部分PRD：
5、這次也是爬了幾個(gè)坑，有兩點(diǎn)需要特殊說(shuō)明下：
- 閃屏終究是為用戶(hù)服務(wù)，能盡快進(jìn)入應(yīng)用才是王道（iOS設(shè)計(jì)規(guī)范之一）
- 注重邊界和邏輯
作者：浚弘，擁有無(wú)窮腦洞的新鮮產(chǎn)品人。新浪微博@獅魚(yú)子，微信-tianyu2680058，歡迎小伙伴們找上門(mén)~
本文由 @浚弘 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
10分鐘設(shè)計(jì)閃屏？鬧呢 腦第。你知道有的閃屏需要點(diǎn)擊嗎？你剛才畫(huà)的那個(gè)流程 是不是又要優(yōu)化了？如果閃屏的位置只有一個(gè)，在這一個(gè)閃屏的空間中，同時(shí)把多個(gè)閃屏內(nèi)容發(fā)給多個(gè)用戶(hù) 你知道怎么做嗎？比如每個(gè)用戶(hù)地市看到的閃屏是不一樣的？不知道了吧，腦第 好好學(xué)習(xí)去吧！
關(guān)于提目，建議你多看看新媒體運(yùn)營(yíng)的書(shū)，至于后邊的，閃屏不是廣告，你需要知道閃屏是什么，建議研讀下人機(jī)交互指南。 ?
感覺(jué)閃屏的功能用在節(jié)假日或者各種突發(fā)事件里面會(huì)顯得比較好，商業(yè)的話感覺(jué)要是太商業(yè)化也不好，別人看多了就會(huì)有一種厭倦的感覺(jué)。閃屏?xí)r間的設(shè)置一般設(shè)置多久以?xún)?nèi)比較好，樓主給我解答下 ??
兩種情況：
一是閃屏上不放廣告或者提示時(shí)，時(shí)間以應(yīng)用加載時(shí)間為準(zhǔn)，一旦應(yīng)用加載好了，就立刻進(jìn)去~
二是閃屏上放廣告或者提示時(shí)，時(shí)間以能讓用戶(hù)了解你想推送的內(nèi)容為準(zhǔn)，這個(gè)你可以多找一些人來(lái)看看你的閃屏內(nèi)容，觀察他們需要幾秒能理解，同時(shí)別忘了給出“跳過(guò)”按鈕~
請(qǐng)問(wèn)你的PRD是用什么制作的?
用Axure啊，公司沒(méi)有交互設(shè)計(jì)人員，Axure可以方便的把交互設(shè)計(jì)和PRD一起完成，比較有效率~
謝謝
作為一個(gè)產(chǎn)品，不能帶著自己的情緒和個(gè)人情感去評(píng)價(jià)一個(gè)功能，閃屏加廣告是為了商業(yè)變現(xiàn)，能變現(xiàn)何嘗不去這樣做呢？
感謝評(píng)論，歡迎加微信交流。
你說(shuō)的沒(méi)錯(cuò)，我在第一段的總結(jié)中有做客觀的評(píng)價(jià)，同時(shí)我設(shè)計(jì)的閃屏也有廣告（淚奔）。
第一段最后一行：
“最后總結(jié)起來(lái)：閃屏終究是為用戶(hù)服務(wù)的，以何種形式展現(xiàn)，能給用戶(hù)和企業(yè)帶來(lái)舒適或收益就是好的?！?br /> 不過(guò)閃屏廣告這東西在用戶(hù)體驗(yàn)角度講是不可取的，盡快進(jìn)入應(yīng)用才是正確的做法，國(guó)內(nèi)APP一是有自己的習(xí)慣，二是開(kāi)發(fā)實(shí)力不足以讓軟件快速加載完畢，推薦研究下蘋(píng)果官方的設(shè)計(jì)規(guī)范還有多玩玩國(guó)外的優(yōu)秀APP，很多設(shè)計(jì)跟隨潮流是需要的，但也要客觀的明白多角度上的“好”與“壞”。
一般在哪里看國(guó)外的app排行
把AppStore切到國(guó)外去，然后看排行，或者翻墻看Google Play也很好，墻外的APP和墻內(nèi)的無(wú)論是設(shè)計(jì)還是盈利模式都是兩個(gè)世界，非常有意思~