前一段時(shí)間給大家總結了“APP UI的設計結構”，希望已經(jīng)對你們有所幫助。今天我們就摘取其中的閃屏頁(yè)(也就是APP設計啟動(dòng)頁(yè) launch image)部分，詳細的說(shuō)說(shuō)關(guān)于它的一些內容，對你有所幫助的話(huà)，希望大家可以繼續關(guān)注我的后續文章~
OK，言歸正傳，我們先整體看一下閃屏頁(yè)的大致類(lèi)型：
(聲明：以下圖片來(lái)源于應用截圖，僅作為學(xué)習交流使用)
一、常規閃屏
為什么叫常規閃屏？因為這類(lèi)閃屏比較普通，我沒(méi)有想到什么更專(zhuān)業(yè)的詞匯，暫且就叫常規閃屏吧。這類(lèi)閃屏的使用國內的和國外有點(diǎn)不同，因為按照蘋(píng)果官方的說(shuō)法是，用戶(hù)打開(kāi)應用能立即使用是最好的體驗，例如系統自帶的一些應用，是沒(méi)有閃屏的；再甚者閃屏最好就是讓用戶(hù)感覺(jué)不到，和首頁(yè)能有一個(gè)完美的融合和過(guò)渡，這種體驗也很棒，國外的instagram、facebook等就是使用這種設計，閃屏長(cháng)得很像首頁(yè)，更像是一張加載類(lèi)的占位符。
當然，因地制宜，國內的我們已經(jīng)習慣了閃屏作為App品牌的宣傳和推廣手段，一般由logo+名稱(chēng)+slogan+品牌色組成，界面還是相對簡(jiǎn)潔明了的，但還是很明顯的違背了蘋(píng)果官方的指導說(shuō)法，但是沒(méi)辦法，這就是商業(yè)需要。這樣設計也有利處，可以減少用戶(hù)在打開(kāi)App時(shí)的焦慮感，也可以讓用戶(hù)更直觀(guān)的了解品牌，傳遞一些情懷、理念，多看一次閃屏，也是讓用戶(hù)強化品牌記憶的過(guò)程，只是不知道是好的記憶點(diǎn)還是壞的，就要我們自己斟酌了。
二、廣告閃屏
廣告閃屏，顧名思義就是產(chǎn)品本身為了進(jìn)行流量變現從而獲得盈利，給一些商家打廣告或者進(jìn)行合作設計的一類(lèi)閃屏，這是無(wú)可厚非的，不過(guò)廣告閃屏自帶被“嫌棄”屬性，應該很多用戶(hù)看到這類(lèi)閃屏的心理是比較排斥的，至少對我來(lái)說(shuō)，我是很少關(guān)注這類(lèi)閃屏，除非閃屏設計的非常的酷炫，我愿意多看一下，否則的話(huà)我就想立刻把它關(guān)掉，所以在這類(lèi)閃屏上加上“倒計時(shí)(loading)和跳過(guò)”就顯得很必要,并且“跳過(guò)”的位置也要方便用戶(hù)點(diǎn)擊。這類(lèi)閃屏最好只出現每天第一次打開(kāi)App時(shí)，避免讓用戶(hù)厭煩。不管出于何種目的，都需要在商業(yè)利益和用戶(hù)體驗之間保持一個(gè)平衡，不然用戶(hù)會(huì )流失的很快，用戶(hù)流失了，何談?dòng)亍?/span>
另外廣告閃屏和下面要說(shuō)的活動(dòng)閃屏一樣，會(huì )有一個(gè)模板：底部是閃屏圖片，上面蓋上一層logo模板。App啟動(dòng)時(shí)會(huì )從服務(wù)器拉取閃屏數據，本地會(huì )保存logo模板。如果服務(wù)器更新了閃屏數據會(huì )拉取數據進(jìn)行展示，如果沒(méi)有更新或是網(wǎng)絡(luò )不佳就會(huì )默認展示緩存的閃屏數據，以免發(fā)生卡頓現象，以保證流暢的用戶(hù)體驗。
三、活動(dòng)閃屏
活動(dòng)閃屏和廣告閃屏有點(diǎn)類(lèi)似，出于產(chǎn)品運營(yíng)方面的需要，它起到活動(dòng)宣傳的作用，每年的雙十一、雙十二期間，各大電商App的閃屏都會(huì )用到活動(dòng)閃屏，還有一些商家自己造的一些節日：品牌周、年貨節、會(huì )員日、狂歡周...相信大家已經(jīng)見(jiàn)怪不怪了。
近期我留意到一個(gè)問(wèn)題，就是我們在使用App時(shí)，經(jīng)常會(huì )在應用之間進(jìn)行切換使用，如果我們從其他應用再次返回時(shí)，最好不要再加載一次閃屏，會(huì )給用戶(hù)很不好的用戶(hù)體驗，目前使用下來(lái)，淘寶、天貓等這類(lèi)主流應用都有這種問(wèn)題，但是我想這應該他們有意為之。
四、節日閃屏
每逢一些節假日，各大品牌都會(huì )推出一些當日的閃屏，那么為什么要設計節日閃屏？我覺(jué)得有幾點(diǎn)原因：長(cháng)期看常規閃屏，用戶(hù)很容易會(huì )有視覺(jué)上的一種疲勞，節日閃屏會(huì )給用戶(hù)一種不經(jīng)意的驚喜和新鮮感；可以蹭一蹭節日的熱點(diǎn)，提升產(chǎn)品本身的品牌調性；在節日給用戶(hù)以問(wèn)候和關(guān)懷，和用戶(hù)在情感上產(chǎn)生共鳴，從而更好的連接用戶(hù)和產(chǎn)品，我想這應該是最重要的原因。
節日閃屏比較吸引用戶(hù)的注意力，它不像廣告類(lèi)閃屏，我看見(jiàn)這類(lèi)閃屏就會(huì )忍不住的多瞅幾眼，所以設計這類(lèi)閃屏的時(shí)候要非常重視，因為用戶(hù)愿意等待，這是非常求之不得的，這就需要設計師具有比較強的表現能力了。我們在設計的時(shí)候可以先進(jìn)行思維上的發(fā)散，或者是逆向思維之類(lèi)的，比如春節將近，我們可以聯(lián)想到是什么，理清一個(gè)思緒，要有節日的氛圍，可以活潑、可愛(ài)、夸張...切忌呆板。
我記憶中這類(lèi)閃屏大部分是使用插畫(huà)類(lèi)的手法比較多，這是我個(gè)人觀(guān)點(diǎn)，或許是我對這種手法記憶比較深刻，如果不是，請不要噴我~
五、大版本升級閃屏
在App進(jìn)行了大版本升級后，要向用戶(hù)展示產(chǎn)品新功能的操作方法。這類(lèi)閃屏也可以稱(chēng)為引導頁(yè)，頁(yè)面數量控制在3-5頁(yè)，每一頁(yè)都有一個(gè)對應的主題，主題要精簡(jiǎn)，切忌文字過(guò)多；而且每一頁(yè)設計形式要類(lèi)似，否則會(huì )給用戶(hù)一種視覺(jué)落差感；頁(yè)面上要加上“跳過(guò)”功能，因為用戶(hù)更希望盡快體驗新版本，而不是看你的這些教導；在最后一頁(yè)要加上類(lèi)似“立即體驗”的button。
六、閃屏設計的幾種形式
1、極簡(jiǎn)類(lèi)
這種形式就是上面所說(shuō)的國內常規閃屏，品牌色+logo+名稱(chēng)+slogan，這類(lèi)閃屏占據大多數，因為相對簡(jiǎn)潔明了，就不多贅述了。
2、插畫(huà)類(lèi)
這種形式會(huì )給我們傳遞一種溫暖的感受，容易引起共鳴感，可以喚起我們某個(gè)時(shí)間段的回憶，比如可能會(huì )喚起你小時(shí)候和小伙伴一起穿開(kāi)襠褲的日子，哈哈~開(kāi)個(gè)玩笑。插畫(huà)手法用的比較多的是肌理插畫(huà)、手繪插畫(huà)、2.5D插畫(huà)、漸變插畫(huà)等，這幾類(lèi)手法都比較流行。
3、動(dòng)圖&小視頻
有一些App功能采用的是動(dòng)圖或者小視頻作為閃屏，比如早期的uber更新新logo時(shí)，啟動(dòng)頁(yè)是采用的動(dòng)圖閃屏；早期的快的打車(chē)采用小視頻作為閃屏。另外現在還有一些輕閱讀類(lèi)App的閃屏在顯示完常規閃屏后還會(huì )展示出和產(chǎn)品調性相關(guān)的圖片閃屏，并且圖片會(huì )變大后再進(jìn)入首頁(yè)，以突出產(chǎn)品的文藝氣息。使用這類(lèi)手法的時(shí)候，一定要三思，首先難度較大，而且因為用戶(hù)每次打開(kāi)應用都會(huì )看一次，早晚會(huì )失去新鮮感，并且對網(wǎng)絡(luò )環(huán)境也有要求，有可能會(huì )出現卡頓情況。
4、和產(chǎn)品調性相關(guān)的圖片
為了和用戶(hù)產(chǎn)生情感上的共鳴，很多App使用和產(chǎn)品調性相匹配的圖片作為閃屏，最為熟悉的就屬微信閃屏了，前一段時(shí)間微信換閃屏的熱點(diǎn)已經(jīng)刷爆朋友圈，相信大家已經(jīng)關(guān)注到了。這類(lèi)閃屏要能突出產(chǎn)品本身的調性，否則謹慎使用，風(fēng)險較大。
一般閃屏只有3秒鐘，一閃而過(guò)，好的閃屏設計會(huì )讓用戶(hù)忍不住多看幾眼，如果你設計的閃屏能讓用戶(hù)關(guān)掉App再看一次，那你就厲害了~
來(lái)源：UI中國
