APP界面布局"小經驗"
APP界面布局設計是APP設計中非常重要的一環,合理的運用APP界面布局會讓APP的界面顯得很清晰美觀。那么常見的APP界面布局有哪些呢?
①頂部導航。整個的應用的導航在頂部,用戶通過左右滑動來切換不同的導航選項卡,主內容區域將是一個動態面板。當用戶點擊導航條目或者左右滑動手指的時候,就切換主內容區域的動態面板的狀態。
②標簽式導航。具有多個主要功能劃分的應用都采用了這個方式;適合3~5個導航菜單,核心功能比較突出,也能夠以很直觀的方式通知用戶。
③抽屜式。抽屜式布局是指導航隱藏在左側或者右側,用戶通過滑動拖拽的方式,像打開抽屜一樣將導航部分拖出。這種布局適合主內容較多,不希望菜單欄占據固定位置消耗空間的應用程序。
④九宮格式。九宮格其實不一定是九個格,可以根據需要靈活地調整。九宮格布局的特點就是直觀,所有的功能一目了然。
⑤下拉列表式。在這種布局中菜單默認是隱藏的,用戶點擊后滑出,有點兒類似于抽屜布局,不過一般是上下滑動的。
⑥異形。在這類布局中,會采用一些非常規的菜單來進行導航,例如:圓形的導航盤、飛出式菜單等。
⑦分級菜單。多層級的菜單這種設計適合與項目很多但是每個項目的內容比較簡單的界面應用,例如:聯系人、地址等。推薦閱讀:界面設計的理智與情感!
1、公司/組織的圖標(Logo)在所有頁面都處于同一位置。
2、用戶所需的所有數據內容均按先后次序合理顯示。
3、所有的重要選項都要在主頁顯示,重要條目要始終顯。
5、重要條目要顯示在頁面的頂端中間位置。
6、必要的信息要一直顯示。
7、消息、提示、通知等信息均出現在屏幕上目光容易找到的地方。
8、確保主頁看起來像主頁(使主頁有別于其它二三級頁面)。
9、主頁的長度不宜過長。
10、APP的導航盡量采用底部導航的方式。菜單數目4~5個最佳。
11、每個APP頁面長度要適當。
12、在長網頁上使用可點擊的“內容列表”。
13、專門的導航頁面要短小,避免滾屏,以便用戶一眼能瀏覽到所有的導航信息。
14、優先使用分頁(而非滾屏)。
15、滾屏不宜太多(最長4個整屏)。
16、需要仔細閱讀理解文字時,應使用滾屏(而非分頁)。
17、為框架提供標題。
18、注意主頁中面板塊的寬度。
19、將一級導航放置在左側面板
20、避免水平滾屏。
21、文本區域的周圍是否有足夠的間隔。
22、各條目是否合理分類于各邏輯區,并運用標題將各區域進行清晰劃分。推薦:UI圖標設計基礎(視頻教程)