手機網站和電腦網站的區別
手機和電腦不管是在瀏覽還是操作方面等差異都很大，這也決定了手機網站和電腦網站的區別。相比電腦網站，手機網站的特點主要包括以下幾方面：
1.內容優先
電腦網站可以有1024*768的解析度，而智能機僅有320*480解析度，如何在如此小的解析度中，在不降低用戶體驗效果前提下進行設計是很有挑戰性的。電腦網站常常包涵更廣的內容，而手機網站僅包涵一些符合使用情境的主要功能和特徵，手機網站應該通過行動裝置將用戶最需要的內容和特徵展現給用戶。一些站點內容，信息架構和屏幕布局都是在深度理解客戶需求的前提下設計的。
2.垂直瀏覽取代水平瀏覽
電腦網站在呈現數據結構和數據內容時，水平導航是一種廣泛採用的導航方式。用戶可以從左到右，點擊不同的站點連結來瀏覽。而手機網站則採用垂直導航的方式取代水平導航。
3.導航條，標籤和超文本
超連結是網站的主要組成部分，然而，在手機網站中，我們則很少看到超連結。並不是在手機網站中沒有超連結，而是被一些導航條，標籤和按鈕等取代了。用戶使用手指來操作行動裝置是產生垂直導航方式的原因之一。在電腦上，移動滑鼠，點擊超連結是很理想的查看信息的方式，但是在行動裝置中，通過手指觸控螢幕幕來打開超連結就不那麼容易了。用戶可以很容易激活一個連結，進入一個新頁面，但，這並不是用戶期望的頁面，如果這樣的話，會產生非常差的體驗效果。fitts定律告訴我們使用指點設備達到一個目標的時間與設備當前的位置和目標位置的距離，以及目標的大小有移動的關係。在一些大的手機站點中，導航條，標籤和按鈕會吸引更多的注意力。
4.圖形
在網頁中，我們經常會看到一些促銷，營銷或者導航的圖形信息。設計者經常需要設計一些促銷或營銷的圖形，公司logo等。而在手機網站設計中，應該減少這些圖形，原因有二：其一，一些行動裝置並不支持和傳統網頁站點一樣顯示方式;其二，移動屏幕較小，顯示內容有限，除此之外，過多的顯示內容會降低移動設計的運行速度。
5.全局導航與情境導航
在電腦網站中，可以使用各種各樣的導航方式，如全局導航和情境導航。手機網站採用全局導航，情境導航極少。在手機網站中，行動裝置有限的屏幕決定了應該減少全局導航和情境導航。然而，缺少全局導航和情境導航則會讓用戶迷失，為此，在構建移動內容時，應該儘量減少層級關係，這樣，用戶無需挖得太深就可以找到自己所需的信息，作為設計師，應該讓用戶在迷失之前找到自己的信息。
6.滾動條
手機瀏覽器沒有滾動條，所以在計算機瀏覽器中出現滾動條的地方在手機瀏覽器上不一定能夠按照預想的那樣來顯示，下圖中的下拉列表輸入域在台式機上能夠正常顯示，但在手機上只能顯示前幾個選項，需要滾動才能看到的項根本顯示不出來。
7.手機瀏覽器對某些css屬性不支持
例如：position：fixed
如果需要在手機屏幕顯示top bar、bottom bar，則比較麻煩，需要通過css+javascript來實現。
© 網站版權與免責聲明
1、【鴻茂傳媒】獨立擁有本網站相關網頁內所有資料的版權;
2、未經【鴻茂傳媒】的明確書面許可，任何人不得對其進行複製;
3、本網站未註明【鴻茂傳媒】的文章，均來源於網絡，僅供大家學習與參考;
4、如有侵權/違規/不妥請聯繫客服qq或郵箱刪除，敬請諒解;
5、【鴻茂傳媒】保留隨時更正、修改、更新本聲明的權利。法律申明
繁體中文
简体中文
English
