为用户创造价值

始终追求工匠精神,是您靠谱的H5开发、小程序开发、微信开发供应商

蓝畅首页 >> 动态

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

时间:2019-09-29 11:32:18 | 来源:

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外包,视频后期制作等优质服务


本文地址:
更多内容推荐:
专栏最新阅读:
更多文章阅读请至:专栏
Tips: 为您提供H5开发小程序开发微信开发网站开发小程序商城开发SEO网站优化视频后期制作服务