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