一直以來(lái)都想做一件事，就是把自己工作當(dāng)中所學(xué)到的東西和積累的經(jīng)驗(yàn)寫出來(lái)，分享給那些準(zhǔn)備入行UI或者已經(jīng)在路上的小伙伴，和我一起學(xué)習(xí)交流，共勉。網(wǎng)上對(duì)于UI的知識(shí)可算是多的不能再多了，但是沒(méi)有一個(gè)系統(tǒng)的歸類。鄙人懷揣著對(duì)這份職業(yè)的熱愛(ài)和執(zhí)著，決定把關(guān)于APP這方面的東西梳理出來(lái)，也當(dāng)做是對(duì)自己工作的總結(jié)，文中所闡述的觀點(diǎn)皆是鄙人個(gè)人自己的想法，如有不周全的地方，還請(qǐng)各位大神指點(diǎn)一二，（模塊的梳理會(huì)按照從淺到深，由近到遠(yuǎn)額原則來(lái)寫）設(shè)計(jì)本無(wú)界，無(wú)形便是界。
今天先來(lái)談?wù)凙PP的首席出場(chǎng)大師——啟動(dòng)頁(yè)
關(guān)于APP啟動(dòng)頁(yè)，也叫閃屏頁(yè)，網(wǎng)上并沒(méi)有給出一個(gè)具體的解釋，倒是IOS人機(jī)交互文檔給出了這樣的說(shuō)法：
IOS7 design fan: "as much as possible avoid using meaningless startup screen (welcome screen) or other similar boot experience." It is better for users to start using them immediately after starting your application."
iOS7設(shè)計(jì)范：“盡可能地避免使用無(wú)意義的啟動(dòng)畫面(歡迎畫面)或其他類似的啟動(dòng)體驗(yàn)。最好讓用戶在啟動(dòng)你的應(yīng)用之后可以立刻開(kāi)始使用。”
IOS9 design fan: avoid using flash screen or other boot experience as much as possible. It's best for users to start using them immediately after starting the application.
iOS9：盡可能避免使用閃屏或者其他啟動(dòng)體驗(yàn)方式。用戶能夠在啟動(dòng)應(yīng)用后立即開(kāi)始使用是最好不過(guò)的。
我們從IOS官方給出的設(shè)計(jì)規(guī)范可以看出，外國(guó)人對(duì)于啟動(dòng)頁(yè)的概念是越簡(jiǎn)潔越好，最好是給用戶一種輕量級(jí)的感覺(jué)，很自然的過(guò)度，能夠讓用戶快速進(jìn)入到應(yīng)用中去。但是我們國(guó)人卻不這么認(rèn)為，總覺(jué)得放著這么好的一個(gè)頁(yè)面不利用，那太對(duì)不起祖國(guó)對(duì)自己的栽培了，于是乎，各種啟動(dòng)頁(yè)面爭(zhēng)相異彩，出現(xiàn)在我們的視野中。
下載了大量的APP，經(jīng)過(guò)小編研究，總結(jié)出了以下四種APP啟動(dòng)頁(yè)的設(shè)計(jì)方式：
1.平庸規(guī)范型
這種類型也就是IOS官方給出的類型，盡量不要讓用戶去感知有“啟動(dòng)頁(yè)”的存在，而是自然而然的過(guò)渡到應(yīng)用中去。這種類型的APP一般是以首頁(yè)的背景截圖為基準(zhǔn)或者首頁(yè)部分截圖為導(dǎo)向進(jìn)行渲染，作為啟動(dòng)頁(yè)。由于現(xiàn)在智能手機(jī)性能的不斷提升，體積很小的APP會(huì)瞬間完成啟動(dòng)，這種設(shè)計(jì)方式可以讓人們產(chǎn)生一種錯(cuò)覺(jué)，啟動(dòng)頁(yè)和首頁(yè)十分相似，用戶以為是一個(gè)正在加載的狀態(tài)。以下是這類APP的截圖：
2.品牌推廣型
這種類型的啟動(dòng)頁(yè)一般會(huì)以“品牌LOGO+slogan”的形式來(lái)展現(xiàn)，不得不插上一句，腦子真是個(gè)好東西。在這個(gè)只有2~3秒的停留時(shí)間的頁(yè)面上來(lái)宣傳自己的品牌和口號(hào)無(wú)不是一種很好的推廣方式，有利于增強(qiáng)品牌認(rèn)知度，這種設(shè)計(jì)雖然看起來(lái)是最省心的一種，其實(shí)對(duì)設(shè)計(jì)要求很高，一定要注意色彩的把握和LOGO的設(shè)計(jì)，以及slogan的文案的選取，因?yàn)槟阋谟邢薜臅r(shí)間里讓用戶記住你的品牌，你就必須需要讓人眼前一亮的設(shè)計(jì)。以下是這類APP的截圖：
3.商業(yè)定制型
這類啟動(dòng)頁(yè)一般會(huì)緊跟在啟動(dòng)頁(yè)后邊（我習(xí)慣叫它偽類啟動(dòng)頁(yè)），利用這個(gè)頁(yè)面放一些商家廣告，賺取一些廣告費(fèi)，這種啟動(dòng)頁(yè)也是用戶最討厭的一種，因?yàn)樗绊懥擞脩趔w驗(yàn)，用戶想盡快進(jìn)到應(yīng)用里邊去感受APP的功能，而你卻偏偏在這浪費(fèi)用戶的時(shí)間，這樣很容易讓客戶產(chǎn)生焦慮感，為了防止客戶流失率，通常會(huì)在頁(yè)面右上角加上一個(gè)跳轉(zhuǎn)按鈕，一般會(huì)設(shè)置3~5秒的時(shí)間，用戶也可以手動(dòng)進(jìn)行跳轉(zhuǎn)。一般不建議采用這樣的做法，除非你像BAT那樣有一定量的用戶群體，否則就別以身試火。以下是這類APP的截圖：
4.情景感化型
這類啟動(dòng)頁(yè)的設(shè)計(jì)是利用一些大型節(jié)日或者是一些社會(huì)熱點(diǎn)來(lái)做素材，結(jié)合直擊人心的文案、配圖來(lái)渲染出一種情感化意境，以達(dá)成情感上的共鳴，一般采用插畫和文案的形式來(lái)呈現(xiàn)，所以對(duì)手繪要求比較高。以下是這類APP的截圖：
最后寫下對(duì)于啟動(dòng)頁(yè)設(shè)計(jì)的總結(jié)（個(gè)人觀點(diǎn)，不喜勿噴）：
1.至始至終都要記住，啟動(dòng)頁(yè)只是一個(gè)過(guò)渡作用，在設(shè)計(jì)時(shí)，一定要讓它的時(shí)間短。
2.啟動(dòng)頁(yè)只是一個(gè)緩解用戶等待進(jìn)入應(yīng)用的時(shí)間，消除用戶的焦慮感，沒(méi)有必要花費(fèi)太多的精力的這上邊。
3.如果非要利用這個(gè)頁(yè)面做些文章，那么推薦使用LOGO+ slogan的方式進(jìn)行設(shè)計(jì)，盡量采用簡(jiǎn)潔大方的手法凸現(xiàn)出來(lái)所要宣傳的品牌形象，不要過(guò)于復(fù)雜。
? ?感謝大家花費(fèi)時(shí)間來(lái)看小編寫的東西！
