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

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

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

布局

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

· 标志(zhì)

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

· 網站導航

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

· 内容

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

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

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

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

· 頁(yè)腳：

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

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