1. 程式人生 > >APP界面設計與頁面布局的23條基本原則

APP界面設計與頁面布局的23條基本原則

es2017 引導 閱讀 http 技術分享 原則 dmi 區域 慣性

一個App的好與不好,很大部分取決於移動App頁面布局的合理性,優秀的布局顧名思義就是對頁面的文字、圖形或表格等進行排版、設計。

優秀的布局,需要對頁面信息進行完整的考慮,既要考慮用戶需求、用戶行為,也要考慮信息發布者的目標、目的。

對用戶行為的迎合和引導,有一些既有原則和方法,比如以下的22條基本原則,-----本文來自25學堂,by admin與個人知識點整理。

  1、用戶/組織的圖標(Logo)在所有頁面都處於同一位置。

  2、用戶所需的所有數據內容均按先後次序合理顯示

  3、所有重要選項都要在主頁顯示

  4、重要條目要始終顯示

  5、重要條目顯示在頁面的頂端中間位置

  6、必要的信息要一直顯示

  7、消息、提示、通知等信息均出現在屏幕上目光容易找到的地方

  8、確保主頁看起來像主頁(使主頁有別於其它二三級頁面)

  9、主頁的長度不宜過長

  10、APP的導航盡量采用底部導航的方式,菜單數目4-5個最佳

   技術分享

  11、每個APP頁面長度要適當

  12、在長網頁上使用可點擊的‘內容列表’

  13、專門的導航頁面要短小(避免滾屏,以便用戶一眼能瀏覽到所有的導航信息)

  14、優先使用分頁(而非滾屏),同時也可以提高當前頁面加載的速度;

  15、滾屏不宜太多(最多4個整屏)

  16、需要仔細閱讀理解文字時,應使用滾屏(而非分頁)

  17、為框架提供標題(註意:根據不同平臺而定,android:標題居中,ios:靠左側<)

  18、註意主頁中面板塊的高度

  19、將一級導航放置在左側面板(根據人的看東西習慣,習慣性從左到右,從上到下)

  20、避免水平滾屏

  21、文本區域的周圍是否有足夠的間隔

  22、各條目是否合理分類於各邏輯區,並運用標題將各區域進行清晰劃分

  23、註意整體App的風格顏色搭配

APP界面設計與頁面布局的23條基本原則