- 注册时间
- 2015-11-19
- 最后登录
- 2015-12-31
- 阅读权限
- 70
- 积分
- 1537
- 精华
- 0
- 帖子
- 123
TA的每日心情 | 怒 2015-12-31 09:03 |
---|
签到天数: 32 天 连续签到: 4 天 [LV.5]常住居民I
|
手机网站和电脑网站有哪些区别
手机和电脑不管是在分辨率还是操作系统方面的差异很大,这也是决定了手机网站和电脑网站的区别。那到底手机网站和电脑网站有哪些区别?
一、浏览内容
1、电脑网站的分辨率是1024*768,而智能手机的分辨率仅有320*480。
2、电脑网站内容信息度广,降低用户视觉疲劳,而手机网站浏览内容不方便,大大增加视觉疲劳
二、垂直浏览取代水平浏览
电脑网站在呈现数据内容时,以水平导航方式。用户可以左右移动点击链接浏览信息。而手机网站在呈现数据内容时,以垂直导航方式。
三. 导航条,标签和超文本
在电脑网站中,我们可以看到超链接的,而在手机网站中,我们却很少看到超链接。并不是手机网站中没有超链接,而是被一些按钮,标签等替代了
用户使用手指来操作移动设备是产生垂直导航方式的原因之一。在电脑上,移动鼠标,点击超链接是很理想的查看信息的方式,但是在移动设备中,通过手指触摸屏幕来打开超链接就不那么容易了。用户可以很容易激活一个链接,进入一个新页面,但,这并不是用户期望的页面,如果这样的话,会产生非常差的体验效果。
四、图片
在网页中,我们经常能看到企业网站的logo,产品信息、导航的图形信息等等。设计者经常需要设计网站促销产品图形,公司logo等。而在手机网站设计中,尽量减少图片,原因很简单:手机屏幕小,显示内容有限,占用内存大,浪费大量的移动流量。
五、全局导航与情境导航
在电脑网站中,可以使用各种各样的导航方式,而手机网站采用全局导航的,情景导航极少。在手机网站中,手机屏幕大小决定使用导航方式。
六、滚动条
手机浏览器浏览信息,是没有快捷滚动条。而在计算机浏览器浏览信息,是有快捷滚动条。比如一个图中有下拉列表输入域在台式机上能够正常显示
而在手机上只能显示几个选项,必须要用滚动条才可以看到的。
七、手机浏览器对某些css属性不支持
例如:position:fixed
如果需要在手机屏幕显示top bar、bottom bar,则比较麻烦,需要通过css+javascript来实现。
以上就是手机网站与电脑网站的主要区别,正因为这些问题的存在,我们在设计手机网站模板时,需要考虑如何设计使更符合不同终端用户的使用习惯。
手机网站模板:http://www.iisp.com/design/site_package.php?mobl=1?s=hui
|
|