一鍵擁有10個城市分站
關(guān)鍵詞免費占領(lǐng)百度首頁
200
手機網(wǎng)站和電腦網(wǎng)站有哪些區(qū)別
時間: 2015-04-21 18:39:42 點擊數(shù): 30451 來源: 耐思智慧
手機和電腦不管是在分辨率還是操作系統(tǒng)方面的差異很大，這也是決定了手機網(wǎng)站和電腦網(wǎng)站的區(qū)別。那到底手機網(wǎng)站和電腦網(wǎng)站有哪些區(qū)別？
一、瀏覽內(nèi)容
1、電腦網(wǎng)站的分辨率是1024*768，而智能手機的分辨率僅有320*480。
2、電腦網(wǎng)站內(nèi)容信息度廣，降低用戶視覺疲勞，而手機網(wǎng)站瀏覽內(nèi)容不方便，大大增加視覺疲勞
二、垂直瀏覽取代水平瀏覽
電腦網(wǎng)站在呈現(xiàn)數(shù)據(jù)內(nèi)容時，以水平導(dǎo)航方式。用戶可以左右移動點擊鏈接瀏覽信息。而手機網(wǎng)站在呈現(xiàn)數(shù)據(jù)內(nèi)容時，以垂直導(dǎo)航方式。
三. 導(dǎo)航條，標(biāo)簽和超文本
在電腦網(wǎng)站中，我們可以看到超鏈接的，而在手機網(wǎng)站中，我們卻很少看到超鏈接。并不是手機網(wǎng)站中沒有超鏈接，而是被一些按鈕，標(biāo)簽等替代了
用戶使用手指來操作移動設(shè)備是產(chǎn)生垂直導(dǎo)航方式的原因之一。在電腦上，移動鼠標(biāo)，點擊超鏈接是很理想的查看信息的方式，但是在移動設(shè)備中，通過手指觸摸屏幕來打開超鏈接就不那么容易了。用戶可以很容易激活一個鏈接，進入一個新頁面，但，這并不是用戶期望的頁面，如果這樣的話，會產(chǎn)生非常差的體驗效果。
四、圖片
在網(wǎng)頁中，我們經(jīng)常能看到企業(yè)網(wǎng)站的logo，產(chǎn)品信息、導(dǎo)航的圖形信息等等。設(shè)計者經(jīng)常需要設(shè)計網(wǎng)站促銷產(chǎn)品圖形，公司logo等。而在手機網(wǎng)站設(shè)計中，盡量減少圖片，原因很簡單：手機屏幕小，顯示內(nèi)容有限，占用內(nèi)存大，浪費大量的移動流量。
五、全局導(dǎo)航與情境導(dǎo)航
在電腦網(wǎng)站中，可以使用各種各樣的導(dǎo)航方式，而手機網(wǎng)站采用全局導(dǎo)航的，情景導(dǎo)航極少。在手機網(wǎng)站中，手機屏幕大小決定使用導(dǎo)航方式。
六、滾動條
手機瀏覽器瀏覽信息，是沒有快捷滾動條。而在計算機瀏覽器瀏覽信息，是有快捷滾動條。比如一個圖中有下拉列表輸入域在臺式機上能夠正常顯示
而在手機上只能顯示幾個選項，必須要用滾動條才可以看到的。
七、手機瀏覽器對某些css屬性不支持
例如：position：fixed
例如：position：fixed
如果需要在手機屏幕顯示top bar、bottom bar，則比較麻煩，需要通過css+javascript來實現(xiàn)。
以上就是手機網(wǎng)站與電腦網(wǎng)站的主要區(qū)別，正因為這些問題的存在，我們在設(shè)計手機網(wǎng)站模板時，需要考慮如何設(shè)計使更符合不同終端用戶的使用習(xí)慣。
-
品牌官網(wǎng)案例
蘇州五金公司
2593條
收錄量暴增
40個
關(guān)鍵詞
-
電商官網(wǎng)案例
秦農(nóng)網(wǎng)
小鎮(zhèn)合作社蛻變?nèi)珖r(nóng)特產(chǎn)品牌
打通了線上線下的生意閉環(huán)
5000+
輕松招納會員
70%
實現(xiàn)業(yè)績增長
-
分銷官網(wǎng)案例
可可媽母嬰店
手工作坊升級線上品牌分銷網(wǎng)站
讓消費者主動變成銷售員
10倍
分銷用戶增長
1200萬
總業(yè)績突破
-
小程序案例
同和牛奶
批發(fā)店打造移動電商新模式
深耕本地化社群+團購
30+萬
2個月銷售額
12億
微信用戶數(shù)
舉報不良網(wǎng)站
高新企業(yè)證書編號：GR201644000568