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

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

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

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

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

3. 導航條，標簽和超文本

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

4.圖形

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

5.全局導航與情境導航

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

6.滾動條

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

7.手機瀏覽器對某些css屬性不支持

       例如：position：fixed

       如果需要在手機屏幕顯示top bar、bottom bar，則比較麻煩，需要通過css+javascript來實現(xiàn)。

       以上就是手機網(wǎng)站與電腦網(wǎng)站的主要區(qū)別，正因為這些區(qū)別的存在，我們在手機設計網(wǎng)站模板時，需要細細思量如何設計使更符合不同終端用戶的使用習慣。