iSVG

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

让全国看看,咱这儿的本事|错层滑动|NIKE

从巴士加载描线动画到变换为错层滑动夹层,其中的SVG长按动画设计做到了完美无缝衔接,令人叹为观止。而滑动中也融合了视频号美化等丰富的互动结构,结合云雾与人像的穿插设计,若隐若现又激情四射。

腾讯2024校园招聘全面启动|GIF控制器-伸长|腾讯

丝般顺滑的动效得益于精湛的视频动画设计能力,在进行合理的 GIF格式转化后,画质被极大程度保留,使得画面极具冲击力。正文的排版与视频号嵌入布局也在设计学层面让人五体投地,作品充分说明了形式服务于内容,交互服务于设计的关键SVG开发理念。

已群发:微信公众平台11周年|X 轴 3D 翻转|微信派

X 轴 3D 翻转形成如卡片飞入时空漩涡中的创意立体效果,呈现了圈内各大知名的头部公众号新媒体品牌,共同纪念公众号的11周年,体现了平台与创作者相互依存的共生必然性。

中国绿色生态百工图|3D视差滑动|人民日报

有谁能拒绝憨态可掬熊猫呢?本作不仅利用图层深度差异构建了基于 perspective 3D 的景深画卷,设计上也十分考究。每只熊猫神态各异,并通过序列帧或简单的位移参数构建动画。另有局部巧妙构思了镂空的画面,使得底部背景以光晕形式划过,整体画卷动静结合,精美绝伦。

围观他们后的感想:??????|伸长动画|GQ实验室

具备「变色」能力的描线+伸长动画,能更适应不同画面的色调风格,同时拓宽画面设计的形式丰富性。

中国小孩,越被爱越痛苦|轨迹动画|新世相

「一条线」模式的娴熟应用,一如既往以一条超长轨迹线串联各个漫画的局部轮廓,配合以文案的浮现效果。

「净」显实力,开启鲜活体验|3D 视差滑动|追觅科技

这是 Perspective 3D 视差滑动中「地平线模式」的又一精彩应用案例,其中以滤网作为水平结构,与滑动方向结合巧妙分隔了行文章节,气泡的要素打造出立体的微观世界,使得这条 SVG 的阅读沉静感极佳。

最美妙的旅行|3D 视差滑动|Marshall Headphones

马歇尔品牌 60 周年,也可以认为是摇滚乐的 60 周年发展史。本作以 perspective 3D 为核心技术支撑,在拼贴式图像排版的基础上,通过裸眼 3D 视差滑动使得图片具备极强的纵深感,优雅而丰富的画面感官着实烘托出了各个世纪下摇滚的普适魅力。

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

沪ICP备2022011523号