节庆与专题 SVG 推荐
本作的巧妙之处在于多段伸长结合浮层,形成了一个电梯厢体跟随展开而下楼的动画,别出心裁又贴合剧情。
基于 GIF 控制器控制立体感十足的动态图播放,形成了极具视觉张力的画面表达。
该作采用了多重伸长的结构,由探索世界到探索内心层层递进、层层展开。在各阶段中又配合主题融入了夹层滑动、特殊手势、倾斜滑动、翻牌等各种组件,设计初衷、动态展示与交互效果相辅相成,实现了一套令人叹为观止的效果。
较为少见的遮罩滑动,实现了特定区域范围内的互动限定能力,在本文打造了一个类似隧道空间的结构,也充分复合兔子自身的属性。
巧妙地运用了日历元素,读者点击切换撕下日历,生动又具有创意,这样的年终总结既让信息有效传达,又让人眼前一亮。
在滑动结构中通过巧妙的布局设计,形成了透明滑动的同时一侧提供红包封面领取,一侧藏有壁纸海报弹出,整套效果基于 E2.COOL 黑科技 SVG 编辑器实现。
可保存的抽签特效,点击停止后再次点击可弹出图片并保存,进一步提升了传统抽签的用户体验。
精彩人物角色情景互动设计,采用人物固定位置-背景横向位移的开发策略,并分段触控关联太阳、飞机等要素,内容精彩纷呈,交互丝般顺滑。
SVG 动画开场,衔接全景范围的 CSS 滑动结合弹出式海报,形成了探索感极强的图文交互创意,并充分展示「探索什么是好的生活」的小红书新年愿景。
融合了包括「鱿鱼游戏」结构、多叉树设计、消消乐模型,互动结构十分精妙,同时体验保持了足够的流畅,是小游戏混合体的上乘之作!
CoolSITE360 提供 UI/UX 支持 Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」