h5页面设计的确能给人很好的用户体验，收到很多网站追捧，但是有些效果要慎用，使用不当，可能会引起反效果。

h5页面设计

       1、慎用向右滑动的操作。主要在于苹果手机使用这个操作很容易触发返回“上一级页面”效果。
       2、要慎用横屏展示效果。因为正常体验时需要用户的设备开启屏幕旋转功能，用户操作成本高。手机屏幕有很多不同，长宽比例不一，难以展示最佳的视觉效果。
       3、由于安卓系统不支持多个音频同时播放，因此重构上，需要背景音乐和音效同时播放的设计也要慎用。
       4、慎用全屏动画，因为假如无法用代码实现呈现效果，就需要用全屏尺寸的序列帧处理，体积会很大，影响加载。
       5、“光线叠加效果”或PS里面的“图层样式”效果也要慎用，因为在重构上会导致不好切图，难以还原视觉效果。
       6、再者，重构上由于视频无法自动播放，所以首次播放视频需要用户点击才能播放，此外建议视频采用H.264编码器编码的MP4格式，效果体验会比较好。
      以上这些效果虽然有时能带来不错的体验，但是都是需要放在合适h5页面设计上才适用，希望以上技巧能帮到大家。

文章由上海网站建设公司昭歌信息整理发布https://www.zhaoge.net/，转载请注明出处