導語：近年來，全(quan)世界都(dou)紛紛投身(shen)網(wang)絡熱潮。從小(xiao)企業到(dao)大公司，再到(dao)網(wang)絡學(xue)(xue)校和大學(xue)(xue)，大家都(dou)在(zai)(zai)努力(li)(li)提升自(zi)己的(de)網(wang)絡影(ying)響力(li)(li)，這(zhe)樣既免費為自(zi)身(shen)品牌做廣告，又(you)讓品牌的(de)受(shou)眾范圍更廣。另一(yi)方面，隨著智能手機逐步普及，移(yi)動(dong)網(wang)站(zhan)所占比重逐年上升。因(yin)此在(zai)(zai)網(wang)站(zhan)設計(ji)時，移(yi)動(dong)網(wang)站(zhan)的(de)布局成了一(yi)個(ge)重頭戲。下文就(jiu)探討了移(yi)動(dong)網(wang)站(zhan)設計(ji)中(zhong)必(bi)須注(zhu)意的(de)重要(yao)方面和技術(shu)細(xi)節(jie)。

站長之家（CHINAZ.com）4月13日編譯：“移(yi)動(dong)網(wang)(wang)頁”是(shi)網(wang)(wang)站(zhan)設計中的重(zhong)要一環(huan)，隨著(zhu)(zhu)能訪(fang)問互聯(lian)網(wang)(wang)的手機逐步普(pu)及，因此(ci)，大家希(xi)望能隨時關(guan)注(zhu)自己喜愛的網(wang)(wang)站(zhan)。在本文中，我們將著(zhu)(zhu)重(zhong)探討(tao)網(wang)(wang)站(zhan)開發(fa)/設計人(ren)員在設計簡潔和專(zhuan)業的移(yi)動(dong)網(wang)(wang)站(zhan)時必(bi)須注(zhu)意的重(zhong)要方面(mian)和技術細節。

移動界面通常很(hen)小，因此開發人員必須對預定義好(hao)的尺寸進行調整。以下(xia)是一(yi)個(ge)非常基(ji)本的“移動網站”的布(bu)局。

布局

我們一(yi)起來看看不同(tong)元素在布局中的使用情況：

· 標志

標志(zhi)(zhi)是布(bu)局的核心之一。標志(zhi)(zhi)要盡可能做到(dao)引(yin)人注(zhu)目，但與此同(tong)時(shi)，應注(zhu)意它(ta)(ta)的尺寸，并(bing)確保(bao)它(ta)(ta)的大(da)小不(bu)會超過2KBs。因為，移動網絡載入圖片通常要花很長時(shi)間，你也不(bu)想因為個體差異(yi)而(er)使得自己的網站載入不(bu)完(wan)全。

· 網站導航

導航是設(she)計(ji)中最重要的(de)(de)事之一。不管怎樣，你(ni)都(dou)需要導航欄來鏈接到網(wang)站的(de)(de)各個位(wei)置，它的(de)(de)位(wei)置通(tong)常在網(wang)站頂部。你(ni)也明(ming)白，大多數移動設(she)備(bei)根本不便于使用QWERTY實體或虛擬鍵盤(pan)。因此，為網(wang)站創建導航是移動網(wang)站界(jie)面(mian)友好的(de)(de)一個關鍵環節(jie)。

· 內容

內(nei)(nei)容在移動網站(zhan)中占據著核心(xin)位置。人(ren)們用(yong)移動設備訪問網站(zhan)，最主要的(de)(de)目的(de)(de)就(jiu)是為了(le)獲(huo)取內(nei)(nei)容信(xin)息。所以(yi)要確(que)保你(ni)的(de)(de)移動網站(zhan)的(de)(de)內(nei)(nei)容不會有任(ren)何改變，否則，你(ni)最終可能將(jiang)面對用(yong)戶流失。

人們(men)(men)使用移動設備時(shi)，通(tong)常(chang)處于移動狀態(tai)，所以他們(men)(men)沒有太多時(shi)間來瀏覽網站內(nei)容(rong)。為(wei)此，你(ni)應該采取縮減(jian)內(nei)容(rong)的(de)措施，并選取內(nei)容(rong)中(zhong)有價值的(de)部分，與此同時(shi)，你(ni)要將(jiang)完整內(nei)容(rong)的(de)鏈接提供給用戶(hu)。如果你(ni)的(de)個人博客(ke)處于活(huo)躍狀態(tai)，你(ni)可以忽略這個問(wen)題(ti)，因為(wei)，你(ni)不會每天都去對每篇博文的(de)內(nei)容(rong)進行縮減(jian)。

我們都明白圖(tu)片(pian)在內容中的重要性。但(dan)是移動網站不(bu)宜使用(yong)過多圖(tu)片(pian)，因為，大部分(fen)手機載(zai)入這些圖(tu)片(pian)要花很長時間(jian)，所(suo)以盡可(ke)能地少用(yong)，如若上下文中涉及(ji)到(dao)相關(guan)圖(tu)片(pian)時，圖(tu)片(pian)則不(bu)可(ke)少。

如果你希望在移動網站上(shang)添加圖(tu)(tu)(tu)片(pian)(pian)，最好使(shi)用(yong)占(zhan)用(yong)空間小的.JPEG，.GIF，.PNG等(deng)圖(tu)(tu)(tu)片(pian)(pian)格式。為了避(bi)免用(yong)戶(hu)對(dui)圖(tu)(tu)(tu)片(pian)(pian)進行縮(suo)放，一定要對(dui)圖(tu)(tu)(tu)片(pian)(pian)進行壓縮(suo)。現在幾乎所有(you)的設備(bei)都能顯示(shi)圖(tu)(tu)(tu)片(pian)(pian)，但(dan)是，有(you)些(xie)用(yong)戶(hu)可能在瀏覽時(shi)會(hui)關閉圖(tu)(tu)(tu)片(pian)(pian)顯示(shi)。因此，推(tui)薦(jian)大家(jia)用(yong)ALT替換(huan)文(wen)本顯示(shi)圖(tu)(tu)(tu)片(pian)(pian)信息。一些(xie)讀者(zhe)(zhe)或訪問者(zhe)(zhe)會(hui)放大圖(tu)(tu)(tu)片(pian)(pian)，為了避(bi)免這種情(qing)況，圖(tu)(tu)(tu)片(pian)(pian)的尺寸必(bi)須固定。

· 頁腳：

老話說得好：“看男(nan)人不能(neng)(neng)只看它的(de)衣服，要看它的(de)鞋(xie)”。許多網站的(de)頁腳做得非(fei)(fei)常(chang)爛。我經(jing)常(chang)逛博客(ke)和營銷網站，看到頁腳放慢了雜亂的(de)超鏈(lian)接，我跟大多數人對此都非(fei)(fei)常(chang)厭(yan)惡，再加(jia)之，移動網站的(de)屏(ping)幕尺(chi)寸小(xiao)，這就可能(neng)(neng)造成(cheng)客(ke)戶或讀(du)者(zhe)流失。所以，制作吸(xi)引人的(de)頁腳非(fei)(fei)常(chang)有必要。

所以，如果你(ni)希望你(ni)的應用程序/網站的移動界面大(da)獲全勝，你(ni)就(jiu)應該把重心(xin)放在布局上(shang)面，做到零(ling)錯誤，因為用移動設備進行網頁瀏覽將(jiang)會是未(wei)來(lai)發(fa)展的大(da)趨勢。