關(guān)于手機(jī)網(wǎng)站的布局，網(wǎng)上已經(jīng)有很多人發(fā)布過(guò)類(lèi)似的文章了，在這里，文匯軟件的小編通過(guò)查閱和多年的建站經(jīng)驗(yàn)總結(jié)下手機(jī)界面使用的布局，主要有以下幾種：
主導(dǎo)航
列表式
特點(diǎn)：
內(nèi)容從上向下排列，導(dǎo)航之間的跳轉(zhuǎn)要回到初始點(diǎn)，好比一條街上有理發(fā)店，飯店，你想從理發(fā)店到飯店，得先多理發(fā)店出來(lái)，才能進(jìn)入飯店。
優(yōu)點(diǎn)：
1、層次展示清晰
2、視覺(jué)流線(xiàn)從上向下，瀏覽體驗(yàn)快捷。
3、可展示內(nèi)容較長(zhǎng)的菜單或擁有次級(jí)文字內(nèi)容的標(biāo)題
陳列館式
特點(diǎn)：
布局比較靈活，設(shè)計(jì)師可以平均分布這些網(wǎng)絡(luò)，也可根據(jù)內(nèi)容的重要性不規(guī)則分布，相對(duì)列表式，其優(yōu)點(diǎn)在于同樣的高度下可放置更多的菜單，更具有流動(dòng)性，曝布流就屬于其中一種。
優(yōu)點(diǎn)：
1、直觀展現(xiàn)各項(xiàng)內(nèi)容
2、方便瀏覽經(jīng)常更新的內(nèi)容
九宮格
特點(diǎn)：
相比陳列館式，布局比較穩(wěn)定為一行三列式布局。
優(yōu)點(diǎn)：
1、清晰展現(xiàn)各入口
2、容易記住各入口位置，方便快速查找
選項(xiàng)卡式
特點(diǎn)：
導(dǎo)航一直存在，具有選中態(tài)，可快速切換到另一個(gè)導(dǎo)航。
優(yōu)點(diǎn)：
1、減少界面跳轉(zhuǎn)的層級(jí)
2、分類(lèi)位置固定
3、清楚當(dāng)前所在的入口位置
3、輕松在各入口間頻繁跳轉(zhuǎn)且不會(huì)迷失方向
4、直接展現(xiàn)最重要入口的內(nèi)容信息
旋轉(zhuǎn)木馬（輪播）
特點(diǎn)：
重點(diǎn)展示一個(gè)對(duì)象，通過(guò)手勢(shì)滑動(dòng)按順序查看更多
優(yōu)點(diǎn)：
1、單頁(yè)面內(nèi)容整體性強(qiáng)，聚焦度高
2、線(xiàn)性的瀏覽方式有順暢感、方向感
行為擴(kuò)展式
特點(diǎn)：
能在一屏內(nèi)顯示更多的細(xì)節(jié)，無(wú)需頁(yè)面的跳轉(zhuǎn)
優(yōu)點(diǎn)：
1、減少界面跳轉(zhuǎn)的層級(jí)
2、對(duì)分類(lèi)有整體性的了解
3、清楚當(dāng)前所在的入口位置
多個(gè)面板
特點(diǎn)：
能同時(shí)呈現(xiàn)比較多的分類(lèi)及內(nèi)容。
優(yōu)點(diǎn)：
1、減少界面跳轉(zhuǎn)的層級(jí)
2、對(duì)分類(lèi)有整體性的了解
3、分類(lèi)位置固定
4、清楚當(dāng)前所在的入口位置
圖表式
特點(diǎn)：
用圖表的形式直觀的呈現(xiàn)信息
優(yōu)點(diǎn)：
1、總體性強(qiáng)
2、直觀
次導(dǎo)航
抽屜式
特點(diǎn)：
突出核心功能，隱藏其它功能。
優(yōu)點(diǎn)：
1、不占用寶貴的屏幕空間，讓用戶(hù)首先能聚焦于內(nèi)容
2、導(dǎo)航的菜單項(xiàng)目不受數(shù)量限制，應(yīng)用的所有信息組織入口都可以加入到抽屜導(dǎo)航中
3、擴(kuò)展性強(qiáng)，配置靈活，一些常用的快捷操作功能和低層級(jí)界面入口也能直接放置進(jìn)抽屜導(dǎo)航中
超級(jí)菜單式
特點(diǎn)：
默認(rèn)具有選中態(tài)，導(dǎo)航/分類(lèi)比較多，可快速切換到另一個(gè)導(dǎo)航/分類(lèi)。
優(yōu)點(diǎn)：
1、層次展示清晰
2、瀏覽時(shí)產(chǎn)生流暢體驗(yàn)
3、可展示內(nèi)容較長(zhǎng)的標(biāo)題
4、可展示標(biāo)題的次級(jí)內(nèi)容
彈出式
特點(diǎn)：
沒(méi)有跳出感，適合內(nèi)容比較少和簡(jiǎn)單操作的呈現(xiàn)。
優(yōu)點(diǎn)：
1、在原有界面上進(jìn)行操作，不必跳出界面，體驗(yàn)比較連貫
2、在用戶(hù)需要的時(shí)候才顯示（重要提示除外），不主動(dòng)干擾
圖片輪盤(pán)式
特點(diǎn)：
節(jié)省空間，可使用箭頭，圓點(diǎn)或顯示不全的圖片告訴用戶(hù)還有更多的內(nèi)容可查看。
優(yōu)點(diǎn)：
1、查看更多內(nèi)容不必跳出界面，體驗(yàn)連貫。
2、節(jié)省空間。
其中，所有的主要導(dǎo)航都可以做為次級(jí)導(dǎo)航，但次級(jí)導(dǎo)航不太適合用作主要導(dǎo)航。為什么？因?yàn)榇螌?dǎo)航是隱藏起來(lái)，隱而不見(jiàn)、只有觸發(fā)時(shí)才顯示。
以上都是基本布局，在實(shí)際的設(shè)計(jì)中，我們可以像搭積木一樣組合起來(lái)完成復(fù)雜的界面設(shè)計(jì)，例如手游吧的頂部導(dǎo)航用的是選項(xiàng)卡，下面采用多面板的布局。
另外要考慮到各種布局的優(yōu)劣，并有最完美的布局，要考慮信息結(jié)構(gòu)、重要層次以及數(shù)量上的差異，提供最適合的布局，以增加產(chǎn)品的易用性和交互體驗(yàn)。
