移動應用程序隨著用戶的需求而發(fā)展，提供了新的功能，但是，許多應用程序都有常見的界面樣式，它們是本文的重點。

智能手機幾乎侵入了我們生活中的每一項活動。不同的應用程序可以幫助我們，讓生活更輕松，設計師的工作是創(chuàng)建滿足用戶需求的用戶界面，使體驗愉快和令人滿意。為了構建有效的UI，設計人員需要深入了解移動應用程序的特性，了解它們的組成部分和功能。如今，很難為任何應用程序區(qū)分一套標準的必要屏幕UI，因為移動行業(yè)正在快速發(fā)展，應用也是如此。我們的文章介紹了最常見和最受歡迎的移動屏幕類型，并展示了它們所需的設計功能。

常見頁面

啟動畫面

第一印象是影響用戶對移動應用程序的意見的關鍵點之一。當用戶體驗從與應用程序的交互一開始就很愉快時，它就會更有可能在用戶中更受歡迎。這就是為什么啟動畫面需要像其他任何移動應用程序屏幕一樣受到關注。

啟動畫面是用戶看到啟動移動應用程序的第一個圖像。它們通常是簡約的，并且提供產品的名稱，徽標或標語。為了確保閃屏在不同設備上看起來很好，設計師通常會將元素集中在屏幕中間。建議飛濺屏幕顯示不超過4-8秒，否則用戶可能會生氣。此外，顯示加載進度可能會很好，這樣不耐煩的用戶就可以知道應用程序何時啟動。

珠寶電子商務應用程序

入職教程界面

新手引導是一組屏幕，展示了應用程序可能為用戶帶來的移動應用程序，導航系統(tǒng)，功能和優(yōu)勢。對于首次啟動應用程序的用戶來說，他們似乎可以幫助他們在不熟悉的功能和控件中進行定位，并了解應用程序是否對他們有用。

應用教程的結構和內容對于每個特定項目都是高度個性化的。但是，入職設計存在一些共同傾向。首先，許多教程使用自定義插圖，以有吸引力且易于解碼的方式呈現(xiàn)特定功能或優(yōu)點。此外，設計師經常使用吉祥物，這是一個模仿與用戶進行真實交流并設置情感紐帶的角色。強大的副本對于入職也很重要。它應該簡短，有用且易讀。

海底世界百科全書 - 部分教程

主頁和菜單屏幕

主屏幕是任何應用程序的重要組成部分。在移動應用程序的上下文中，它是用戶與應用程序的大多數(shù)選項進行交互的主屏幕。主屏幕的設計取決于產品的類型，其目的仍然是一些不同類型的共同關鍵元素。首先，主屏幕通常包括搜索字段或按鈕，以便用戶可以輕松搜索他們需要的內容。此外，由于主屏幕是用戶旅程的起點，因此它通常包含提供對各種內容部分的訪問的導航元素。

家庭應用程序

為了使用戶交互更容易，移動應用程序包含一個菜單，其中包含用戶可以在一次單擊中移動到的可能方向列表。在移動應用程序中呈現(xiàn)菜單有兩種變體：它可以是主屏幕的一部分或單獨的屏幕。建議將菜單中的選項數(shù)保持在7以下，僅顯示重要部分。如果應用程序需要更多，則創(chuàng)建子類別可能是個好主意。

幻燈片菜單概念

登錄和配置文件屏幕

今天，許多應用程序為用戶創(chuàng)建個人帳戶，因此每個設計師都需要知道如何使用登錄和配置文件屏幕。登錄屏幕應該簡潔明了，以便用戶可以輕松訪問應用程序。通常有兩個字段，用戶可以在其中輸入其名稱和密碼以及確認按鈕。對于第一次使用該應用程序的用戶，始終必須有注冊選項。

配置文件使移動應用程序內的交互更加個性化，并允許有效地操作數(shù)據。此外，個人帳戶是任何社交網絡應用程序的關鍵部分，其涉及用戶進入網絡的虛擬社區(qū)并且能夠與其他人共享個人信息。設計師的主要任務是通過智能UX最大限度地提高便利性。根據交互設計基金會，第一點設計者應該考慮的是，配置文件頁面應該清晰使用。必須限制信息量，否則配置文件屏幕可能看起來太復雜。更重要的是，確保導航系統(tǒng)直觀是至關重要的。這樣，用戶就不必花費太多精力來解開應用程序。最后，配置文件屏幕設計應面向應用程序的目標受眾。如果您希望您的應用滿足用戶需求，則必須進行用戶調查。

約會應用

統(tǒng)計屏幕

各種應用程序包含用戶活動的統(tǒng)計信息。它提供的數(shù)據越多，創(chuàng)建統(tǒng)計屏幕的移動設計就越困難。設計人員需要確保能夠看到屏幕必須清晰可用的所有關鍵信息。圖形曲線，比例和原始圖標可以使統(tǒng)計屏幕在移動應用程序上看起來流暢和干凈。此外，統(tǒng)計屏幕需要不同的排版，以便用戶可以輕松讀取數(shù)據。

NGIN App

日歷

