移動(dòng)網(wǎng)頁設(shè)計(jì)最佳技巧和實(shí)踐
深圳網(wǎng)站制作據(jù)預(yù)測(cè)，到2013年底，全球?qū)⒂谐^17億的移動(dòng)互聯(lián)網(wǎng)用戶。有了這些數(shù)字，Web設(shè)計(jì)者和開發(fā)人員就必須學(xué)習(xí)移動(dòng)設(shè)備的最佳開發(fā)和設(shè)計(jì)實(shí)踐。

在大多數(shù)情況下，你不需要學(xué)習(xí)任何新的移動(dòng)網(wǎng)站設(shè)計(jì)技術(shù)。但您需要以一種新的方式來看待站點(diǎn)設(shè)計(jì)，這一點(diǎn)比標(biāo)準(zhǔn)瀏覽器的設(shè)計(jì)要嚴(yán)格得多。為了解決移動(dòng)站點(diǎn)設(shè)計(jì)帶來的問題，并獲得與您的標(biāo)準(zhǔn)站點(diǎn)一樣方便和有用的結(jié)果，需要一些創(chuàng)造性的解決問題的技巧。

移動(dòng)網(wǎng)頁設(shè)計(jì)最佳技巧和實(shí)踐熟悉可用的硬件和軟件

移動(dòng)電話和移動(dòng)設(shè)備平臺(tái)在操作系統(tǒng)、屏幕尺寸、分辨率和用戶界面方面差別很大。為了決定你想要優(yōu)化你的站點(diǎn)的哪個(gè)平臺(tái)，熟悉不同的可用選項(xiàng)是很有幫助的。

最常見的操作系統(tǒng)是Windows Mobile、iPhone平臺(tái)、Palm OS、移動(dòng)Linux、Symbian操作系統(tǒng)、黑莓平臺(tái)和安卓（由于Verizon和谷歌最近達(dá)成的協(xié)議，Android將變得更大）。還有其他專用于特定手機(jī)的專有系統(tǒng)，比如一些Verizon手機(jī)和特定品牌的手機(jī)。您可以根據(jù)站點(diǎn)的受眾類型來估計(jì)，您的用戶最有可能使用哪些OSS。如果訪問者大多是業(yè)務(wù)用戶，則需要優(yōu)化Windows Mobile和黑莓設(shè)備的站點(diǎn)。如果你的用戶是年輕的，時(shí)尚的，或更多的技術(shù)知識(shí)，你想讓你的網(wǎng)站為iPhone和Android設(shè)備優(yōu)化。不管怎樣，確保你的站點(diǎn)至少在大多數(shù)移動(dòng)平臺(tái)上都是可用的。

移動(dòng)瀏覽器是另一個(gè)需要考慮的因素。一些常見的瀏覽器，包括Safari瀏覽器為iPhone，Android的瀏覽器，Opera移動(dòng)，WebOS browser（掌上設(shè)備），黑莓瀏覽器和Internet Explorer移動(dòng)（Windows移動(dòng)設(shè)備）。在諾基亞和其他手機(jī)品牌上也有更多的瀏覽器。有些瀏覽器是基于專有的代碼，而其他人都是建立在WebKit（Android，Safari），壁虎（Fennec，Mozilla瀏覽器）或其他常見的平臺(tái)。

最后，您需要考慮站點(diǎn)訪問者最常見的屏幕大小和分辨率。你的站點(diǎn)應(yīng)該工作在你的訪客可能使用的最廣泛的移動(dòng)設(shè)備上。標(biāo)準(zhǔn)手機(jī)常見分辨率包括101×80像素（索愛手機(jī)），128×128像素（三星手機(jī)），和120×160像素（摩托羅拉手機(jī)）。對(duì)于智能手機(jī)來說，還有很多工作要做。iPhone 320×480像素屏幕；HTC Touch Pro有480×640像素屏幕；Palm Pre有320×480像素屏幕的黑莓風(fēng)暴；有360的×480像素的屏幕；和HTC的金星已經(jīng)高達(dá)800×480像素屏幕。許多這些屏幕可以輕松地顯示一個(gè)標(biāo)準(zhǔn)的網(wǎng)站。

移動(dòng)網(wǎng)頁設(shè)計(jì)最佳技巧和實(shí)踐簡化！

在大多數(shù)情況下，您的移動(dòng)站點(diǎn)應(yīng)該比您的標(biāo)準(zhǔn)站點(diǎn)更簡單。唯一的例外是，如果你的標(biāo)準(zhǔn)站點(diǎn)已經(jīng)很簡約了。從站點(diǎn)中刪除圖形元素通常是優(yōu)化其在移動(dòng)設(shè)備上顯示的有效方法。尋找簡化站點(diǎn)設(shè)計(jì)和功能的方法。這可能意味著重新調(diào)整你的菜單，消除圖像，打破了文字在多個(gè)頁面，或重新工作網(wǎng)站的布局和功能。

使用有效的標(biāo)記

考慮到潛在的操作系統(tǒng)和瀏覽器可能會(huì)訪問您的站點(diǎn)的多樣性，Web標(biāo)準(zhǔn)變得更加重要。標(biāo)準(zhǔn)瀏覽器在很大程度上是非常寬容的壞代碼，但與移動(dòng)瀏覽器，你往往不會(huì)得到這樣的余地。確保代碼驗(yàn)證盡可能的簡潔和簡潔。

給用戶訪問網(wǎng)站的選擇標(biāo)準(zhǔn)

