現(xiàn)如今，移動(dòng)端app快速發(fā)展，每天都有大量的新商品出現(xiàn)，它們?cè)诮鉀Q用戶新型需求的同時(shí)也產(chǎn)生了很多新型界面，設(shè)計(jì)師應(yīng)該做好準(zhǔn)備面臨這一挑戰(zhàn)，一直保持創(chuàng)新精神，從啟發(fā)中迸發(fā)靈感。

今天先整理一下APP常規(guī)都需要哪些頁(yè)面。

1. 啟動(dòng)頁(yè)

是用戶打開APP時(shí)看到的第一個(gè)界面，它們通常很簡(jiǎn)潔，往往是一個(gè)logo、app的名稱或者是這個(gè)產(chǎn)品的一句slogan，呈現(xiàn)在用戶眼前。

為了確保啟動(dòng)頁(yè)在各個(gè)不同分辨率的屏幕上適配良好，UI視覺(jué)設(shè)計(jì)師們常常會(huì)把它們放在屏幕的中間位置或者底部位置。

2. 引導(dǎo)頁(yè)

引導(dǎo)頁(yè)是APP可能提供給新用戶的一組介紹產(chǎn)品功能、特性以及優(yōu)點(diǎn)的界面，它們?cè)谟脩羰状问褂玫臅r(shí)候加載。幫助用戶熟悉它的控件和對(duì)應(yīng)功能，讓用戶更好更快的上手使用，并且?guī)椭脩襞袛噙@款軟件是否有用。引導(dǎo)頁(yè)的文案也是十分重要的，它應(yīng)該是簡(jiǎn)短的、有幫助的并且具有可讀性。

3.首頁(yè)菜單欄

首頁(yè)是每個(gè)app必不可少的界面，在app中起承上啟下的作用，它是用戶與app產(chǎn)生交互的主要界面。

首頁(yè)的設(shè)計(jì)取決于產(chǎn)品的類型，它包含各種各樣常見的重要組件。首先，首頁(yè)通常包含搜索欄或者搜索icon，可以幫助用戶很方便的搜索他們需要的內(nèi)容。

同時(shí)，因?yàn)槭醉?yè)是用戶通往app各個(gè)功能的起點(diǎn)，它通常包含導(dǎo)航欄，讓用戶可以訪問(wèn)到不同的單元模塊。

4. 登錄和個(gè)性化設(shè)置界面

許多app都要求用戶注冊(cè)登錄自己的個(gè)人賬號(hào)，所以每一個(gè)設(shè)計(jì)師都應(yīng)該知道怎么樣來(lái)設(shè)計(jì)登錄界面，登錄界面應(yīng)該簡(jiǎn)潔清晰，以便用戶可以快速的進(jìn)入app。

個(gè)性化設(shè)置可以使app更加的適用于個(gè)人，并且可以幫助app為用戶提供最有效的數(shù)據(jù)信息。

同時(shí)，個(gè)性化設(shè)置數(shù)據(jù)也是所有社交網(wǎng)絡(luò)app的關(guān)鍵部分，它引導(dǎo)用戶進(jìn)入虛擬社區(qū)網(wǎng)絡(luò)，并且開始與其他人進(jìn)行分享。設(shè)計(jì)師的主要任務(wù)就是通過(guò)流暢的UX設(shè)計(jì)，使這一步驟盡可能的方便友好。

個(gè)性化設(shè)置界面應(yīng)該清晰明確，展示的信息數(shù)量應(yīng)該限制在一定范圍內(nèi)。否則整個(gè)界面看上去會(huì)很亂很復(fù)雜同時(shí)要時(shí)刻確保導(dǎo)航欄清晰可見，這樣用戶就不用花費(fèi)太多精力去摸索app。

最后，個(gè)性化設(shè)置界面的設(shè)計(jì)應(yīng)該以目標(biāo)受眾為主導(dǎo)，如果想要你的app滿足用戶的使用需求，那么用戶研究是必不可少的。

5. 數(shù)據(jù)統(tǒng)計(jì)界面

很多app都包含數(shù)據(jù)統(tǒng)計(jì)界面。它提供的數(shù)據(jù)越多，設(shè)計(jì)難度就越大。設(shè)計(jì)師需要確保所有的重要數(shù)據(jù)在屏幕上都是清晰可見并且有用的，曲線圖、比例尺和統(tǒng)一的icon可以使整個(gè)界面看上去很流暢、很整潔。

此外，數(shù)據(jù)統(tǒng)計(jì)界面需要為不同的數(shù)據(jù)劃分不同的區(qū)域，以方便用戶閱讀。

6. 日歷

事件app、待辦清單app和一些個(gè)人app都有日歷界面，取決于app的類型。日歷主要有這么幾種功能：提醒或者制定計(jì)劃。它的視覺(jué)風(fēng)格應(yīng)該符合用戶的心情和使用目的。

