APP可以幫助我們解決生活中的各種疑難雜癥，而UI設(shè)計(jì)師的工作就是創(chuàng)造出令人滿(mǎn)意的用戶(hù)界面。為此，設(shè)計(jì)人員通常需要深入了解移動(dòng)應(yīng)用程序的特性，了解它們的組成部分和功能。但隨著科技和生活方式的改變，現(xiàn)在已經(jīng)很難為任何一種APP區(qū)分出一套標(biāo)準(zhǔn)界面指南了。今天的文章就為大家介紹一下最常見(jiàn)和最受歡迎的UI界面，并為大家總結(jié)了它們所需的設(shè)計(jì)功能。

閃屏界面

第一印象對(duì)于一款A(yù)PP來(lái)說(shuō)極為重要。當(dāng)用戶(hù)體驗(yàn)從與應(yīng)用程序的交互一開(kāi)始就很愉快時(shí)，這款A(yù)PP將更有機(jī)會(huì)受到用戶(hù)的歡迎，這就是為什么啟動(dòng)畫(huà)面在UI界面中非常重要的原因。

閃屏界面是用戶(hù)看到的首個(gè)界面。它們通常非常簡(jiǎn)約，并且需要提供產(chǎn)品的名稱(chēng)，LOGO以及標(biāo)語(yǔ)。為了確保閃屏在不同設(shè)備上的呈現(xiàn)效果，設(shè)計(jì)師通常會(huì)將元素集中在屏幕中間。建議閃屏的顯示不超過(guò)2-3秒，否則用戶(hù)可能會(huì)不耐煩。此外，顯示加載進(jìn)度可能會(huì)很好，這樣不愿意等待的用戶(hù)就可以知道應(yīng)用程序何時(shí)啟動(dòng)。

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

引導(dǎo)頁(yè)常常為用戶(hù)展示了APP的導(dǎo)航，功能以及優(yōu)勢(shì)等信息。對(duì)于首次啟動(dòng)APP的用戶(hù)來(lái)說(shuō)，教程界面也可以幫助他們了解app的各種功能和控件，并了解應(yīng)用程序是否對(duì)他們有用。

雖然每款A(yù)PP的結(jié)構(gòu)和內(nèi)容都不盡相同，但引導(dǎo)頁(yè)的設(shè)計(jì)中則存在一些共同傾向。比如許多引導(dǎo)頁(yè)會(huì)選擇自定義插圖，以一種趣味的方式來(lái)表示特定的功能或優(yōu)勢(shì)。此外，設(shè)計(jì)師還經(jīng)常使用“吉祥物”，這是一個(gè)模仿與用戶(hù)進(jìn)行真實(shí)交流并設(shè)置情感紐帶的角色。另外，一個(gè)強(qiáng)有力的slogen提示對(duì)入門(mén)也很重要。提示應(yīng)該簡(jiǎn)短，并且具有可讀性。

首頁(yè)&菜單

- 首頁(yè) -

首頁(yè)是APP界面的重要組成部分，它承擔(dān)了與用戶(hù)的絕大部分交互。首頁(yè)的設(shè)計(jì)雖然取決于產(chǎn)品的類(lèi)型和用途，但關(guān)鍵的設(shè)計(jì)元素還是類(lèi)似的。

比如，首頁(yè)通常包括搜索框或按鈕，以便用戶(hù)可以輕松搜索到他們需要的內(nèi)容。此外，由于首頁(yè)是用戶(hù)旅程的起點(diǎn)，因此它還應(yīng)該具有導(dǎo)航元素，方便用戶(hù)可以訪(fǎng)問(wèn)不同的功能區(qū)域。

- 菜單 -

為了方便用戶(hù)交互體驗(yàn)，APP的菜單展示應(yīng)該包含了用戶(hù)可能點(diǎn)擊移動(dòng)的所有方向。在APP中有兩種菜單的呈現(xiàn)方式 ：一、它可以是首頁(yè)的一部分或單獨(dú)的頁(yè)面。建議菜單中的選項(xiàng)種類(lèi)不超過(guò)7種，僅顯示重要部分即可。二、如果APP需要更多的菜單選項(xiàng)，那么創(chuàng)建子類(lèi)別可能是個(gè)好主意。

登錄&個(gè)人資料界面

- 登錄界面 -

現(xiàn)在大部分的app都可以讓用戶(hù)自己創(chuàng)建賬號(hào)，因此每個(gè)設(shè)計(jì)師都應(yīng)該知道如何設(shè)計(jì)登錄和個(gè)人資料界面。登錄頁(yè)面應(yīng)該簡(jiǎn)潔明了，以便用戶(hù)可以輕松訪(fǎng)問(wèn)應(yīng)用程序，通常只需要用戶(hù)名稱(chēng)和密碼以及確認(rèn)按鈕。對(duì)于第一次使用該應(yīng)用程序的用戶(hù)，必須有注冊(cè)選項(xiàng)。

