手機網(wǎng)站頁面布局
2017-05-13 09:02:08
手機頁面布局區(qū)別于pc端,會顯得簡潔。在日常編輯中,常用的布局方式有8種,下面就來一一描述一下。
1、列表式
列表式就是我們常見的信息羅列排序,就像我們經(jīng)常看到的門戶信息網(wǎng)站一樣,消息一條條羅列下來,顯得整齊有序。這種布局適合信息服務(wù)類網(wǎng)站,使其信息排列更有邏輯性。
2、陳列式
陳列館里,展品擺放下面會有一個專門的說明牌子,這種形式應(yīng)用到手機網(wǎng)站中就是我們說的陳列式布局。其實就是把圖片整齊擺放出來,再賦予關(guān)鍵詞簡介。這種布局實物展示。
3、旋轉(zhuǎn)木馬式
這種形式說的是把圖片或內(nèi)容放大到幾乎可以覆蓋整個頁面,然后通過上下或左右滑動來實現(xiàn)切換。這種布局那種需要直觀展示效果、真實性的網(wǎng)站。但前提是信息量要相對少一點,否則會加重加載負荷。
4、選擇卡式
這種方式指的是在頁面下面添加一個通用導航欄,常見于各大賣場,通過這些導航欄可以幫助訪客切換到網(wǎng)站其他版塊。這類布局適合信息量龐大,結(jié)構(gòu)復雜的網(wǎng)站。
5、九宮格式
與陳列式相似,只是分布上仿照九宮格或魔方,適合圖文相對少的網(wǎng)站。
6、行為擴展式
就是指將大量的內(nèi)容進行一個個分類,做成欄目后將欄目以列表方式排列,點擊就能展開。這類分布展示相對不太直觀,信息服務(wù)類的信息量大的網(wǎng)站。
7、多面板式
與列表式類似,不同的是在頁面左側(cè)增加一個分類項目,也就是把內(nèi)容進行分類后在分別放到各自欄目中??梢约尤胄D標,增加信息的區(qū)分度。
8、圖表式
以圖表為主要內(nèi)容的頁面,相對展示生硬的數(shù)字和缺乏想象力的描述而言,圖表更勝蒼白的言語。
關(guān)鍵詞:手機頁面布局 手機網(wǎng)站布局