单体元素点击游走大行其道的当下,难得一见出现双物体的同步游走,当然本质还是 path 动画的应用,并通过编组嵌套进行了符合。画面设计和动画虽然简约,但也融合了丰富的动态组合,是品牌周年纪念主题的佳作典范。
独特的地图游走与遮罩效果设计,打造了一个神秘的大学校园故事场景,通过点击进入不同专业楼内,镜头会不断发生游走并变换文案,最终揭晓产品功能并提供一个简单的操作效果互动。作品中采用了大量的动画连续编组,并且通过双层触发同时激活了丰富的动画效果,因此能实现这般丝滑而酷炫的镜头窥探游走感。
中元节的由来和习俗是什么?局部气候调查组以「错层滑动」为排版形式,将手电筒的光斑作为夹层,深夜的景从中穿行,时而有点缀之物从表面掠过。得益于精彩而幽默的画面情景设计,能让人在不知不觉中完整阅读。
七一建党节人民日报发布了此篇声波密码,该作由荒村大佬开发。采用了得当的手法处理动画播放的过程,保证清晰度的同时,又完美隐藏了视频组件,整个过程一气呵成。文字视频的创意形式新颖流畅,通过假封面旋转视频,点击后自然过渡到文字动画。
从巴士加载描线动画到变换为错层滑动夹层,其中的SVG长按动画设计做到了完美无缝衔接,令人叹为观止。而滑动中也融合了视频号美化等丰富的互动结构,结合云雾与人像的穿插设计,若隐若现又激情四射。
丝般顺滑的动效得益于精湛的视频动画设计能力,在进行合理的 GIF格式转化后,画质被极大程度保留,使得画面极具冲击力。正文的排版与视频号嵌入布局也在设计学层面让人五体投地,作品充分说明了形式服务于内容,交互服务于设计的关键SVG开发理念。