随着移動通(tōng)信技(jì)術(shù)的高(gāo)速發展和(hé)通(tōng)信終端的智能化，手機上(shàng)網的便捷性優勢逐漸得(de)以顯現，手機将最終成為(wèi)人(rén)們接觸網絡的最重要渠道(dào)之一。此外，許多(duō)以消 費者為(wèi)中心的企業也已經意識到移動平台良好的前景。甚至，手機在購物上(shàng)應用也不再局限于現在普遍的網站(zhàn)形式。歐洲零售業巨頭樂購(Tesco)旗下的韓國 連鎖超市Home Plus日前在韓國的地鐵(tiě)站(zhàn)內(nèi)推出了一種新型的電(diàn)子虛拟超市。顧客在等地鐵(tiě)時(shí)可(kě)像逛實體(tǐ)店(diàn)一樣浏覽所售的商品，然後使用手機掃描下所選擇商品并通(tōng)過手機在 網上(shàng)進行(xíng)結算(suàn)，超市會(huì)将所購産品按時(shí)送到家(jiā)中。

　　下面是移動網頁設計(jì)的幾點注意事項：

　　1、布局

　　由于網頁本身和(hé)外在的因素影(yǐng)響，用手機浏覽網頁可(kě)能會(huì)是一件比較耗時(shí)的事情。所以記住，讓您的移動網站(zhàn)設計(jì)得(de)方便使用者。比如，把所有(yǒu)你(nǐ)想讓手 機用戶看到的最重要的信息放到頁面頂部;最大(dà)限度的避免在界面的左右兩側放置導航，因為(wèi)為(wèi)了方便浏覽，我們更多(duō)需要把頁面內(nèi)容設計(jì)成單一的分欄形式。也應 該減少(shǎo)表格的使用，如果一定要加入表格，也不應超過2列，同時(shí)避免行(xíng)與列的融合。由于屏幕大(dà)小(xiǎo)的限制(zhì)，很(hěn)多(duō)情況下鋪天蓋地的菜單是不被允許的。菜單可(kě)能必 須采用垂直的方式，但(dàn)如果每一個(gè)單頁都需要用戶去向下滾動菜單才能看清所有(yǒu)的內(nèi)容，這可(kě)能又會(huì)很(hěn)不舒服。所以，如果你(nǐ)的網站(zhàn)隻有(yǒu)三個(gè)或者更少(shǎo)的鏈接，可(kě)以 采用一直浮在可(kě)視(shì)窗口形式的菜單，在這種情況下，它恰巧可(kě)以是橫向的。比如，在第一頁使用導航，在其他頁面的頂部使用鏈接或者面包屑連接到首頁。

　　2、內(nèi)容

　　因為(wèi)用戶在浏覽你(nǐ)的網頁時(shí)可(kě)能正處于行(xíng)走的狀态，所以應該确保網站(zhàn)上(shàng)的信息很(hěn)容易閱讀和(hé)浏覽，并且讓用戶快速的識别并輕松的找到想要的信息。要 确定好最終要在移動界面上(shàng)展示的內(nèi)容，合理(lǐ)地規劃好的菜單和(hé)文本，避免由此造成的不合理(lǐ)縮放變化。至于所呈現文本的版式，可(kě)以考慮用标題來(lái)控制(zhì)字體(tǐ)大(dà)小(xiǎo)。

　　3、編碼

　　在實際制(zhì)作(zuò)移動網站(zhàn)中對于編碼應該沒有(yǒu)什麽特殊的需求，使用XML或者XHTML編碼就很(hěn)方便。也可(kě)以用最基礎的HTML和(hé)CSS編碼。标題标簽，描述meta标簽，頭部标簽和(hé)文件名應該用目标關鍵詞精心地制(zhì)作(zuò)，以使得(de)小(xiǎo)優化內(nèi)容可(kě)用性的最大(dà)化。

　　4、圖片

　　正常情況下大(dà)多(duō)數(shù)手機載入的圖片對它們來(lái)說都非常繁重，所以在相關地方使用的圖像要盡可(kě)能的小(xiǎo)。而且圖片應該是JPEG,GIF或者是PNG格 式的，因為(wèi)這些(xiē)格式的圖片很(hěn)輕盈。另外确保你(nǐ)的圖片被壓縮過，以免圖片在頁面中變得(de)很(hěn)大(dà)。還(hái)有(yǒu)值得(de)一提一點是：用戶經常會(huì)浏覽到沒有(yǒu)打開(kāi)的圖片。因此，最 好始終使用alt文本，這是一個(gè)值得(de)推薦的做(zuò)法。

　　5、頁面大(dà)小(xiǎo)

　　為(wèi)一個(gè)移動網站(zhàn)指定風格時(shí)，保持所有(yǒu)的東西簡潔，盡量追求小(xiǎo)頁面是非常有(yǒu)必要的。移動頁面最大(dà)容量是20KB，所以要确保一切盡量滿足這一點。如果可(kě)能的話(huà)，頁面的大(dà)小(xiǎo)可(kě)以小(xiǎo)于10KB。要知道(dào)，用戶在移動網絡上(shàng)的數(shù)據費用是以KB為(wèi)單位收取的。

　　6、網頁鏈接

　　一個(gè)好的移動網站(zhàn)設計(jì)要有(yǒu)返回按鈕和(hé)鏈接。因為(wèi)一部分手機并沒有(yǒu)返回的硬按鍵，因此要嘗試為(wèi)他們提供這樣一個(gè)擺脫當前死角頁面的功能按鈕。另外 要确認所有(yǒu)的頁面都能連接到其他的頁面。甚至，如果它本來(lái)就是一個(gè)電(diàn)話(huà)內(nèi)容的頁面，我們完全可(kě)以加上(shàng)呼叫類型連接功能。在移動網站(zhàn)中輸入文本比較困難。設 計(jì)師(shī)需要為(wèi)用戶提供方便的單選按鈕和(hé)列表，讓用戶可(kě)以根據自己需要來(lái)快速的選擇。在移動設備中，所有(yǒu)的一切都會(huì)很(hěn)小(xiǎo)，鏈接也不例外，同時(shí)你(nǐ)又要确保它可(kě)以 被用戶容易準确的點擊，我們可(kě)以在鏈接上(shàng)用大(dà)一些(xiē)的字體(tǐ)，或者在周圍使用大(dà)面積的留白。當鏈接被選中時(shí)，除了為(wèi)之加上(shàng)下劃線和(hé)改變顔色外，最好也同時(shí)改變 它的背景顔色(即便鏈接在段中也是如此)，這樣可(kě)以方便移動設備用戶确認他們點擊的鏈接內(nèi)容。

　　7、屏幕大(dà)小(xiǎo)

　　每個(gè)手機都有(yǒu)不同尺寸的屏幕，有(yǒu)的手機會(huì)有(yǒu)兩種方式的轉換：縱向和(hé)橫向。所以你(nǐ)的網站(zhàn)不能是固定的像素寬度，使用百分比和(hé)EMS會(huì)更好，這種方法能使你(nǐ)的網站(zhàn)适應各種屏幕尺寸。

　　本文由重慶網站(zhàn)制(zhì)作(zuò)-重慶網站(zhàn)建設公司-中技(jì)互聯：www.zjcoo.com