节庆与专题 SVG 推荐

新年伊始 - 春风送暖万象新,元旦佳节喜气生

祝福导向交互设计

追觅科技 - 多段伸长

点击了解

本作的巧妙之处在于多段伸长结合浮层,形成了一个电梯厢体跟随展开而下楼的动画,别出心裁又贴合剧情。

人民网 - 立体感 GIF 控制

点击了解

基于 GIF 控制器控制立体感十足的动态图播放,形成了极具视觉张力的画面表达。

Plastic SEA - 复合交互设计

点击了解

该作采用了多重伸长的结构,由探索世界到探索内心层层递进、层层展开。在各阶段中又配合主题融入了夹层滑动、特殊手势、倾斜滑动、翻牌等各种组件,设计初衷、动态展示与交互效果相辅相成,实现了一套令人叹为观止的效果。

营销导向交互设计

NIKE - 遮罩滑动

点击了解

较为少见的遮罩滑动,实现了特定区域范围内的互动限定能力,在本文打造了一个类似隧道空间的结构,也充分复合兔子自身的属性。

一加手机 - 撕日历

点击了解

巧妙地运用了日历元素,读者点击切换撕下日历,生动又具有创意,这样的年终总结既让信息有效传达,又让人眼前一亮。

马吉拉 - 红包滑动

点击了解

在滑动结构中通过巧妙的布局设计,形成了透明滑动的同时一侧提供红包封面领取,一侧藏有壁纸海报弹出,整套效果基于 E2.COOL 黑科技 SVG 编辑器实现。

游戏导向交互设计

GQ 实验室 - 可保存抽签

点击了解

可保存的抽签特效,点击停止后再次点击可弹出图片并保存,进一步提升了传统抽签的用户体验。

微信派 - 人物角色互动游戏

点击了解

精彩人物角色情景互动设计,采用人物固定位置-背景横向位移的开发策略,并分段触控关联太阳、飞机等要素,内容精彩纷呈,交互丝般顺滑。

小红书 - 望远镜互动

点击了解

SVG 动画开场,衔接全景范围的 CSS 滑动结合弹出式海报,形成了探索感极强的图文交互创意,并充分展示「探索什么是好的生活」的小红书新年愿景。

网易 - 复合小游戏

点击了解

融合了包括「鱿鱼游戏」结构、多叉树设计、消消乐模型,互动结构十分精妙,同时体验保持了足够的流畅,是小游戏混合体的上乘之作!

CoolSITE360 提供 UI/UX 支持  Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」

沪ICP备2022011523号