雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

ui設計app界面類型有哪些?基本界面類型有幾種

Time: 2021-02-26

UI設計是非常重要的一個工作,在界面設計過程中需要考慮到很多問題,其中界面類型選擇也是很重要的,這就需要對此弄清楚,那么ui設計app界面類型有哪些?下面一起看下吧。
 

  常見界面

  啟動畫面

  影響用戶對app的認知和看法最關鍵的是第一印象,如果用戶體驗和app交互從一開始就非常愉快,那么這款app在用戶中就更受歡迎。所以,在設計時,啟動畫面需要跟其它頁面一樣重要。

  啟動畫面是用戶看到啟動app后的第一個畫面。它們通常是簡約的,而且展示出產(chǎn)品的名稱,logo或產(chǎn)品的標語。為了確保啟動畫面在不同設備上看起來都很好,設計人員通常會將元素集中在屏幕中間。建議啟動畫面的顯示不超過4-8秒,否則用戶可能會不開心。此外,顯示加載進度可能會很好,這樣沒有耐心的用戶就可以知道app何時啟動。

  引導頁

  引導頁(Onboarding tutorial)是一組界面,展示了app可能為用戶帶來的功能和特點。對于首次啟動應用程序的用戶來說,似乎可以幫助他們在不熟悉的功能和控件中進行定位,并了解app是否對他們有用。

  應用引導頁的結(jié)構和內(nèi)容對于每個特定程序都是高度個性化的。但是,引導頁的設計存在一些共同傾向。首先,許多引導頁使用自定義插畫,不僅有吸引力而且容易理解,用戶一看就知道其功能和特點。此外,設計師還會使用吉祥物,這是一個模仿與用戶進行真實交流并帶有情感紐帶的角色。另外,文字對于引導頁也很重要, 敘述文字應該簡短,有用且易讀。

  主頁和菜單界面

  主屏幕是任何一款app都需要的重要組成部分。在很多app中,主頁是大多數(shù)用戶與app交互的主要界面。主屏幕的設計取決于產(chǎn)品的類型和功能。不過,不同類型的app之間也有一些相同的組件。首先,主屏幕通常包括搜索字段或按鈕,以便用戶可以輕松搜索他們需要的內(nèi)容。此外,由于主屏幕是用戶使用的起點,因此它通常包含提供對各種內(nèi)容部分的訪問的導航元素。

  為了使用戶交互更容易,移動應用包含一個菜單,可以讓用戶點擊后直達到特定的內(nèi)容。在移app中呈現(xiàn)菜單有兩種方式:一是主界面的一部分,二是單獨的一個界面。建議將菜單中的選項數(shù)保持在七個以下,僅顯示重要部分。如果app需要呈現(xiàn)更多菜單,可創(chuàng)建子類別。

  登錄和個人信息界面

  今天,許多app為用戶創(chuàng)建個人帳戶,因此每個設計師都需要知道如何設計登錄和個人信息界面。登錄界面應該簡潔明了,以便用戶可以輕松訪問app。通常有兩個輸入框,用戶可以在其中輸入名稱和密碼以及確認按鈕。對于第一次使用該應用程序的用戶,需要有注冊選項。

  個人信息頁使app內(nèi)的交互更加個性化。個人帳戶是任何社交網(wǎng)絡應用的關鍵部分,用戶進入網(wǎng)絡的虛擬社區(qū)并且能夠與其他人共享個人信息。設計師的主要任務是通過UX設計最大限度地提高便利性。根據(jù)Interaction Design Foundation的說法,設計者應該考慮以下幾點:個人資料頁應該清晰可見,必須限制信息量,否則個人資料頁可能看起來太復雜。更重要的是,確保導航清晰是至關重要的。這樣,用戶就不必花費太多精力來打開應用。最后,個人資料頁的設計應面向使用該應用的目標群體。如果您希望您的應用滿足用戶需求,則必須進行用戶調(diào)查。

  統(tǒng)計界面

  各種應用程序都包含用戶活動的統(tǒng)計信息。它提供的數(shù)據(jù)越多,創(chuàng)建統(tǒng)計界面的設計就越困難。設計人員需要確??吹降慕缑姹仨毲逦⑶野ㄋ锌捎玫年P鍵信息。圖形曲線,比例和原始圖標可以使統(tǒng)計界面在移動應用程序上看起來流暢和干凈。此外,統(tǒng)計界面需要不同的排版,以便用戶可以輕松讀取數(shù)據(jù)。

  日歷

  活動應用,待辦事項列表應用以及許多其他應用都需要為用戶提供日歷。根據(jù)app的類型,日歷可以完成某些功能,例如提醒或計劃。視覺風格應該匹配移動app的主題和目的。
 

ui設計app
 

ui設計app(圖片來自網(wǎng)絡)


 

  電商界面

  目錄界面

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

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

  商品信息界面

  商品信息界面顯示有關商品的關鍵信息,幫助用戶決定是否需要購買此產(chǎn)品。設計師專注于屏幕中心的照片,描述數(shù)據(jù)通常放在下面。設計人員可以將數(shù)據(jù)劃分為大小,材料或其他的分類,以便用戶可以輕松找到所需的信息。

  結(jié)算界面

  現(xiàn)在,很多購物都是在智能手機完成的,所有的公司都想讓讓移動購物流程變得前所未有的方便。結(jié)帳流程是用戶在購買產(chǎn)品之前的最后一步。設計師的任務是讓人們在采取這一步驟時感到舒適。 對于用戶來說,讓用戶了解他們的個人信息安全很重要,因此設計師必須通過視覺元素向用戶保證他們的信息是安全的。

  社交界面

  即時資訊

  人們經(jīng)常使用各種社交app進行通信,并關注它們周圍的新聞和更新。Feed是一個有新聞和用戶關注的信息流。實踐表明,移動用戶更喜歡通過Feed快速掃描信息,因此他們需要一個簡單明了的設計,不會因視覺上的細節(jié)而分散注意力。新聞可以通過滾動的方式逐一呈現(xiàn)。 為了使導航更直觀,應該顯示下一個新聞的一部分。

  聯(lián)系人

  通訊錄已經(jīng)發(fā)展了很長時間。 從紙質(zhì)筆記到不同的數(shù)字變體,它在視覺上一直在變化,但但是目的只有一個:保存關于朋友和其他親密人物的信息。通訊錄界面向用戶顯示名稱按字母順序排序的聯(lián)系人數(shù)據(jù)列表。每個聯(lián)系人都可以點擊進去,有詳細的數(shù)據(jù),其中包括電話號碼,電子郵件,有時還包括Skype,Messenger等聯(lián)系人。此外,聯(lián)系信息有一張小照片,使搜索過程更容易。

  音樂界面

  播放列表

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

  播放器

  這個功能可以使用易于看到的按鈕切換,停止和開始播放。播放器通常位于屏幕底部的中央。 屏幕的主要部分通常由圖片連接。此外,有時候,許多設計師將音樂可視化應用作為屏幕的中心部分。Visualizer是一個展示想象力和創(chuàng)造力的好機會,這對設計師有很大的啟發(fā)性。
 

ui設計app
 

ui設計app(圖片來自網(wǎng)絡)

 

  以上是小編為大家收集和整理的ui設計app界面類型介紹,相信大家在看完之后也清楚了吧,想要了解更多信息記得關注我們的網(wǎng)站。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開