随着移动互联网时代突飞猛进的发展,一些新产品随着时代的发展应运而生,进而手机网站制作越来越受人们的欢迎。而你怎样才能使自己走在别人的前面,抢夺大的商机呢?那就是提前做好移动互联网布局,而手机网站设计是你进入移动互联网的重要环节,很多传统设计师也加入到了手机网站设计的队伍,那手网站和传统网站设计有什么区别,我们要遵循什么样的原则和规范呢?

有人认为手机网站和pc 网站没有什么差别,有人为需要区别对待,我结合网络一些被人的观点和我们团队在日常设计交流碰撞中的心得,来说说手机网站设计的规范:

观点1:手机版网页设计PC端网页设计异同,
观点2:要注意手机端整体排布尽量采用竖排,
观点3:横排尺寸太大,影响文字图片呈现效果,手机页面尺寸般宽度设置640像素高度限其没~
观点4:手机网站页面设计都采用百比显示,使手机网站所手机都适配浏览
观点5:主流趋势移端市场采用响应式网站设计
观点6: 网页大小限制建议页面大小不超过15k
观点7:大多数手机不支持的：
* 表单元素的“disable”属性
 部分手机不支持的：
* “button”标签
* “input[type=file]“标签
* “iframe”标签。
虽然只有部分手机不支持这几个标签，但因为这些标签在页面中往往具有非常重要的功能，所以属于高危标签，要谨慎使用

观点8:出错页面规范
所有出错页面应给出简洁、友好的错误原因说明或者提示信息，指导用户进行正确操作

总结起来手机网站设计需要注意

1、手机网站设计内容要简洁

 　　一般的手机、平板电脑等移动设备，由于受到屏幕尺寸的限制,不能容纳庞大网页资讯，因此手机网页的首要重点，就是减少内容，不论是图片、文字或是影音。

 　　只要将重要的资讯放入移动版网页，就是主要的准则，重要性较低的、读取需要时间的内容，则可以透过超链接，连回到正常的官方网站。

2、符合滑动屏幕的方式

 　　大部分的移动设备，画面都不如桌上电脑那么大，尤其是阅读文字时更需要加以放大。即使智能手机都具有网页放大缩小功能，但是观看起来较为麻烦。因此设计手机网页时，建议是能够以滑动屏幕的方式阅读网站，因为滑动网页比起放大网页观看来得简单多了。

3、导航功能大不同

 　　手机网页与跟一般的网页不同的，在于当阅读文章到后时，要回到前头是麻烦的，因此设计网页的企业，除了减少卷动画面的机会外，也会加强导航的功能，让网页变得更容易于移动设备上阅读。

4、减少文字输入部份

 　　现在智能手机大多没有实体的键盘，或仅只有12键的电话输入功能，因此输入文字上会比起使用键盘麻烦得多。因此，减少使用者输入文字的机会，例如：个人的帐号、密码、搜寻内文、使用编辑器...等，都是手机网页要尽力避免的。