手機和電腦不管是在分辨率還是操作系統方面的差異很大,這也是決定了手機網站和電腦網站的區別。那到底手機網站和電腦網站有哪些區別?
一、瀏覽內容
1、電腦網站的分辨率是1024*768,而智能手機的分辨率僅有320*480。
2、電腦網站內容信息度廣,降低用戶視覺疲勞,而手機網站瀏覽內容不方便,大大增加視覺疲勞
二、垂直瀏覽取代水平瀏覽
電腦網站在呈現數據內容時,以水平導航方式。用戶可以左右移動點擊鏈接瀏覽信息。而手機網站在呈現數據內容時,以垂直導航方式。
三. 導航條,標簽和超文本
在電腦網站中,我們可以看到超鏈接的,而在手機網站中,我們卻很少看到超鏈接。并不是手機網站中沒有超鏈接,而是被一些按鈕,標簽等替代了
用戶使用手指來操作移動設備是產生垂直導航方式的原因之一。在電腦上,移動鼠標,點擊超鏈接是很理想的查看信息的方式,但是在移動設備中,通過手指觸摸屏幕來打開超鏈接就不那么容易了。用戶可以很容易激活一個鏈接,進入一個新頁面,但,這并不是用戶期望的頁面,如果這樣的話,會產生非常差的體驗效果。
四、圖片
在網頁中,我們經常能看到企業網站的logo,產品信息、導航的圖形信息等等。設計者經常需要
設計網站促銷產品圖形,公司logo等。而在手機網站設計中,盡量減少圖片,原因很簡單:手機屏幕小,顯示內容有限,占用內存大,浪費大量的移動流量。
五、全局導航與情境導航
在電腦網站中,可以使用各種各樣的導航方式,而手機網站采用全局導航的,情景導航極少。在手機網站中,手機屏幕大小決定使用導航方式。
六、滾動條
手機瀏覽器瀏覽信息,是沒有快捷滾動條。而在計算機瀏覽器瀏覽信息,是有快捷滾動條。比如一個圖中有下拉列表輸入域在臺式機上能夠正常顯示
而在手機上只能顯示幾個選項,必須要用滾動條才可以看到的。
七、手機瀏覽器對某些css屬性不支持
例如:position:fixed
如果需要在手機屏幕顯示top bar、bottom bar,則比較麻煩,需要通過css+javascript來實現。
以上就是手機網站與電腦網站的主要區別,正因為這些問題的存在,我們在設計手機網站模板時,需要考慮如何設計使更符合不同終端用戶的使用習慣。