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

閃屏界面

第一印象對于一款APP來說極為重要。當用戶體驗從與應用程序的交互一開始就很愉快時，這款APP將更有機會受到用戶的歡迎，這就是為什么啟動畫面在UI界面中非常重要的原因。

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

引導頁

引導頁常常為用戶展示了APP的導航，功能以及優(yōu)勢等信息。對于首次啟動APP的用戶來說，教程界面也可以幫助他們了解app的各種功能和控件，并了解應用程序是否對他們有用。

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

首頁&菜單

- 首頁 -

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

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

- 菜單 -

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

登錄&個人資料界面

- 登錄界面 -

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

- 個人資料界面 -

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

設計師需要考慮的第一點就是個人資料頁一定要清晰易用，限制信息量，否則頁面可能看起來太復雜。更為重要的是，APP導航一定要直觀易懂，這樣用戶就不必花費太多精力來思考下一步怎么操作。最后，app的個人資料頁應該是針對特定目標群體，如果你需要app滿足用戶需求的話，那么必須做用戶調研。

統(tǒng)計界面

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

日歷界面

活動APP，待辦事項APP以及許多其他應用都為用戶提供日歷功能。根據(jù)應用的不同類型，日歷也需要具有特定的功能，例如提醒或計劃等。那么日歷的視覺風格就應該符合app的調性和目標。

電商界面

- 目錄界面 -

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

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

產(chǎn)品界面

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

支付頁面

現(xiàn)在大部分人的消費都是通過手機完成的，因此任何一家公司都希望讓支付流程變得更加簡單。設計師的任務就是讓人們在支付過程中感到舒適和便捷。支付頁面第一個也是最重要的一個部分就是個人信息表格，用戶需要根據(jù)購買的平臺不同填寫不同的個人信息，比如姓名，銀行卡號，賬戶密碼等。此外，對于用戶來說，個人數(shù)據(jù)安全是非常非常重要的，因此設計師必須通過視覺元素向用戶保證他們的信息是安全的。這些安全元素可以是一些標注，知名品牌授權的圖標，甚至也可以是一些證書圖標。

社交界面

- 動態(tài)消息流 -

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

- 通訊錄 -

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

音樂界面

- 播放列表 -

音樂愛好者喜歡為每個情景創(chuàng)建自己的播放列表。顯然，每個音樂應用程序都應該為用戶提供此類功能。不同app的播放列表界面都很相似：：一個音樂列表，顯示歌名，歌手名稱或樂隊名稱，和音樂的長度。此外，設計師還應該添加一個歌曲所屬的專輯的小圖像，如果沒有專輯信息，也應該有一個圖標，例如音符等。

- 播放器 -

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

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

～此文轉載，如有侵權，請聯(lián)系刪除