iSVG

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

一“键”穿越百年,看看TA的古韵今风!|数据可视化|学习强国

新闻数据可视化与 SVG 的精彩结合,以老照片修复为操作意象,结合了各类精巧的 SVG 微动画。

进球了!|错层滑动|抖音集团

细腻的动态图开场,以照相机闪光自然切换到胶片框中,接续经典的错层滑动使得足球在不同前后景中穿梭。

这一句,该如何翻译?|逆向擦出伸长|旦复旦的校史

以电影《望道》为宣传客体,通过陈望道老校长在翻译《共产党宣言》过程中的非凡经历为线索,结合逆向上色擦出伸长的方式呈现了两个章节的漫画故事。且漫画构思极其巧妙,采用了相同构图的复用化设计进行切换,使得刷新效果更为惊艳。

终于 我全敲完了!|连续切换|美团外卖

每块冰块处放置了三层互动,用户第一次进行点击时,冰块碎开,同时触发了爆裂的音效,第二次点击后,冰块进一步碎裂,第三次点击时触发位图弹窗,对冰块内所藏物品进行了揭秘;音效与局部切换的完美配合,有效模拟了真实的敲击过程,让用户在“嘭”“嘭”的声音中体验到一场砸冰块游戏,解压又畅快。

浪漫时刻|无限选择器|GRAFF格拉夫

将无限选择器作为整体引入滑动模块是一个大胆的设计挑战,本作有意在用户点击某个滑动界面是营造出其他界面变暗的效果,强化产品落地页的操作聚焦,不过视觉体验上仍具有一定争议性。

「海岛假期」DAY 1|地图游走缩放|JoMaloneLondon祖玛珑

本作熟练地组合应用了 E2 编辑器的点击伸长、地图游走缩放、零高容器等组件,共同搭建出此篇夏日海岛地图,效果丝滑流畅。

一份「女性」的奥运史|渐变着色滑动|局部气候调查组

巴黎奥运会即将到来,局部气候调查组以女性视角讲述了奥运中的铿锵力量。全文的渐变着色滑动,本质是双层的滑动结构,底层为渐变颜色设计,表层有不同的镂空设计区域,当手指滑动上层并移动画面时,就产生了空缺部分填充色彩的效果。

上世紀夏天的電視廣告|连续点击切换|HAKUCHI

炎炎夏日,打开电视机清凉片刻!HAKUCHI 为我们带来了上世纪夏日的不少与解暑有关的动态广告,动态一个电视机框架,连续点击切换收看,切换过程中精心插入了一个雪花纹理过程,让感官身临其境。

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

沪ICP备2022011523号