iSVG

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

花园、水果、旅途与爱|动态设计|Plastic SEA

本作由 Fifi 主创,交互部分使用 E2.COOL 编辑器搭建而成。在 Fifi 强大的设计功底下,SVG 只需作为小小点缀,运用简单基础的模型就足以起到锦上添花的作用。目前部分效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「点击伸长」实现。

天生好看的 Xiaomi Civi 来了!|无限选择器|小米手机

由小杨操刀开发的小米新品发布图文,几乎每篇都倾注了时下最顶尖的交互技术。该作值得一提的是文中伪无限选择器的运用,突破了 id 选择器的技术限制,采用更为保险的多层套娃以实现同样的效果,同时搭配使用逐帧动画,使切换的过程更加生动。

@所有人,一键穿越的机会请查收|选择伸长|安慕希

本作同样为渐进式剧情的多段伸长,由荒村开发制作。多段伸长的作品层出不穷,该作的亮点在于文章伊始假按钮的设定,虽然终是殊途同归,但是这一互动环节的增加却大大增强了文章的趣味性。

大疆发布 DJI OM 5 手机云台,你也很会拍!|快闪动画|大疆

新品发布自然是品牌在一年中的重头戏,大疆此次采用最耗时耗力但效果炸裂的快闪动画,同步彰显产品和运营强大实力,着实在圈中秀了一把。

@你,请查收来自霍格沃茨的成绩单|互动游戏|网易王三三

提到游戏类交互图文,网易王三三在此方面的探索可谓是花样百出。此月发布的霍格沃茨成绩单使用切换和长按效果,并配合大量的编组行为使用户自定义生成专属人设。同样以哈利波特为题材,网易网三三在去年发布了大富翁版的《微信版〈哈利波特〉中文游戏首次上线!点开即玩!》,及测试类的《恋爱时的你是〈哈利波特〉里的谁?一测便知!点开即玩!》。此类图文开发并不复杂,只需搭配基础的交互模型,如点击渐现、顶层滑动、抽签等,就可以实现多种多样的创意形式。

来,一起抓星星🤩|互动游戏|腾讯微信派

本月 GL 为微信派交付的此篇文章展示了丰富的 SVG 互动游戏,将孩童时期的游戏贯穿始终。开篇以抓星星开启读者互动,新颖的翻页动画配合生成读者的专属书单,展现形式妙趣横生,建议点开原文体验一下。

号外,臻浓发现神秘星际信号!错层滑动|伊利

以星际为主题,臻浓牛奶发布了此篇横版长卷,由荒村制作开发。配合恰当的设计,错层滑动总能做到出其不意的效果。伴随着读者滑动,飞船从星球下方跃然而出,直至文章结尾实现跃迁隐匿于星云之下。

你相信光吗?|拟态游戏|爱范儿

由爱范儿为 ColorOS 策划的此篇漫画长卷,无疑是本月最出彩的交互图文。发挥狂野的想象力在图文中上演了一出精彩的外太空故事。该作利用多级展开结构,在故事的关键节点增添互动能力,强调展示了手机系统丰富的功能点。

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

沪ICP备2022011523号