iSVG

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

“可以不用再战斗了……”|错层滑动|局部气候调查组

局气再次发挥了错层滑动的创意用法,采用正向错层接逆向错层的结构,模拟出太阳日落日升的效果。缓缓下滑的过程中太阳逐渐下落,象征着行业或人生的落幕。点击后可以从底部向上逆向滑动,太阳再次升起出现希望。利用交互结构完美演绎出了本文主题。

除夕夜前的24小时|二选一拉长+点击切换|科大讯飞

你一般会选择什么方式过年呢?本文给出了两个选项,不同选项对应不同的条漫内容,其中都加入了多个点击切换交互,令读者在互动之下沉浸其中,结尾还加入了抽签交互,为读者送上新年祝福。

速来!2023限时转运!|打印+伸长|科沃斯ECOVACS

集合抽奖和打印交互于一体的跨年主题 SVG 交互设计,体验流畅自然,结合伸长动画不断延伸画面,让品牌温情与科技潮流兼具。

上新!二手玫瑰!接客!|3D 视差滑动|塔斯汀

经典的「地平线模式」裸眼 3D 交互设计,通过人物的前后排列和地毯的水平线抬升,更充分突出空间的层次感,打造了浓浓的过年喜庆氛围。

臻选礼物季|赋予每个时刻独特精彩|无限选择器|NIKE

本文置于圣诞的场景展览中,可自由查看任意标签下的主题内容。通过无限选择器的多级嵌套,层级清晰明了。

奇妙庆典,假日邀约|逆向擦出伸长(带附件)|路易威登

利用 E2.COOL 黑科技 SVG 编辑器的逆向擦出伸长(带附件)效果,实现了圣诞主题自下而上的画面刷新效果,贴合节日的惊喜与奇妙氛围。

梦寐礼物单|任意点击弹出卡片|Tiffany蒂芙尼

美好的节日将至,从 9 份礼盒中随机挑选出一款看看!Tiffany 本作的开头由 JZCreative 操刀布局了一组可任意点击弹出卡片,并支持关闭或进一步跳转商铺的 SVG 黑科技排版,可以以说是同屏交互陈列商品的典范之作。

I WISH:GRAFF!|密码解锁|GRAFF格拉夫

利用独特的浮层遮罩设计,实现双层解锁功能,全部选中正确的选项后才可解锁伸长下文。通过简单的选择引入产品正文,如此精巧巧妙的设计出自 Yutu 老师之手。

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

沪ICP备2022011523号