1. 對移動web設(shè)計的思考

       我們已經(jīng)對移動WEB設(shè)計的趨勢和挑戰(zhàn)進行了初步的了解，下面我們來重點檢查一下設(shè)計師在過程中應該考慮的幾個要點。

1. 簡明的語義標記

如果你想為- -個優(yōu)秀的移動網(wǎng)頁打下穩(wěn)固的基礎(chǔ)，你最先要做的事情就是設(shè)立一套適用于網(wǎng)頁的、簡明的語義標記。這樣在你設(shè)計移動網(wǎng)頁的時候才會避免重復傳統(tǒng)互聯(lián)網(wǎng)設(shè)計中存在的重大問題。簡明的標記能有效幫助瀏覽器正確顯示網(wǎng)頁頁面。同樣，由于避免了不必要的環(huán)節(jié)，簡明的語義標記還將給用戶帶來愉快的體驗經(jīng)歷。

2. CSS下內(nèi)容與顯示的分離

除了簡明的語義標記，內(nèi)容與顯示的分離也是非常重要的。與桌面用戶相比，手機網(wǎng)頁用戶更喜歡訪問沒有圖片和禁用CSS的網(wǎng)頁。手機網(wǎng)頁用戶更希望順利地訪問頁面內(nèi)容和鏈接一而不是看到華麗的頁面顯示。作為移動互聯(lián)網(wǎng)網(wǎng)站，當其開始大量使用簡明的語義標記，并用CSS實現(xiàn)內(nèi)容與顯示的分離時，這就是一個具有非凡意義的偉大的開端。

3. ALT標簽

出于部分用戶由于某些原因不能瀏覽網(wǎng)頁上圖片的考慮（或者用戶選擇屏蔽圖片），ALT標簽對于可用性來說顯得非常重要。無論如何ALT標簽在互聯(lián)網(wǎng)中都有所運用，只是對手機互聯(lián)網(wǎng)用戶來說它更加重要而已。

4. 表單域的分類

像ALT標簽一樣，表單域分類使得移動互聯(lián)網(wǎng)變得更加實用。試想一下，如果沒有對其進行了解就加以使用，那么一定不會得到你理想的效果。而處理好像ALT標簽和表單域分類這樣的細節(jié)問題就可以使你事半功倍。

5. 標題的作用

由于移動WEB瀏覽器所顯示的內(nèi)容文本格式常常是受限制和不協(xié)調(diào)的，以標題在此處就顯得格外重要。移動Web瀏覽器并不能將文字顯示為你想讓它呈現(xiàn)的那種效果，但是類似標題一、標題二、 標題三這樣的標簽能幫助頁面構(gòu)造一個合理的用戶視圖，并凸顯出頁面的某些重點內(nèi)容。

6. 禁用漂浮鏈接

盡管移動Web瀏覽器也能通過使用漂浮鏈接來進行整個網(wǎng)頁頁面的布局，但是在小屏幕上恐怕并不會收到很好的效果。通常情況下，沒有漂浮鏈接會使內(nèi)容簡單排列的網(wǎng)頁整體看起來更舒服，用戶也能得到更好的使用體驗。

7. 減少頁邊距和填充

一般情況下，和傳統(tǒng)的網(wǎng)站相比，移動設(shè)備上的網(wǎng)頁最好減少頁邊距和其他的填充。當然，這取決于你所設(shè)計的網(wǎng)站頁面填充的實際情況和網(wǎng)頁頁邊距的大小，但是過多的頁面填充和過大的頁邊距并不能提升用戶體驗。

8. 做好頁面導航

很多頁面的網(wǎng)站導航都設(shè)計在頁面的最上方。這樣的設(shè)計對于移動網(wǎng)頁同樣有用，但是值得注意的是，手機.上的導航選項是按比例縮小的。在手機網(wǎng)頁中，最好只提供最常用、最有用的鏈接選項，同時在設(shè)計時盡量讓用戶能夠更加方便地接入其他的導航鏈接。

9. 注重頁面顏色對比

由于使用手機屏幕不能擁有電腦或筆記本屏幕-樣的使用體驗，所以在設(shè)計手機Web頁面的顏色時，為了確保用戶能夠有良好的閱讀體驗，設(shè)計師們一定要注意頁 面背景顏色和文字顏色的協(xié)調(diào)搭配。

1. Sitepoint(設(shè)計團隊)的移動web設(shè)計作品

Sitepoint出版了由布萊恩.蘇塔撰寫的<移動Web設(shè)計)，這篇文章對于學習移動Web設(shè)計的朋友來說很值得參考和學習。在文章中，布萊恩將移動Web設(shè)計分解為7個簡要易懂的步驟。這篇文章的內(nèi)容對于重申本人上述的Web設(shè)計要點非常有用。

1. 不要混淆標記

大多數(shù)網(wǎng)站都會忽視WML，而是用大家更熟悉的所以在進行設(shè)計時一定要使用適合的編輯語言,并建立簡明的語義標記。

2. 了解你的手機

我們不僅要滿足手機不同屏幕尺寸和分辨率的需求，還要滿足其變化多端的外觀需求。從早期的時短時長的長方形到后來的“大哥大”個頭發(fā)展到完美比例的方形，手機豐富多彩、日新月異的變化簡直讓人抓狂！

3. 找準目標客戶

傳統(tǒng)的互聯(lián)網(wǎng)用戶大多是坐在電腦桌前面對著-臺高分辨率大顯示器。而移動Web用戶的使用環(huán)境卻大大不同。他們在瀏覽網(wǎng)頁時可能正在等地鐵、正在公交車或火車上，或是剛剛走出家門，又或是在深夜迷失在一一個陌生的城市，任何情況都可能發(fā)生。

4. 謹慎發(fā)布

雖然只有一個網(wǎng)站的概念，但是用戶所使用的瀏覽介質(zhì)很大程度上決定著網(wǎng)站的風格和形態(tài)，如今業(yè)內(nèi)也流行著很多種不同的設(shè)計標準，但是-個獨立的移動網(wǎng)頁必須滿足的一個條件，那就是要為用戶提供優(yōu)越的瀏覽體驗。

5. 選定響亮的域名

當你準備為一-個移動選定-一個域名的時候，我曾經(jīng)工作過的公司和同事總是會選用子域名。創(chuàng)建一個子域名是設(shè)立- -個網(wǎng)站時最簡單的辦法(前提是你擁有該域名),這意味著你不用把大把的時間花在改進和修改服務(wù)器上(而且還很有可能影響正常的Web設(shè)計進度)。

6. 驗證你的標記

移動web瀏覽器的運行速度和容錯性都大大低于電腦瀏覽器。在移動設(shè)備上運行的瀏覽器，并沒有奢侈的電腦瀏覽器所擁有的2GHz處理器和高達200GB的存儲空間。因此，你必須一次又一次地檢查、驗證、重復檢查你的標記。

7. 除了測試，還是測試

雖然在臺式電腦上能夠使用Web瀏覽器來測試你的移動網(wǎng)站，但是在其得到實際運用之前，它仍然只是一個模擬的移動體驗。不容忽視的是，用這種方式還是無法精確地復制許多移動設(shè)備的使用感受。布萊恩的文章對于移動Web設(shè)計與開發(fā)新手來說是一個非常好的開端。當你在檢查、測試你的作品時能夠正確運用文章中的知識點以確保你用正確的方式來完成工作，這是一個非常好的學習資源。