随着移动端用户的爆发式增加,移动端的交互方式成为人们关注的重点,相比于App,H5的开发周期更短、更新迭代更迅速、传播性更强,因此H5也应运而生,移动端H5开发也成为众多企业的选择。H5开发涉及多端领域,需要适配多种分辨率的屏幕。因此,企业了解移动端H5页面开发流程前需要先关注其设计环节。

 

1、微信端H5网站在深层页面设计时,需加入返回功能。

 

2、滑动到下方时,页面下方应设置返回顶端按钮。

 

3、底部导航是影响用户使用体验的重要一部分,从而也成为移动端H5页面开发流程中考验开发者能力和经验的一点,齿轮易创拥有众多经验丰富的UI设计师,为企业提供适合的导航,提升用户体验。常见的几种形式包含:底部常驻式、伸缩弹出式、侧滑弹出式

 

(1)底部常驻式:其优点在于可以在多个一级页面中常驻,令用户可以在界面内快速通过底部导航中的按钮进行切换;其缺点是一直占用用户页面。

 

(2)伸缩弹出式:优点在于一直以小图标形式存在页面中,且不占位;缺点在于用户需点击图标才可进入导航。

 

(3)侧滑弹出式:优点是适用于多个功能页面的切换;缺点在于用户需点击图标才可进入导航。

 

(4)灵活随动式:优点在于随用户上下滑动的手势可进行出现和隐藏;缺点在于用户动作频繁时会影响对用户产生视觉干扰。

 

移动端设计

 

4、H5活动页:动效设计时,可利用位移、旋转等特效,某些特殊页面可增加音效。设计的视觉中心在屏幕中央,需要增加页面的趣味性以吸引用户进行自发式转发。

 

5、字体:PC设计用华文细黑,MAC用黑体-简。

 

6、尺寸:只提供给大众浏览的H5页面,图片和图标的修改权由团队控制,设计稿以640*1136为准,切图3套,分别为HDPI\XHDPI\XXHDPI,适配3中分辨率,写入前端后,可自动根据用户屏幕大小进行改变适配。提供给商户使用的H5,可把修改权移交给商户。

 

移动端H5页面开发流程并不复杂,但困难在于其设计能够符合企业所使用的场景,从而引发用户自发式关注、转发等行为。因此企业在选择H5开发企业时,需要挑选案例丰富的开发商。

 

青岛青设网络科技有限公司是国内领先设计团队和营销策划服务商,专注于5G技术下平面设计,UI设计,BS系统设计,网站开发,SEO,自媒体,百度百科知道、知乎等百家号,排行榜,删除负面,媒体发文等营销宣传。帮助企业解决5G时代三维动态化站点的设计改造,为客户提供网站一站式解决方案。

 

**本文内容来源网络,经AI自动调整,信息仅供参考**


暂无评论



发表评论

电子邮件地址不会被公开。 必填项已用*标注