基于开源共享精神的SVG交互图文搜索引擎·无偿使用·公益助力疫情下数字经济复苏
热门
伸长
模版
横屏
游戏
编辑器
旋转的苹果下落,经过错层滑动的场景在进入产品的互动环节……由此一个最简单的物体通过 SVG 开发制造了精妙的情人节交互设计。
看似无限往返 SVG 结构,实际上通过推出和内部滑动,实现了长图文的更巧妙折叠,由此在收起是不会大幅拉动画面,而是控制屏幕留在原处。
基于 SVG 无限往返逻辑,对占位图层 width 宽度的拉扯实现页面的往返切换特性,也是 Apple 为业界带来的新互动形式设计。
视差滑动场景下的快消品牌主题设计,运动的人像和 GIF 因 perspective 3D 而更加富有动感。
本作基于 E2 黑科技编辑器「书法写字」SVG 组件制作而成,利用路径动画模拟出手写毛笔字的过程,十分生动地发布了一篇放假通知。
JZCreative 为雷克萨斯交付的新年开工抽签一作,利用打印机样式丰富抽签交互效果,并结合长按可保存的展示签文上的产品细节,多轮抽取后可再次延伸推文内容,具有浓厚的节日氛围。
本作不仅娴熟应用了 E2.COOL 黑科技 SVG 编辑器的视差滑动套件,更利用「零高图片」结构和遮挡关系,创造性地实现了由溜冰到骑车的过渡效果,效果十分惊艳。
SVG 动画开场,衔接全景范围的 CSS 滑动结合弹出式海报,形成了探索感极强的图文交互创意,并充分展示「探索什么是好的生活」的小红书新年愿景。
CoolSITE360 提供 UI/UX 支持 Copyright © 2013-2023 iSVG投稿/定制/培训:微信公众号、小红书「iSVG」