iSVG

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

请把手给我|动态设计+多段伸长|爱范儿 x 高通骁龙

爱范儿的 SVG 设计一如既往细腻,插画无论在画幅控制、交互提示、视觉线索方面都为互动提供了极佳的引导支持。全文主要以 SVG 架构 GIF 控制器为驱动不断推进剧情,并通过 SVG 零高堆叠形成的多段伸长变更场景,是非常优质的交互式漫画范文设计。

如果你也喜欢周杰伦,那我们就是好朋友。|视差滑动|JZCreative

周杰伦《最伟大的作品》现行 MV 发布后,JZ Creative Studio 同步推出了全新的「地平线」模式视差空间设计特效,制造了一个周杰伦金曲的虚拟空间展,将 QQ 音乐组件悬挂在页面中漂浮,用巨大的旋转黑胶唱片隔离,效果相当震撼。

点击地标,祝福香港!|缩放动画+音频美化|人民日报

香港回顾 25 周年,人民日报公众号发表此文庆祝,点击香港地标,视角拉近放大弹出海报,并自动复原,可实现无限次点击执行动画,十分流畅自然,本作由开发者科蚪操刀。

压力别太大,你领导其实没指望你能干啥。|滑动嵌套| 我要WhatYouNeed

毕业季来临之际,WhatYouNeed 借助朋友圈的形式分享了一波毕业生的生活,在横向滑动中嵌套纵向滑动组件,拟态朋友圈界面,并结合音频播放器、点击渐现等组件丰富内容。本作经过 E2.COOL 黑科技编辑器搭建而成,利用编辑器积木结构选用多种组件复合而成。

去串个门,听点音乐|一镜到底| Marshall Headphones

本作由 JZCreative 的计老师开发交付至 Marshall,模拟 Prezi 式镜头游走效果,整体全貌再到场景细节之间缩放切换,顺滑展示了一栋楼内的六个各具特色的摇滚房间,搭配背景音乐的切换,将氛围拉到极致。

你听!697年的酿酒技艺在说话…|音频复合动画|泸州老窖

传统非遗技艺配合当代 SVG 交互技术,人民网用大气的一图流设计,呈现了泸州老窖的近 700 年的岁月力量。其中音频连带图片切换的效果虽然并不复杂,但显著提升了阅读的沉浸感。其效果可以通过 E2.COOL 黑科技编辑器的「切换图片+播放音频」组件实现。

限量盲盒2.0 | 揭秘宅家小「科」的一天 (文末送盲盒)|放大镜游走|科沃斯

IP 形象怎么玩?科沃斯的这篇放大镜互动给了我们一个不错的创意示范。该作由行业大佬荒村主持开发,融合了 touchmove 指令触发,衔接预先制作好的放大镜动画 GIF 控制,构建了一个趣味的 IP 场景探索互动,让读者们对这个可爱的公仔心向往之。

「群青号」首发升空,为毕设打造的虚拟数字展|三维视差滑动排版|设计便利店&JZ Creative

设计便利店与 JZ Creative Studio——设计圈两大顶尖厂牌强强联手,为一批美术方向毕业生策划了线上虚拟数字展。在第一期中,他们采用了 perspective 视差技术在三维空间内布局了一个仿佛失重的展览空间,将公众号艺术展的表现形式又推向了新的美学高度。

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

沪ICP备2022011523号