从巴士加载描线动画到变换为错层滑动夹层,其中的SVG长按动画设计做到了完美无缝衔接,令人叹为观止。而滑动中也融合了视频号美化等丰富的互动结构,结合云雾与人像的穿插设计,若隐若现又激情四射。
丝般顺滑的动效得益于精湛的视频动画设计能力,在进行合理的 GIF格式转化后,画质被极大程度保留,使得画面极具冲击力。正文的排版与视频号嵌入布局也在设计学层面让人五体投地,作品充分说明了形式服务于内容,交互服务于设计的关键SVG开发理念。
X 轴 3D 翻转形成如卡片飞入时空漩涡中的创意立体效果,呈现了圈内各大知名的头部公众号新媒体品牌,共同纪念公众号的11周年,体现了平台与创作者相互依存的共生必然性。
有谁能拒绝憨态可掬熊猫呢?本作不仅利用图层深度差异构建了基于 perspective 3D 的景深画卷,设计上也十分考究。每只熊猫神态各异,并通过序列帧或简单的位移参数构建动画。另有局部巧妙构思了镂空的画面,使得底部背景以光晕形式划过,整体画卷动静结合,精美绝伦。
这是 Perspective 3D 视差滑动中「地平线模式」的又一精彩应用案例,其中以滤网作为水平结构,与滑动方向结合巧妙分隔了行文章节,气泡的要素打造出立体的微观世界,使得这条 SVG 的阅读沉静感极佳。
马歇尔品牌 60 周年,也可以认为是摇滚乐的 60 周年发展史。本作以 perspective 3D 为核心技术支撑,在拼贴式图像排版的基础上,通过裸眼 3D 视差滑动使得图片具备极强的纵深感,优雅而丰富的画面感官着实烘托出了各个世纪下摇滚的普适魅力。