- 個(gè)人資料界面 -

個(gè)人資料界面會(huì)使APP內(nèi)的交互更加個(gè)性化，根據(jù)每個(gè)用戶(hù)的特征進(jìn)行有效的數(shù)據(jù)處理。此外，個(gè)人帳戶(hù)是任何社交網(wǎng)絡(luò)應(yīng)用程序的關(guān)鍵部分，決定了用戶(hù)是否能夠在能夠在虛擬社交群體中與其他人共享個(gè)人信息。在這里，設(shè)計(jì)師的主要任務(wù)就是通過(guò)智能UX最大限度地提高便利性。

設(shè)計(jì)師需要考慮的第一點(diǎn)就是個(gè)人資料頁(yè)一定要清晰易用，限制信息量，否則頁(yè)面可能看起來(lái)太復(fù)雜。更為重要的是，APP導(dǎo)航一定要直觀易懂，這樣用戶(hù)就不必花費(fèi)太多精力來(lái)思考下一步怎么操作。最后，app的個(gè)人資料頁(yè)應(yīng)該是針對(duì)特定目標(biāo)群體，如果你需要app滿(mǎn)足用戶(hù)需求的話(huà)，那么必須做用戶(hù)調(diào)研。

統(tǒng)計(jì)界面

很多APP都統(tǒng)計(jì)了用戶(hù)的活動(dòng)信息。它提供的數(shù)據(jù)越多，統(tǒng)計(jì)界面的設(shè)計(jì)就越難，因?yàn)樵O(shè)計(jì)師需要確保用戶(hù)能在界面上直觀且清晰的看到所有關(guān)鍵數(shù)據(jù)。但如果使用圖形曲線(xiàn)、比例、以及原始圖標(biāo)則可以使統(tǒng)計(jì)界面在APP上看起來(lái)格外流暢和干凈。此外，統(tǒng)計(jì)界面還需要不同的排版，以便用戶(hù)可以輕松讀取數(shù)據(jù)。

日歷界面

活動(dòng)APP，待辦事項(xiàng)APP以及許多其他應(yīng)用都為用戶(hù)提供日歷功能。根據(jù)應(yīng)用的不同類(lèi)型，日歷也需要具有特定的功能，例如提醒或計(jì)劃等。那么日歷的視覺(jué)風(fēng)格就應(yīng)該符合app的調(diào)性和目標(biāo)。

電商界面

- 目錄界面 -

任何一個(gè)電商APP的主要目標(biāo)都是銷(xiāo)售產(chǎn)品，所以視覺(jué)的呈現(xiàn)效果對(duì)用戶(hù)決策有著極大的影響，設(shè)計(jì)師的工作就是創(chuàng)造出吸引用戶(hù)并鼓勵(lì)他們購(gòu)買(mǎi)產(chǎn)品的目錄。App的產(chǎn)品列表可以與很多其他電商網(wǎng)站類(lèi)似，商品分類(lèi)放置，用戶(hù)可以垂直滑動(dòng)進(jìn)行查看，每一行中的產(chǎn)品數(shù)量根據(jù)屏幕寬度確定。

APP目錄中產(chǎn)品組織的另一種方法就是將商品水平滾動(dòng)放置。為了使導(dǎo)航更直觀，水平行中的最后一項(xiàng)不應(yīng)該顯示在完整視圖中，以便讓用戶(hù)發(fā)現(xiàn)滾動(dòng)的方向。此外，產(chǎn)品的照片或插圖應(yīng)該是高質(zhì)量的，以便用戶(hù)可以清楚地看到他們將要購(gòu)買(mǎi)的物品。目錄界面還應(yīng)包括一個(gè)購(gòu)物按鈕，用戶(hù)可以通過(guò)該按鈕直接將商品添加到購(gòu)物車(chē)中。這樣的話(huà)，用戶(hù)就可以直接從目錄界面挑選產(chǎn)品，而不需要一定要在某個(gè)特定頁(yè)面進(jìn)行購(gòu)買(mǎi)。

產(chǎn)品界面

產(chǎn)品界面是一件商品的詳細(xì)介紹頁(yè)面，所以它應(yīng)該顯示商品的所有關(guān)鍵信息，以幫助用戶(hù)決定是否需要該產(chǎn)品。設(shè)計(jì)師們通常會(huì)將產(chǎn)品圖片置于屏幕最中心，產(chǎn)品描述放在下方，還可以將商品描述以材質(zhì)、型號(hào)等數(shù)據(jù)分組，以便用戶(hù)輕松找到所需的信息。

