经典的 Dashoffset 轨迹描线动画,画面设计复古感十足,黑色的轨迹线搭配自然得当,结合画面的依次浮现将企业历史娓娓道来。本文也是业内大神赵阳与科蚪的联袂合作,由 IF 设计式出品。
以画布伸长的动画模拟轨迹的描线效果,金丝在山峦间游弋穿行,将新年的祝福和产品的卖点娓娓道来。值得一提的是该作采用 touchmove 滑屏触发,使得交互体验在不经意间就启动运行,自然而流畅。
序列帧结合当下流行的无限往返触发逻辑,以令人叹为观止的代码工作量实现了这个模拟 3D 动画旋转切换的 SVG 交互效果。可见真正优秀的定制大作,技术、设计、勤奋缺一不可。
冲击力极强的手绘漫画结合横向视差滑动,进一步放大了画面纵深感与冲击力,同时在版面中支持进一步的 SVG 交互以展现产品卖点,将内容和交互有机结合。
难得一见涉及 dashoffset 动画的创新设计 SVG,弹幕起始暗藏文字,以「优雅」的描边从万千弹幕中揭晓「优雅」,优雅!非常优雅!