手機(jī)和電腦不管是在瀏覽還是操作方面等差異都很大，這也決定了手機(jī)網(wǎng)站和電腦網(wǎng)站的區(qū)別。相比電腦網(wǎng)站，手機(jī)網(wǎng)站的特點(diǎn)主要包括以下幾方面：

1.內(nèi)容優(yōu)先

       電腦網(wǎng)站可以有1024*768的分辨率，而智能機(jī)僅有320*480分辨率，如何在如此小的分辨率中，在不降低用戶體驗(yàn)效果前提下進(jìn)行設(shè)計(jì)是很有挑戰(zhàn)性的。電腦網(wǎng)站常常包涵更廣的內(nèi)容，而手機(jī)網(wǎng)站僅包涵一些符合使用情境的主要功能和特征，手機(jī)網(wǎng)站應(yīng)該通過(guò)移動(dòng)設(shè)備將用戶最需要的內(nèi)容和特征展現(xiàn)給用戶。一些站點(diǎn)內(nèi)容，信息架構(gòu)和屏幕布局都是在深度理解客戶需求的前提下設(shè)計(jì)的。

2.垂直瀏覽取代水平瀏覽

       電腦網(wǎng)站在呈現(xiàn)數(shù)據(jù)結(jié)構(gòu)和數(shù)據(jù)內(nèi)容時(shí)，水平導(dǎo)航是一種廣泛采用的導(dǎo)航方式。用戶可以從左到右，點(diǎn)擊不同的站點(diǎn)鏈接來(lái)瀏覽。而手機(jī)網(wǎng)站則采用垂直導(dǎo)航的方式取代水平導(dǎo)航。

3. 導(dǎo)航條，標(biāo)簽和超文本

       超鏈接是網(wǎng)站的主要組成部分，然而，在手機(jī)網(wǎng)站中，我們則很少看到超鏈接。并不是在手機(jī)網(wǎng)站中沒(méi)有超鏈接，而是被一些導(dǎo)航條，標(biāo)簽和按鈕等取代了。用戶使用手指來(lái)操作移動(dòng)設(shè)備是產(chǎn)生垂直導(dǎo)航方式的原因之一。在電腦上，移動(dòng)鼠標(biāo)，點(diǎn)擊超鏈接是很理想的查看信息的方式，但是在移動(dòng)設(shè)備中，通過(guò)手指觸摸屏幕來(lái)打開(kāi)超鏈接就不那么容易了。用戶可以很容易激活一個(gè)鏈接，進(jìn)入一個(gè)新頁(yè)面，但，這并不是用戶期望的頁(yè)面，如果這樣的話，會(huì)產(chǎn)生非常差的體驗(yàn)效果。Fitts定律告訴我們使用指點(diǎn)設(shè)備達(dá)到一個(gè)目標(biāo)的時(shí)間與設(shè)備當(dāng)前的位置和目標(biāo)位置的距離，以及目標(biāo)的大小有移動(dòng)的關(guān)系。在一些大的手機(jī)站點(diǎn)中，導(dǎo)航條，標(biāo)簽和按鈕會(huì)吸引更多的注意力。

4.圖形

       在網(wǎng)頁(yè)中，我們經(jīng)常會(huì)看到一些促銷(xiāo)，營(yíng)銷(xiāo)或者導(dǎo)航的圖形信息。設(shè)計(jì)者經(jīng)常需要設(shè)計(jì)一些促銷(xiāo)或營(yíng)銷(xiāo)的圖形，公司LOGO等。而在手機(jī)網(wǎng)站設(shè)計(jì)中，應(yīng)該減少這些圖形，原因有二：其一，一些移動(dòng)設(shè)備并不支持和傳統(tǒng)網(wǎng)頁(yè)站點(diǎn)一樣顯示方式;其二，移動(dòng)屏幕較小，顯示內(nèi)容有限，除此之外，過(guò)多的顯示內(nèi)容會(huì)降低移動(dòng)設(shè)計(jì)的運(yùn)行速度。

5.全局導(dǎo)航與情境導(dǎo)航

       在電腦網(wǎng)站中，可以使用各種各樣的導(dǎo)航方式，如全局導(dǎo)航和情境導(dǎo)航。手機(jī)網(wǎng)站采用全局導(dǎo)航，情境導(dǎo)航極少。在手機(jī)網(wǎng)站中，移動(dòng)設(shè)備有限的屏幕決定了應(yīng)該減少全局導(dǎo)航和情境導(dǎo)航。然而，缺少全局導(dǎo)航和情境導(dǎo)航則會(huì)讓用戶迷失，為此，在構(gòu)建移動(dòng)內(nèi)容時(shí)，應(yīng)該盡量減少層級(jí)關(guān)系，這樣，用戶無(wú)需挖得太深就可以找到自己所需的信息，作為設(shè)計(jì)師，應(yīng)該讓用戶在迷失之前找到自己的信息。

6.滾動(dòng)條

       手機(jī)瀏覽器沒(méi)有滾動(dòng)條，所以在計(jì)算機(jī)瀏覽器中出現(xiàn)滾動(dòng)條的地方在手機(jī)瀏覽器上不一定能夠按照預(yù)想的那樣來(lái)顯示，下圖中的下拉列表輸入域在臺(tái)式機(jī)上能夠正常顯示，但在手機(jī)上只能顯示前幾個(gè)選項(xiàng)，需要滾動(dòng)才能看到的項(xiàng)根本顯示不出來(lái)。

7.手機(jī)瀏覽器對(duì)某些css屬性不支持

       例如：position：fixed

       如果需要在手機(jī)屏幕顯示top bar、bottom bar，則比較麻煩，需要通過(guò)css+javascript來(lái)實(shí)現(xiàn)。

       以上就是手機(jī)網(wǎng)站與電腦網(wǎng)站的主要區(qū)別，正因?yàn)檫@些區(qū)別的存在，我們?cè)谑謾C(jī)設(shè)計(jì)網(wǎng)站模板時(shí)，需要細(xì)細(xì)思量如何設(shè)計(jì)使更符合不同終端用戶的使用習(xí)慣。