案例：荣耀手机一镜到底邀请函
品牌：荣耀手机
玩法：一镜到底H5
1、设计交互上
整个H5设计为手绘动画风格，呈现了24个城市的文案，通过城市的标志性建筑，特有形象，精美展现各个城市的特色风格；从交互上来说，整体模拟双指放大交互，好像是用长焦镜头打开的一场不断穿梭一镜到底的环球之旅。并且可长按加速体验穿越效果，视觉震撼效果很惊艳
2、画面内容上
以24幅不同风格的插画手绘出当地主要建筑来体现世界各地的潮流场景，以三维视觉效果形成穿梭体验，每一个画面都环环相扣，最后是一个发布会的邀请函，及头像生成器。
3、技术动画上
一镜到底采用Canvas标签，配合原生 drawImage方法，进行画面从大到小的绘制。因为画面都是画中画，采用Canvas可以准确的定位画面的位置，兼容不同尺寸的手机屏幕。动画上，使用了Spine骨骼动画技术，让动画即流畅又节省资源空间占用。此外，
4、用户体验上
整体体验过程中，还有隐藏的弹窗，这在保证动画流畅度的基础上，又增加了很大的技术难度。且将24个不同风格特色，构图角度不同的城市完美串联起来，应该花了不少时间和精力，从创意，设计构思，到技术实现都增加了很大的工作量。可以看出，这个项目应该是个较长工期才能完成的精品之作。
注：小伙伴们还想欣赏更多的行业H5案例吗？如果你还想看多的行业H5案例，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例，有更多的优秀案例再等着你哟！
相关链接：节日H5|H5设计公司|H5制作|小程序开发|公众号开发