7.電商類app界面 產(chǎn)品列表頁(yè)

所有的電商平臺(tái)主要目的都是為了銷售產(chǎn)品，它的視覺(jué)設(shè)計(jì)對(duì)用戶的決策有很大的影響。產(chǎn)品列表是公司銷售的一系列商品。設(shè)計(jì)師的工作是設(shè)計(jì)一個(gè)可以吸引用戶并且鼓勵(lì)他們購(gòu)買商品的頁(yè)面。

移動(dòng)端的產(chǎn)品列表也可以像一些web端的電商平臺(tái)一樣，將產(chǎn)品類目放置在一個(gè)容器中，可以通過(guò)上滑來(lái)查看，一行中放置的產(chǎn)品數(shù)量應(yīng)該根據(jù)屏幕寬度來(lái)決定。

另一種展示產(chǎn)品列表的交互方式是水平滑動(dòng)，為了讓導(dǎo)航更加清晰明確。頁(yè)面中最后一個(gè)選項(xiàng)不應(yīng)該完全展示，這樣可以提示用戶滑動(dòng)的方向。

此外，產(chǎn)品的照片或者是插圖應(yīng)該是高清的，這樣用戶可以更好的了解他們要購(gòu)買的商品。產(chǎn)品列表界面應(yīng)該有一個(gè)行為召喚按鈕，用戶通過(guò)這個(gè)按鈕可以將商品添加到購(gòu)物車。這樣用戶就能從產(chǎn)品列表界面獲取到商品，不用再額外跳轉(zhuǎn)到特定的界面。

8. 產(chǎn)品詳情頁(yè)

界面是給那些想要進(jìn)一步的人，提供更多關(guān)于產(chǎn)品的信息，它用來(lái)展示產(chǎn)品的一些主要信息，以此來(lái)幫助用戶決定他們是否真的需要這個(gè)產(chǎn)品。

一般將產(chǎn)品的展示圖片放在屏幕上方，相關(guān)描述放在圖片下方。設(shè)計(jì)師可以將尺寸、材質(zhì)或者其他數(shù)據(jù)分成不同的模塊，以便用戶可以輕松的找到他們所需要的信息。

9. 確認(rèn)支付頁(yè)面

如今越來(lái)越多的人愿意使用智能手機(jī)線上支付，各大公司紛紛對(duì)這一環(huán)節(jié)開始加以重視，力求打造最便捷的支付體驗(yàn)。

支付是用戶購(gòu)買商品的最后一步，設(shè)計(jì)師的職責(zé)是讓用戶在使用的過(guò)程中感覺(jué)舒服。首先，確認(rèn)支付頁(yè)面的必有的部分是一個(gè)表單，用來(lái)填寫一些個(gè)人信息，諸如姓名、銀行卡賬號(hào)此類。

填寫信息類別取決于用戶在何地產(chǎn)生購(gòu)買行為。此外，至關(guān)重要的一點(diǎn)是讓用戶知道他個(gè)人信息是安全的。所以設(shè)計(jì)師必須通過(guò)一些視覺(jué)元素讓用戶知道這些信息不會(huì)被泄露出去，令他們安心。

可以使用一系列已經(jīng)約定俗成的icon，它們被賦予了特定意義，并且經(jīng)過(guò)了大公司的檢驗(yàn)。

10.  列表頁(yè)

人們常常使用各種各樣的社交軟件聊天或者瀏覽動(dòng)態(tài)，列表頁(yè)是一個(gè)連續(xù)不斷的頁(yè)面，包含用戶想要瀏覽的動(dòng)態(tài)或者其他消息。

實(shí)踐表明，移動(dòng)端的用戶喜歡快速的瀏覽列表頁(yè)，這就是為什么他們需要一個(gè)簡(jiǎn)潔清爽的視覺(jué)設(shè)計(jì)的原因，不要加載過(guò)多的視覺(jué)元素。

信息可以通過(guò)用戶滑動(dòng)屏幕，逐個(gè)呈現(xiàn)，確保導(dǎo)航欄清晰可觸，一屏中的最后一條信息應(yīng)該被部分顯示。

11.聯(lián)系人

聯(lián)系人列表已經(jīng)存在很久了，從最初的紙筆演變到今天的電子載體，它視覺(jué)風(fēng)格如此多變的一個(gè)主要原因是：想要幫助人們保存朋友或者其他重要聯(lián)系人的信息。

聯(lián)系人列表向用戶展示的聯(lián)系人應(yīng)該按照首字母排序，每一個(gè)聯(lián)系人都應(yīng)該是可觸的，點(diǎn)擊進(jìn)去后顯示電話號(hào)碼、E-mail之類的詳細(xì)信息，比如Skype、Messenger之類的聊天軟件。同時(shí)可以允許用戶上傳照片，幫助用戶更方便的搜索聯(lián)系人。

先到這里，持續(xù)更新~~~