支付頁(yè)面

現(xiàn)在大部分人的消費(fèi)都是通過(guò)手機(jī)完成的，因此任何一家公司都希望讓支付流程變得更加簡(jiǎn)單。設(shè)計(jì)師的任務(wù)就是讓人們?cè)谥Ц哆^(guò)程中感到舒適和便捷。支付頁(yè)面第一個(gè)也是最重要的一個(gè)部分就是個(gè)人信息表格，用戶(hù)需要根據(jù)購(gòu)買(mǎi)的平臺(tái)不同填寫(xiě)不同的個(gè)人信息，比如姓名，銀行卡號(hào)，賬戶(hù)密碼等。此外，對(duì)于用戶(hù)來(lái)說(shuō)，個(gè)人數(shù)據(jù)安全是非常非常重要的，因此設(shè)計(jì)師必須通過(guò)視覺(jué)元素向用戶(hù)保證他們的信息是安全的。這些安全元素可以是一些標(biāo)注，知名品牌授權(quán)的圖標(biāo)，甚至也可以是一些證書(shū)圖標(biāo)。

社交界面

- 動(dòng)態(tài)消息流 -

人們經(jīng)常會(huì)使用社交應(yīng)用關(guān)注一些新聞和更新消息。動(dòng)態(tài)消息流會(huì)持續(xù)變化地展示新聞和一些其它用戶(hù)關(guān)注的內(nèi)容。實(shí)踐表明，移動(dòng)端用戶(hù)更加傾向于快速瀏覽動(dòng)態(tài)信息流，因此他們需要一個(gè)簡(jiǎn)單明了的設(shè)計(jì)方式，不會(huì)因視覺(jué)細(xì)節(jié)而過(guò)載。新聞可以通過(guò)滾動(dòng)逐一呈現(xiàn)，為了使導(dǎo)航更直觀，下一條新聞應(yīng)該選擇部分顯示，以提示用戶(hù)還有下一部分內(nèi)容。

- 通訊錄 -

聯(lián)系人名單已經(jīng)發(fā)展了很長(zhǎng)時(shí)間。從紙質(zhì)筆記到不同的數(shù)字載體，它在視覺(jué)上也一直變化，但始終只有一個(gè)目的：保存關(guān)于朋友和其他親密人物的關(guān)鍵數(shù)據(jù)。手機(jī)通訊錄一直以姓名的字母順序進(jìn)行排序，每個(gè)聯(lián)系人都應(yīng)該是可點(diǎn)擊的，并提供詳細(xì)的數(shù)據(jù)，其中包括電話(huà)號(hào)碼，電子郵件，有時(shí)還包括Skype，Messenger等通訊信息。此外，通訊錄信息應(yīng)提供一張聯(lián)系人頭像，以便于搜索

音樂(lè)界面

- 播放列表 -

音樂(lè)愛(ài)好者喜歡為每個(gè)情景創(chuàng)建自己的播放列表。顯然，每個(gè)音樂(lè)應(yīng)用程序都應(yīng)該為用戶(hù)提供此類(lèi)功能。不同app的播放列表界面都很相似：：一個(gè)音樂(lè)列表，顯示歌名，歌手名稱(chēng)或樂(lè)隊(duì)名稱(chēng)，和音樂(lè)的長(zhǎng)度。此外，設(shè)計(jì)師還應(yīng)該添加一個(gè)歌曲所屬的專(zhuān)輯的小圖像，如果沒(méi)有專(zhuān)輯信息，也應(yīng)該有一個(gè)圖標(biāo)，例如音符等。

- 播放器 -

播放器界面應(yīng)該擁有易于識(shí)別的切換、暫停和啟動(dòng)按鈕，通常位于屏幕底部的中央。屏幕的主要部分通常由歌曲圖片占據(jù)。此外，許多設(shè)計(jì)師會(huì)將音樂(lè)視覺(jué)效果作為屏幕的中心部分，而不是圖片。音樂(lè)視覺(jué)效果是一個(gè)展示想象力和創(chuàng)造力的好機(jī)會(huì)，這對(duì)設(shè)計(jì)師來(lái)說(shuō)總是很有啟發(fā)性。

互聯(lián)網(wǎng)的不斷發(fā)展會(huì)讓更多的新型界面涌現(xiàn)，用戶(hù)需求也在不斷的更新變化，設(shè)計(jì)師們應(yīng)該準(zhǔn)備好迎接挑戰(zhàn)，在不斷的創(chuàng)新中得到啟發(fā)，加油哦~

～此文轉(zhuǎn)載，如有侵權(quán)，請(qǐng)聯(lián)系刪除