手机网页设计注意事项，手机页面排版方法

　　虽然手机因为性能和网络等限制因素，不能达到PC专题那么优秀的效果。但手机网页还是有他独有的优势。手机网页也是可以动起来的，而且还可以通过手机特有的重力感应功能做视差滚动效果的交互，看起来很优雅。通过手机控制PC页面的浏览也是一种新体验，不妨试试挖掘更多可能性。下面网我告诉您手机网页设计注意事项，手机页面排版方法。

　　先做PC版的页面还是手机版页面

　　看用户的访问数据来定。一般情况下都是先做PC版的页面再做手机页面，PC端网页可以呈现更丰富的内容，用户浏览网页时更专注，达到最好的体验。但有很多情况下，页面的访问更多的来自手机端，比如专题页面，用户通过微信、手机QQ入口进入。如果开始就先做PC版的专题，想必手机版的内容将是一个移植的PC版网页，让移动版的体验大打折扣。

　　1.安全宽度与扩展区域让页面适应主流分辨率

　　与PC上网页的做法一样，确定一个安全宽度，把重要信息控制在640PX宽度内，推荐使用纯色，渐变，可以平铺的素材，以便于减少头图的大小，提高加载速度，并且延展区域可以无缝连接。模糊的背景可以最大限度的压缩图片质量。

我的微信二维码，如有需求，欢迎扫一扫

　　3.字体

　　手机中的字号一般上电脑中的两倍，一般在电脑中用的12px的字体在手机网页中就该使用24px。在设计的过程中，也要使用iOS和安卓默认渲染的字体，以便更真实的还原真实环境。在规范的专题中，主要字号控制在3个，大中小都有一个区间。避免随意用字体字号，并且字号必须上整数。

　　4.控件交互区域适合触控

　　手机专题的主按钮高度大于80px，并且根据活动的需求放在首屏内。文字链接上下的间距大于80px，手指在屏幕上热区最小感应是44px。

　　5.移动端网页少用跳转

　　手机用户的网络环境不如PC用户，页面的跳转会对用户产生更大的心理效力，如果在手机页面中能把信息合理的展示在一个页面中最佳。如果非要跳转，咱们可以用些假装不是跳转的方式，比如展开，浮出等。减少用户产生的不安全感。