面 設(shè)計(jì)布局的 22 條基本原則 移動(dòng) 面布局 (我們?cè)O(shè)計(jì) 面的時(shí)候，最主要的設(shè)計(jì)任務(wù)。 一個(gè) 好與不好，很大部分取決于移動(dòng) 面布局的合理性。下圖為 移動(dòng) 典布局界面欣賞，以首頁為例展示： 頁面布局顧名思義就是對(duì)頁面的文字、圖形或表格進(jìn)行排布、設(shè)計(jì)。 優(yōu)秀的布局，需要對(duì)頁面信息進(jìn)行完整的考慮。即要考慮用戶需求、用戶行為，也要考慮信息發(fā)布者的目的、目標(biāo)。 手機(jī) 計(jì)干貨：常見的 息布局方式 3 種 常見的界面設(shè)計(jì)布局模式和交互解析 對(duì)用戶行為的迎合和引導(dǎo)，有一些既有原則和方法，比如下面的 22 條基本原則： 1、公司 /組織的圖標(biāo)（ 所有頁面都處于同一位置。 2、用戶所需的所有數(shù)據(jù)內(nèi)容均按先后次序合理顯示。 3、所有的重要選項(xiàng)都要在主頁顯示。 4、重要條目要始終顯示。 5、重要條目要顯示在頁面的頂端中間位置。 6、必要的信息要一直顯示。 7、消息、提示、通知等信息均出現(xiàn)在屏幕上目光容易找到的地方。 8、確保主頁看起來像主頁（使主頁有別 于其它二三級(jí)頁面）。 9、主頁的長度不宜過長。 10、 導(dǎo)航盡量采用底部導(dǎo)航的方式。菜單數(shù)目 4最佳。 小白自學(xué) 面設(shè)計(jì)： 航交互設(shè)計(jì)全解 11、每個(gè) 面長度要適當(dāng)。 12、在長網(wǎng)頁上使用可點(diǎn)擊的 “內(nèi)容列表 ”。 13、專門的導(dǎo)航頁面要短小（避免滾屏，以便用戶一眼能瀏覽到所有的導(dǎo)航信息，有全局觀）。 14、優(yōu)先使用分頁（而非滾屏）。 15、滾屏不宜太多（最長 4 個(gè)整屏）。 16、需要仔細(xì)閱讀理解文字時(shí)，應(yīng)使用滾屏（而非分頁）。 17、為框架提供標(biāo)題。 18、注意主頁中面板塊的寬度。 19、將一級(jí)導(dǎo)航放置在左側(cè)面板。 20、避免水平滾屏。 21、文本區(qū)域的周圍是否有足夠的間隔。 22、各條目是否合理分類于各邏輯區(qū)，并運(yùn)用標(biāo)題將各區(qū)域進(jìn)行清晰劃分。 這些 面布局原則可以保證頁面在布局方面最基本的可用性。是非常適合 以上 22 條頁面布局的原則是與用戶的眼動(dòng)軌跡研究有關(guān)系的?？梢哉f是依據(jù)來源。 眼動(dòng)研究是隨著用戶體驗(yàn)的興起與技術(shù)設(shè)備的進(jìn)步，而興起的一種用戶研究方法。它是眼動(dòng)技術(shù)與研究方法的二合一，通過眼動(dòng)研究觀察被試者對(duì)移動(dòng)應(yīng)用頁面的注視軌跡，輔助完成用戶體驗(yàn)設(shè)計(jì)。 通過眼動(dòng)研究，不但可以完整地還原被試者在各 個(gè)頁面的注視軌跡，還可以通過劃分興趣區(qū)分析被試者在各區(qū)域內(nèi)容的關(guān)注度。 眼動(dòng)研究提供的信息不只是人們是怎