活動應用，待辦事項列表應用以及許多其他應用為用戶提供個人日歷。根據應用程序的類型，日歷可以完成某些功能，例如提醒或計劃。視覺風格應該適合移動應用程序的心情和目標。

Vibe日歷

電子商務屏幕

目錄屏幕

任何電子商務項目的主要目標是銷售產品。視覺呈現(xiàn)對用戶的決策有很大影響。目錄是公司出售的商品清單。設計師的工作是創(chuàng)建目錄，吸引用戶注意并鼓勵他們購買產品。移動應用程序中的產品列表可以類似于許多電子商務網站，其中的項目放置在catenas中，可以通過垂直滾動查看。一行中的產品數(shù)量根據屏幕寬度確定。

移動目錄中產品組織的另一種方法是具有水平滾動的行。為了使導航更直觀，水平行中的最后一項不應顯示在完整視圖中，以便讓用戶看到這是滾動的方向。此外，產品的照片或插圖應該是高質量的，以便用戶可以清楚地看到他們將要購買的東西。目錄屏幕應包括一個號召性用語按鈕，用戶可以通過該按鈕將項目添加到購物車。這樣，用戶就可以直接從目錄屏幕上獲取產品，而無需轉到此特定位置的頁面。

咖啡廳優(yōu)惠券應用程序

產品卡屏幕

此屏幕適用于想知道他們究竟購買什么的人。產品卡顯示有關商品的關鍵信息，幫助用戶決定是否需要產品。設計師專注于產品的照片，將其置于屏幕的中心。描述數(shù)據通常放在下面。設計人員可以將數(shù)據劃分為大小，材料或其他組，以便用戶可以輕松找到所需的信息。

珠寶電子商務應用程序

看看屏幕

今天，很多購買都是通過智能手機完成的，因此公司試圖讓移動購物流程變得前所未有的方便。結帳過程是用戶的最后一步在他們購買產品之前服用。設計師的任務是讓人們在采取這一步驟時感到舒適。結賬屏幕的第一個和其中一個基本部分是買方填寫特定個人數(shù)據（如信用卡的名稱和編號）的表格。所需信息的類型取決于用戶進行購買的資源。此外，對于人們來說，了解他們的個人數(shù)據是安全的很重要，因此設計師必須通過視覺元素向用戶保證他們的信息是安全的。它可以是副本中的標注，也可以是知名品牌的一些圖標，如果有的話，可以給予他們的批準，甚至可能是一些證書標志。

電影應用

社交屏幕

飼料

人們經常使用各種社交網絡應用程序進行通信，并關注它們周圍的新聞和更新。Feed是一個不斷變化的新聞和用戶選擇遵循的其他數(shù)據列表。實踐表明，移動用戶更喜歡通過Feed快速掃描，因此他們需要一個簡單明了的設計，不會因視覺細節(jié)而過載。新聞可以通過滾動逐一呈現(xiàn)。為了使導航更直觀，應該部分顯示下一條新聞。

時間線應用程序

往來

聯(lián)系人名單已經發(fā)展了很長時間。從紙質筆記到不同的數(shù)字變體，它在視覺上一直在變化，但仍然只提供一個目的：保存關于朋友和其他親密人物的關鍵數(shù)據。移動聯(lián)系人屏幕向用戶顯示按名稱按字母順序排序的聯(lián)系人數(shù)據列表。每個聯(lián)系人都應該是可點擊的，并提供詳細的數(shù)據，其中包括電話號碼，電子郵件，有時還包括Skype，Messenger等聯(lián)系人。此外，聯(lián)系信息提供了一張小照片，使搜索過程更容易。

聯(lián)系清單概念

音樂屏幕

播放列表

音樂愛好者喜歡為每個場合創(chuàng)建自己的播放列表。顯然，每個音樂應用程序都有義務為其用戶提供此類功能。播放列表屏幕在不同的應用程序上看起來類似：它是一個軌道列表，顯示歌曲，歌手或樂隊的名稱，以及音軌的長度。此外，設計師可以添加此曲目所屬的專輯的小圖像。如果歌曲沒有圖像，那么仍然應該有一個圖標，例如，帶有音符。

音樂應用

播放機

人們可以控制他們聽的內容以及他們如何通過播放器收聽。該功能允許使用易于識別的標準按鈕切換，停止和啟動軌道。該組通常位于屏幕底部的中央。屏幕的主要部分通常由附加的圖像拍攝。此外，有時候不是圖片，許多設計師將音樂可視化器應用為屏幕的中心部分。Visualizer是一個展示想象力和創(chuàng)造力的好機會，這對設計師來說總是很有啟發(fā)性。

ECHO應用程序

如今，出現(xiàn)了大量的移動應用程序，因此它們?yōu)橛脩魩淼男乱髱砹诵滦推聊?。設計師應該準備好接受這一挑戰(zhàn)并始終遵循創(chuàng)新。得到靈感！

翻譯整理文章不易，打賞個5毛錢吧！

推薦閱讀

2019年設計趨勢指南(全集）

網頁設計：Web內容的5種基本圖像類型

公眾號：設計攝影