1. APP界面設計有哪些基本的類型?

    2021-04-08 16:58發布

    26條回答
    有點好奇
    2樓 · 2021-04-08 18:57

    啟動頁

    導航頁

    登錄和個人信息界面

    統計界面

    目錄界面等


    只愛泡泡的哆啦A夢呀
    3樓 · 2021-04-08 19:27

    一、聚合類

    聚合類多見于APP的首頁,用于功能入口的聚合展示。例如京東和得到APP將很多功能聚合在首頁,用戶可以在首頁找到想要功能入口,點擊就能進入該功能模塊。聚合類相當于分流的作用,用戶打開APP,進入首頁,再通過首頁的各個功能入口進入到其他的頁面。

    在設計聚合類頁面的時候,根據用戶的需求和產品功能的優先級進行排列,將優先級高的功能入口放在靠前的位置。?

    二、列表類

    列表類是APP常見的頁面類型,目的是展示同類別的信息,供用戶篩選。雖然我們將這類頁面命名為列表頁,但是其展示形式是多樣的,可以是列表的形式、也可以是網格的形式、還可以是卡片的形式。它們的本質都是展示多條信息,供用戶選擇。?

    當設計列表頁時,應根據展現信息的不同特點選擇恰當的展示形式(列表型、網格型、卡片型),或者干脆提供多種瀏覽方式來供用戶選擇,淘寶京東的商品列表頁既提供了列表和網格兩種展示方式。同時要將用戶關心的維度放在列表中展示出來(如標題、圖片、銷量、價格等),用戶會根據這些維度的信息來進行選擇,從而決定要不要點擊進入下級頁面。

    三、內容類

    打開APP進入京東首頁(聚合頁),搜索電腦進入搜索結果頁(列表頁),在列表頁看中了蘋果,點擊進入商品詳情頁,即內容頁。內容頁是用來展示具體信息的頁面,設計內容頁的時候,應注重用戶的閱讀體驗,盡量提供沉浸式的環境,將不必要的信息暫時隱藏。如果涉及到工具欄,可以考慮將工具欄放在頁面下方而不是上方。?

    四、功能類

    第四類可以稱為功能類,即為了完成某個功能而存在的頁面,常見的有搜索頁面;發布狀態頁面;收貨信息的填寫頁面等等,為了完成某種特定的功能。?


    小哥
    4樓 · 2021-04-09 09:00

    有啟動畫面、引導頁、主頁和菜單界面、登錄和個人信息界面、統計界面、日歷、目錄界面、商品信息界面、結算界面、即時資訊、聯系人、播放列表、播放器頁面。

    呂老師哈哈
    5樓 · 2021-04-09 09:01

    1.單色調

    2.多色彩

    3.信息數據可視化

    4.卡片化設計

    5.feed流設計

    6.圓形與多邊形妙用

    7.大視野、立體、透視等效果背景圖運用


    一、閃屏頁

    每次打開app時第一眼看到的就是閃屏頁(又稱啟動頁),該頁面承載了用戶對這款app的第一印象,因此對設計的要求是很考究的。閃屏頁給用戶觀看的時間很短,通常只有一秒的時間,因此,如何在這么短的時間內表達出產品的定位就是設計師需要重點考慮的問題。

    二、引導頁

    一個好的app引導頁能夠迅速抓住使用者的眼球,讓他們快速了解app的價值和功能,起到很好的引導作用。有一句話是這么說的:“優秀的ui可以造就app的點擊率”。

    三、浮層引導頁

    浮層引導頁一般出現在功能操作提示中,是為了能夠讓用戶在使用過程中更好地解決問題而提前設計的用戶教育。這種引導頁的浮層通常以手繪表現方式為主,會使用箭頭和圓圈來進行設計,并用高亮的顏色來突出信息,同時采用蒙版方式來加強突出功能。

    IT學習
    7樓 · 2021-04-09 09:20

    豎排列表。復視覺上整齊美觀制,常用于并列元素的展示,包括目錄、分類、內容等。

    橫排方塊。把并列元素橫向顯示的一種布局。常見的工具欄,TAB,Coverflow 等都采用這種布局。

    九宮格。TAB、多面板、彈出框。

    手風琴。用戶點擊分類可展開顯示二級內容,在不用的時候,內容是隱藏的??沙休d比較多的信息,同時保持界面簡潔。

    抽屜/側邊欄。抽屜也是將內容先藏起來,在需要時再展開。

    標簽。在搜索界面和分類界面時,會采用標簽的方式來展現。標簽方式比較動感的,增加了應用的趣味性,但使用場景有限。


    寂靜的楓林
    8樓 · 2021-04-09 09:37

    有啟動畫面、引導頁、主頁和菜單界面、登錄和個人信息界面、統計界面、日歷、目錄界面、商品信息界面、結算界面、即時資訊、聯系人、播放列表、播放器頁面。

    貓的想法不敢猜
    9樓 · 2021-04-09 09:37

    常見界面

      啟動畫面

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

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

      引導頁

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

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

      主頁和菜單界面

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

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

      登錄和個人信息界面

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

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

      統計界面

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

      日歷

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

    ui設計app
     

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


     

      電商界面

      目錄界面

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

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

      商品信息界面

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

      結算界面

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

      社交界面

      即時資訊

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

      聯系人

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

      音樂界面

      播放列表

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

      播放器

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

    ui設計app
     

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

    來源于網絡僅供參考

    日日摸夜夜添夜夜添无码,free性欧美极度另类,超清中文乱码字幕在线观看,真人美女两腿张开露PP图片