導語：近年來，全世界都紛紛投身網絡熱潮。從小(xiǎo)企業到大(dà)公司，再到網絡學校和大(dà)學，大(dà)家都在努力提升自己的網絡影響力，這樣既免費(fèi)爲自身品牌做廣告，又(yòu)讓品牌的受衆範圍更廣。另一(yī)方面，随着智能手機逐步普及，移動網站所占比重逐年上升。因此在網站設計時，移動網站的布局成了一(yī)個重頭戲。下(xià)文就探讨了移動網站設計中(zhōng)必須注意的重要方面和技術細節。

站長之家（CHINAZ.com）4月13日編譯：“移動網頁”是網站設計中(zhōng)的重要一(yī)環，随着能訪問互聯網的手機逐步普及，因此，大(dà)家希望能随時關注自己喜愛的網站。在本文中(zhōng)，我(wǒ)(wǒ)們将着重探讨網站開(kāi)發/設計人員(yuán)在設計簡潔和專業的移動網站時必須注意的重要方面和技術細節。

移動界面通常很小(xiǎo)，因此開(kāi)發人員(yuán)必須對預定義好的尺寸進行調整。以下(xià)是一(yī)個非常基本的“移動網站”的布局。

布局

我(wǒ)(wǒ)們一(yī)起來看看不同元素在布局中(zhōng)的使用情況：

· 标志(zhì)

标志(zhì)是布局的核心之一(yī)。标志(zhì)要盡可能做到引人注目，但與此同時，應注意它的尺寸，并确保它的大(dà)小(xiǎo)不會超過2KBs。因爲，移動網絡載入圖片通常要花很長時間，你也不想因爲個體(tǐ)差異而使得自己的網站載入不完全。

· 網站導航

導航是設計中(zhōng)最重要的事之一(yī)。不管怎樣，你都需要導航欄來鏈接到網站的各個位置，它的位置通常在網站頂部。你也明白(bái)，大(dà)多數移動設備根本不便于使用QWERTY實體(tǐ)或虛拟鍵盤。因此，爲網站創建導航是移動網站界面友好的一(yī)個關鍵環節。

· 内容

内容在移動網站中(zhōng)占據着核心位置。人們用移動設備訪問網站，最主要的目的就是爲了獲取内容信息。所以要确保你的移動網站的内容不會有任何改變，否則，你最終可能将面對用戶流失。

人們使用移動設備時，通常處于移動狀态，所以他們沒有太多時間來浏覽網站内容。爲此，你應該采取縮減内容的措施，并選取内容中(zhōng)有價值的部分(fēn)，與此同時，你要将完整内容的鏈接提供給用戶。如果你的個人博客處于活躍狀态，你可以忽略這個問題，因爲，你不會每天都去(qù)對每篇博文的内容進行縮減。

我(wǒ)(wǒ)們都明白(bái)圖片在内容中(zhōng)的重要性。但是移動網站不宜使用過多圖片，因爲，大(dà)部分(fēn)手機載入這些圖片要花很長時間，所以盡可能地少用，如若上下(xià)文中(zhōng)涉及到相關圖片時，圖片則不可少。

如果你希望在移動網站上添加圖片，最好使用占用空間小(xiǎo)的.JPEG，.GIF，.PNG等圖片格式。爲了避免用戶對圖片進行縮放(fàng)，一(yī)定要對圖片進行壓縮。現在幾乎所有的設備都能顯示圖片，但是，有些用戶可能在浏覽時會關閉圖片顯示。因此，推薦大(dà)家用ALT替換文本顯示圖片信息。一(yī)些讀者或訪問者會放(fàng)大(dà)圖片，爲了避免這種情況，圖片的尺寸必須固定。

· 頁腳：

老話(huà)說得好：“看男人不能隻看它的衣服，要看它的鞋”。許多網站的頁腳做得非常爛。我(wǒ)(wǒ)經常逛博客和營銷網站，看到頁腳放(fàng)慢(màn)了雜(zá)亂的超鏈接，我(wǒ)(wǒ)跟大(dà)多數人對此都非常厭(yàn)惡，再加之，移動網站的屏幕尺寸小(xiǎo)，這就可能造成客戶或讀者流失。所以，制作吸引人的頁腳非常有必要。

所以，如果你希望你的應用程序/網站的移動界面大(dà)獲全勝，你就應該把重心放(fàng)在布局上面，做到零錯誤，因爲用移動設備進行網頁浏覽将會是未來發展的大(dà)趨勢。