手機網站頁面布局
2017-05-13 09:02:08

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