iSVG

基于开源共享精神的SVG交互图文搜索引擎·无偿使用·公益助力疫情下数字经济复苏

🦻老师的话|朗读功能|微信派

教师节主题下,利用微信的朗读功能,结合经典的 EMOJI 符号猜句子的游戏思路,结合了细节 SVG 小动画,构建出了一套妙趣横生的朗读式图文。

第9年了,看清这朵花!|缩放效果|腾讯

通过预先制作的 GIF 一镜到底片段连续组合,形成了基于缩放效果的 SVG 连续画面递进。

心愿签掉落时刻:期盼「隅」你一起,实现「新」愿|错层滑动|新养道

错层滑动如何做出新意?本文开场模拟笔迹效果,手书文字开始剧情,让「生成」的幸运签随后穿插在画面中,构思巧妙让人眼前一亮。

新色登场丨色彩控们,圈粉了|旋转连续变化|Dyson戴森

多产品组合展示,通过小角度(15°)旋转连续变化,这对于长条型结构产品来说显得尤其合适,动作干净利落又充满创意。

菲鹏22周年:致初心,践未来!|点击游走|菲鹏生物

单体元素点击游走大行其道的当下,难得一见出现双物体的同步游走,当然本质还是 path 动画的应用,并通过编组嵌套进行了符合。画面设计和动画虽然简约,但也融合了丰富的动态组合,是品牌周年纪念主题的佳作典范。

刚开学,就发生了这种怪事?|地图游走|扫描全能王

独特的地图游走与遮罩效果设计,打造了一个神秘的大学校园故事场景,通过点击进入不同专业楼类,镜头会不断发生游走并变换文案,最终揭晓产品功能并提供一个简单的操作效果互动。作品中采用了大量的动画连续编组,并且通过双层触发同时激活了丰富的动画效果,因此能实现这般丝滑而酷炫的镜头窥探游走感。

七月半,鬼乱窜|错层滑动|局部气候调查组

中元节的由来和习俗是什么?局部气候调查组以「错层滑动」为排版形式,将手电筒的光斑作为夹层,深夜的景从中穿行,时而有点缀之物从表面掠过。得益于精彩而幽默的画面情景设计,能让人在不知不觉中完整阅读。

这 个 七 夕 ,栽 在 你 手 里|错层吸附滑动|Bananain蕉内

三层滑动结构,以手为固定夹层通过巧妙的前后景设计形成错层吸附滑动效果,实现手握的物品不断替换,排版创意十足。

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

沪ICP备2022011523号