最近一直在花時間琢磨各種各樣的app「妇В看得多了哮缺，對于如何設(shè)計(jì)app有了一些自己的小心得，準(zhǔn)備針對app的常見模塊總結(jié)下自己的想法甲喝，以加深學(xué)習(xí)效果尝苇。
今天從app的啟動頁開始。
一埠胖、什么是啟動頁糠溜？
每個做產(chǎn)品的聊起來啟動頁都頭頭是道，但究竟什么啟動頁很少有人能夠給一個定義直撤。多數(shù)時候在解釋不清楚的時候非竿，我們會打開一個app，然后指著啟動頁說“喏谋竖，這就是啟動頁”红柱。贊，漂亮地解決了問題圈盔。但在這里我還是想要說下啟動頁的定義豹芯。因?yàn)椋瑥亩x中我們可以看出一個東西的根本驱敲，有利于我們討論如何設(shè)計(jì)它。
啟動頁的定義：
當(dāng)應(yīng)用程序被用戶打開時宽闲，在程序啟動過程中被用戶所看到的過渡頁面（或動畫）都被我們統(tǒng)稱為啟動頁众眨。由于啟動頁在每次打開應(yīng)用時都會出現(xiàn)，并且往往停留很短的時間容诬，就像閃現(xiàn)的效果一樣娩梨，所以也有人把啟動頁稱之為閃屏。
以上這段定義是參考了網(wǎng)絡(luò)上對啟動頁的各種描述后的總結(jié)览徒，沒找到標(biāo)準(zhǔn)的定義或系統(tǒng)設(shè)計(jì)官方的定義（ios人機(jī)交互指南里頁沒能搜索到）狈定。個人覺得還是比較靠譜的。
二习蓬、為什么要有啟動頁纽什？
由定義可以看出，啟動頁的作用在于過渡躲叼。也就是說芦缰，它是用戶啟動和真正能使用app功能的中間階段。那么枫慷，必然地让蕾，時間盡可能地短成為了啟動頁的基本要求浪规。讓用戶盡快用上功能才是王道啊。OK探孝，既然應(yīng)該讓用戶最快地使用app的功能笋婿，為什么不能沒有啟動頁呢。當(dāng)然顿颅，這是一種非常好的想法萌抵，ios人機(jī)交互指南也提到了：
“Start Instantly
It’s often said that people spend no more than a minute or two evaluating a new app. When you make the most of this brief period by presenting useful content immediately, you pique the interest of new users and give all users a superior experience.
快速啟動
常言說，人們至多花一兩分鐘來判斷一個新應(yīng)用元镀。當(dāng)你能夠在最短的時間內(nèi)向用戶展現(xiàn)有用的內(nèi)容時绍填，你就勾起了新用戶的興趣，同時能夠給所用用戶一種卓越的體驗(yàn)栖疑。
As much as possible, avoid displaying a splash screen or other startup experience. It’s best when users can begin using your app immediately.”
因此讨永，要盡可能地避免展現(xiàn)一個啟動頁或其它啟動體驗(yàn)。讓用戶立即用上你的應(yīng)用是最好的遇革。
摘錄來自: Apple Inc. “iOS Human Interface Guidelines”卿闹。?
但是，理想很豐滿萝快，現(xiàn)實(shí)很骨感啊《亡現(xiàn)實(shí)中，產(chǎn)品啟動過程中多數(shù)時候是需要一定的時間的揪漩，特別大型的app旋恼，如繪圖軟件或是游戲，啟動的時間都相對較長奄容。此時冰更，如果不給予用戶合理的反饋，就會讓用戶覺得：
1.app是卡死昂勒、奔潰了蜀细？還是出什么問題了？
2.界面難看死了戈盈，一看就知道不是啥好app奠衔。比如啟動頁是一個進(jìn)度條。
因此塘娶，理論上啟動頁應(yīng)該是一種不存在事物归斤，但卻成為了一種合理的事物。
三血柳、怎么設(shè)計(jì)啟動頁官册？
既然啟動頁不可避免，那么就應(yīng)該設(shè)計(jì)好它难捌，以給用戶盡量好的體驗(yàn)膝宁。在這里要強(qiáng)調(diào)一句鸦难，從某種意義上說啟動頁是一種不得已的選擇。因此员淫，個人的觀點(diǎn)是：1.應(yīng)用設(shè)計(jì)上合蔽，要讓啟動頁展現(xiàn)的時間要盡可能地短。2.由于展現(xiàn)時間短介返，啟動頁的設(shè)計(jì)要盡可能地簡單拴事。
以下是幾種常見的啟動頁設(shè)計(jì)模式：
1.設(shè)計(jì)與主界面相似的圖片，給用戶快速啟動的感覺圣蝎。
這是ibooks的啟動頁刃宵。當(dāng)我們在主屏幕上點(diǎn)擊應(yīng)用程序圖標(biāo)時會立即顯示這個啟動圖像。真正啟動后界面會把書展現(xiàn)出來徘公。但由于啟動頁和真實(shí)界面上非常相似牲证，會讓你有啟動了的錯覺，好像應(yīng)用啟動很快关面。
這種啟動頁設(shè)計(jì)方式好像越來越少了坦袍。
2.使用應(yīng)用logo和slogan作為主元素，傳遞品牌信息等太。
當(dāng)然捂齐，也有更狠的，只放一個logo缩抡，更加簡潔奠宜。但本質(zhì)是相同的。這種模式目前比較普遍缝其。
3.使用意境化啟動頁挎塌，引起情感上的共鳴
這種模式的重點(diǎn)在于情感共鳴，其實(shí)設(shè)計(jì)難度是最大的内边。建議沒有必然的信心就別嘗試了。
4.使用廣告圖片待锈，賺錢或宣傳其他漠其。
這種模式簡直了。不知道該說啥竿音。而且和屎，很多時候，為了能夠讓用戶看到廣告圖片春瞬。app在設(shè)計(jì)上就故意給啟動頁留了幾秒的時間柴信。這完全讓啟動頁變味兒了。完全不推薦宽气。除非你不在乎用戶體驗(yàn)或你的應(yīng)用是網(wǎng)易新聞這種級別的随常，那你強(qiáng)奸用戶我也沒啥好說的潜沦。
5.動畫。
這種模式以前見過绪氛，但一下子沒找到合適的唆鸡。不貼圖了。同上一種模式一樣枣察，個人完全不推薦這種模式争占。完全違背了啟動頁的初衷。屬于強(qiáng)奸用戶序目。
四臂痕、如果我來設(shè)計(jì)啟動頁，那么：
1.在應(yīng)用設(shè)計(jì)時猿涨，讓啟動頁展現(xiàn)的時間要盡可能地短握童。
2.使用應(yīng)用logo和slogan作為主元素，簡單有效地傳遞品牌信息嘿辟。要知道舆瘪，很多公司為了讓自己的logo和slogan能夠出現(xiàn)在用戶面前，不斷加深用戶對自己的印象红伦，往往花費(fèi)成百上千萬只為讓其在種種場景下出現(xiàn)英古。所以，在自家的應(yīng)用上就不要浪費(fèi)了昙读。每一次啟動都是一次印象的加深召调，都是增加粘性的機(jī)會。
3.從始至終蛮浑，盡量用同一個啟動頁唠叛。理由同第二條。
4.始終記住啟動頁只是一個過渡沮稚，過渡就意味著應(yīng)該快艺沼、不重要，沒必要花費(fèi)太多的精力在設(shè)計(jì)上（一次就夠了）蕴掏。
完障般。
預(yù)告：接下來會寫一寫引導(dǎo)頁。
最近對粉絲數(shù)比較在乎盛杰，歡迎關(guān)注挽荡！
我的文章也會在微信公眾號中更新，大家可以關(guān)注公眾號“iamyueshanqiu”來訂閱即供。
