H5页面怎么做?H5页面设计规范

h5页面设计规范

1、把重要内容布局在安全线之上。

目前包含android和ios最小分辨率均在640*960之上。计算Android和ios安全区域，以android的导航栏和标签栏最大值（48+100）为准:960-148=812，从状态栏开始812设计即是安全区域。

2、可点击部件尽量和屏幕四边保持20-30PX的距离。

3、设计的时候尽量以一个使用者的角度去设计，判断哪个页面需要状态栏，哪个页面只需要一个返回按钮。

4、iPhone输入法自带搜索按钮，没有必要再在页面上进行显示。

5、尽可能的对页面部件大小边距等元素进行大小的标注。

6、中文字体:黑体-简或者华文黑体。英文字体:helvetica neue lt。

7、字号选择:建议最小不超过18像素，其他字号双数，同种类别下用一样字号。

8、排版

集中:简单集中，中心元素不易过多，突出重点为最优。

9、给开发提供图片素材要控制在100k以内。这样不仅能提高加载速度，还能节省用户带宽。

10、在小小的手机屏幕里，碎片时间中，我们必须先抓人眼球，再抓住人心。

11、有时候构思的时间比做的时间还要长。

12、H5和app比起来优势在于开发周期时间短，传播起来有效率，并且在更新迭代的成本上要小很多。特别在游戏上，未来H5会有更多的可能性。

13、从页面布局上减少跳转：使用交互技巧隐藏文字

相关文章：移动端界面设计UI尺寸规范汇总

关于我们：

Infocode蓝畅信息技术有限公司成功为多家世界财富500强企业以及其他著名品牌提供优质服务，是您靠谱的互联网开发供应商。

服务客户遍及北京、上海、杭州、深圳、广州、天津、青岛、南京、宁波、苏州、无锡、厦门、重庆、西安等大中型城市及地区    为您提供：H5开发，小程序开发，H5外包，微信开发外包，H5商城开发，小程序商城开发，网站开发外包，H5游戏开发，小程序开发外包，小程序设计、APP开发外包，UI设计，SEO优化，SEO外包，视频后期制作等优质服务