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.有时候怀孕比做要花更长的时间。

相比app，12，H5和APP的优势在于开发周期时间短，传播效率高，更新迭代成本低很多。尤其是在游戏方面，H5未来会有更多的可能性。

13.减少页面布局的跳转:使用交互技巧隐藏文本。