根據(jù)訪問者使用什么樣的設(shè)備，他們可能只想使用你的標(biāo)準(zhǔn)網(wǎng)站。對(duì)于很多更好的智能手機(jī)和iPhone來說，情況尤其如此，后者在出色地發(fā)布標(biāo)準(zhǔn)網(wǎng)站方面沒有問題。給你的移動(dòng)訪問者訪問標(biāo)準(zhǔn)站點(diǎn)的選項(xiàng)，即使它只是通過頁腳的鏈接（我們大多數(shù)人都傾向于看）。您還可以給他們選擇返回到移動(dòng)站點(diǎn)，而不必使用他們的后退按鈕。

使用單獨(dú)的移動(dòng)主題

同時(shí)優(yōu)化您的手機(jī)使用的主要網(wǎng)站有時(shí)是有道理的，它往往是更容易使用一個(gè)單獨(dú)的手機(jī)主題，可以做的最下移動(dòng)設(shè)備改變CSS。一個(gè)專用的移動(dòng)主題意味著您可以真正考慮到訪問者將如何看待您的站點(diǎn)，并為其優(yōu)化它。有些網(wǎng)站有一個(gè)針對(duì)常規(guī)移動(dòng)設(shè)備和iPhone用戶的優(yōu)化設(shè)計(jì)。

限制滾動(dòng)到一個(gè)方向

當(dāng)使用標(biāo)準(zhǔn)瀏覽器時(shí)，在網(wǎng)頁上滾動(dòng)多個(gè)方向真的很煩人。當(dāng)你從移動(dòng)設(shè)備訪問時(shí)，這種情況不會(huì)改變；事實(shí)上，情況更糟。使用觸摸屏?xí)r，很容易意外地滾動(dòng)錯(cuò)誤的方式（水平方向而不是垂直方向，反之亦然）。如果你的站點(diǎn)只滾動(dòng)一種方式，那么你就消除了這種麻煩的可能性。

不要使用彈出窗口或打開新窗口。

根據(jù)特定的平臺(tái)，彈出新窗口可以影響瀏覽體驗(yàn)的，所以不要使用它們。如果您絕對(duì)需要在新窗口中打開某個(gè)東西，請(qǐng)確保提醒移動(dòng)訪問者它會(huì)這樣做。

移動(dòng)網(wǎng)頁設(shè)計(jì)最佳技巧和實(shí)踐盡量減少圖像的使用

只使用你需要的圖片來傳達(dá)你的信息。標(biāo)志是好的，就像大多數(shù)圖標(biāo)一樣。與網(wǎng)站內(nèi)容無關(guān)的圖片也很好。但要消除那些除了好看以外沒有別的用途的形象。他們一般不會(huì)在移動(dòng)設(shè)備上看起來漂亮，所以為什么要麻煩呢？有時(shí)候，它們只會(huì)讓你的站點(diǎn)看起來更糟，或者導(dǎo)致奇怪的滾動(dòng)或布局問題。

優(yōu)化你的導(dǎo)航

許多移動(dòng)設(shè)備都有觸摸屏接口，所以請(qǐng)記住這一點(diǎn)。這意味著在你的鏈接的可點(diǎn)擊區(qū)域較大，使得按鈕更大，把更多的空間之間的聯(lián)系。試圖點(diǎn)擊微小的、幾乎看不見的鏈接是一件非常痛苦的事，每次你想點(diǎn)擊某些東西時(shí)都要放大，這并不能使它更好。為了改善這些導(dǎo)航問題，許多網(wǎng)站使用一個(gè)完全獨(dú)立的移動(dòng)導(dǎo)航的設(shè)計(jì)，對(duì)觸摸屏或非鼠標(biāo)輸入設(shè)備優(yōu)化。

不要依賴Flash或JavaScript

并非所有的手機(jī)和移動(dòng)設(shè)備都支持Flash或JavaScript。即使他們這樣做，也不能保證它將是最新版本。如果訪問者使用iPhone，就忘了Flash。確保移動(dòng)站點(diǎn)上的所有重要信息和功能都在普通（x）html / CSS中。否則，您就有很大一部分訪問者無法訪問重要內(nèi)容。

從你的標(biāo)準(zhǔn)站點(diǎn)中包含盡可能多的內(nèi)容。

有多少次你從你的手機(jī)到一個(gè)最喜歡的網(wǎng)站，然后意識(shí)到你不能到達(dá)你想要訪問的部分？這種事總是發(fā)生。在移動(dòng)站點(diǎn)上盡可能多地包含原始站點(diǎn)內(nèi)容。除了使它可用，確保導(dǎo)航路線到達(dá)它也保持相對(duì)不變。

移動(dòng)網(wǎng)頁設(shè)計(jì)最佳技巧和實(shí)踐確保將正確的工作

不要只發(fā)送移動(dòng)用戶主頁。沒有什么比點(diǎn)擊一個(gè)鏈接更令人討厭的了，無論是在搜索引擎結(jié)果中還是在另一個(gè)網(wǎng)站上，如果你在移動(dòng)設(shè)備上，它都會(huì)重定向到主頁。如果你的站點(diǎn)自動(dòng)檢測(cè)到一個(gè)訪問者是否來自一個(gè)移動(dòng)瀏覽器，請(qǐng)確保它已經(jīng)設(shè)置好將訪問者發(fā)送到他們?cè)噲D訪問的鏈接，否則他們很可能會(huì)離開，再也不會(huì)回來了。