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

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

常見的app的界面設(shè)計具體有哪些類型,app的界面設(shè)計的幾大原則是什么?

Time: 2020-12-31

現(xiàn)在大家手機里一定都有很多類型的APP吧。不同的APP內(nèi)容不同,設(shè)計布局也不一樣。常見的app的界面設(shè)計具體有哪些類型呢?app的界面設(shè)計的幾大原則是什么?今天就讓小編為大家介紹。

  app的界面設(shè)計的布局有哪些類型

  1、頂部導(dǎo)航

  整個的應(yīng)用的導(dǎo)航在頂部,用戶通過左右滑動來切換不同的導(dǎo)航選項卡,主內(nèi)容區(qū)域?qū)⑹且粋€動態(tài)面板。當(dāng)用戶點擊導(dǎo)航條目或者左右滑動手指的時候,就切換主內(nèi)容區(qū)域的動態(tài)面板的狀態(tài)。該布局適合新聞等有很多列表內(nèi)容的應(yīng)用。

  2、標(biāo)簽式導(dǎo)航

  微信等具有多個主要功能劃分的應(yīng)用都采用了這個方式;適合3~5個導(dǎo)航菜單,核心功能比較突出,也能夠以很直觀的方式通知用戶(比如,使用類似微信一樣的數(shù)字通知來告訴用戶某個導(dǎo)航下面有多少內(nèi)容更新)。

app的界面設(shè)計

app的界面設(shè)計(圖片來自網(wǎng)絡(luò))


  3、抽屜式

  抽屜式布局是指導(dǎo)航隱藏在左側(cè)或者右側(cè),用戶通過滑動拖拽的方式,像打開抽屜一樣將導(dǎo)航部分拖出。這種布局適合主內(nèi)容較多,不希望菜單欄占據(jù)固定位置消耗空間的應(yīng)用程序;但是缺點在于用戶需要一個明顯的提示來發(fā)現(xiàn)導(dǎo)航。

  4、九宮格式

  九宮格其實不一定是九個格,可以根據(jù)需要靈活地調(diào)整。九宮格布局的特點就是直觀,所有的功能一目了然;缺點是在不同的導(dǎo)航之間切換的時候,經(jīng)常要回到首頁。

  5、下拉列表式

  在這種布局中,菜單默認(rèn)是隱藏的,用戶點擊后滑出,有點兒類似于抽屜布局,不過一般是上下滑動的。

  6、異形

  在這類布局中,會采用一些非常規(guī)的菜單來進行導(dǎo)航,如圓形的導(dǎo)航盤,類似滴滴打車那樣的飛出式菜單等。

  7、分級菜單

  多層級的菜單這種設(shè)計采用與項目很多,但是每個項目的內(nèi)容比較簡單的應(yīng)用,如聯(lián)系人、地址等。

app的界面設(shè)計

app的界面設(shè)計(圖片來自網(wǎng)絡(luò))


  app的界面設(shè)計的幾大原則

  1、設(shè)計一致原則

  一款A(yù)PP不論是界面外觀、設(shè)計的元素以及設(shè)計的結(jié)構(gòu)等都應(yīng)該保持一致,界面內(nèi)部功能性的圖標(biāo)也要與外觀相一致,有一個完整的效果,這樣能夠讓用戶更快速地認(rèn)識這款A(yù)PP。

  2、設(shè)計簡潔原則

  界面設(shè)計要簡潔,我相信這是每個UI設(shè)計師在設(shè)計中最重要的原則。各種復(fù)雜的裝飾已經(jīng)不再適合這個快節(jié)奏的時代,一個簡潔的設(shè)計才更能夠讓用戶集中注意力,不會影響用戶的操作。

  3、界面視覺平衡原則

  當(dāng)去使用一個APP的時候第一點就是視覺的吸引,只有先在視覺上引起注意才能夠讓用戶接受信息,這時候視覺的平衡原則就是一個很好的體現(xiàn),需要將有用的信息落在用戶最佳視線范圍內(nèi),各個功能模塊以及布局都要合理才行。

  4、用戶體驗度原則

  以用戶為中心,在人機交互設(shè)計時注重用戶的體驗?zāi)軌蚴褂脩魧τ贏PP有更高的參與度和體驗度。

  以上就是小編為大家介紹的關(guān)于app的界面設(shè)計的相關(guān)內(nèi)容。界面是APP最直觀的表現(xiàn),也是最接近用戶的版塊,界面設(shè)計是否合理,使用是否順暢,關(guān)系到用戶體驗。


合作咨詢

上海(總部)

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

辦公地址地圖

北京

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

辦公地址地圖

成都

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

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

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