随着h5页面的诞生,企业和个人使用h5页面展示的东西越来越多了,很多朋友可能对h5页面制作的技巧和规范都不太了解,下面给大家详细介绍下,想要了解的朋友们可以一起来看看哦。1、h5页面慎用向右滑动的动画方式苹果手机上,向右滑动容易触发返回“上…
请柬 随着h5页面的诞生,企业和个人使用h5页面展示的东西越来越多了,很多朋友可能对h5页面制作的技巧和规范都不太了解,下面给大家详细介绍下,想要了解的朋友们可以一起来看看哦。1、h5页面慎用向右滑动的动画方式苹果手机上,向右滑动容易触发返回“上一级页面”效果。2、慎用横屏展示效果。 体验上,需要用户设备开启屏幕旋转功能,才能正常观看,用户操作成本高。对不同屏幕的手机,长宽比例不一,难以展示最佳的视觉效果。3、尽量避免全屏动画,优先考虑局部动画的方式。 如果呈现的视觉效果无法用代码实现,就意味着要用全屏尺寸的序列帧来处理,体积上会飙升,影响加载体验。4、慎用“光线叠加效果” 如:给图层加个“柔光”、“滤色”、“色相”等等效果,除非这个视觉元素可以合并为一体。 给重构挖坑,导致不好切图,无法还原视觉效果。5、功能按钮等,远离页面底部更好的设备各种屏幕的手机,避免按钮被挡住。