手机网站设计规范
tag:
手机网站设计规范
tag:
有四种主要方法来设计手机网站,每一种方法都有其的优点和缺点。
1、进行移动站点适配
保留原有的标记,但是调整现有的设计样式是完善移动体验的长期方法。通常,通过更换移动浏览器的样式表来达到这个目的,该样式表简化了布局,隐藏了大幅图像/动画,并使得浏览页面更加容易。
利:
低成本,并且只需要修改外观。
弊:
限制了能够做出的改变的数量。
无法改变基于该站点上下文的内容。
对于大多数移动设备和屏幕分辨率来说,很难进行设计。
2、单独设计移动站点
如果有大量预算的话,那么最理想的方法就是开发一个独立的专门由移动设备访问的网站。移动网站的设计,组织和填充一直关注移动用户的需求。因为该站点独立于公司的主网站,因此它可以是完全不同的。当用户访问主站点的时候,他们被标识为移动用户,页面自动跳转到为移动设备访问版本,这给用户提供了最好的体验。他们可以浏览专门为移动用户的需求设计的站点。
利:
给用户提供最好的移动体验。
弊:
开发和维护的成本太高。
一些用户习惯了该网站的桌面版本,并倾向于通常使用的版本。
对于大多数移动设备和屏幕分辨率来说,很难进行设计。
3、响应式布局
随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果, 设计师提出了响应式布局的设计方案。
利:
面对不同分辨率设备灵活性强。
能够快捷解决多设备显示适应问题。
弊:
一定程度上改变了网站原有的布局结构,会出现用户混淆的情况。
在我看来,成功的手机网站的设计秉持一个简明的原则:让用户快速地得到他们想知道的,最有效率地完成他们的行为,所有设置都能让她们满意。