iSVG

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

3,2,1!数据发送完成。|动态设计|荣耀手机

该品牌的微信推送经过一波更新换代之后,保持了统一的视觉风格,且擅于用轻交互展示产品特点,也是各数码品牌非常青睐的推文效果。选取的此篇案例作为一图流+轻交互的典型,包含了丰富的局部动效和部分交互能力,优美而细腻。

一键换新墙,坚果智慧墙O1发布|视差滑动|JMGO坚果投影

坚果新品发布图文由小杨开发制作,应用了最新的视差滑动结构,也是行业首篇白色视差滑动案例,与深色视差的体验感不尽相同,建议点开文章感受一下

4月15日 18:00 | “近”入想象|JMGO坚果投影

4 月,我们为坚果投影仪交付了 O1 新品的系列发布。预热图文由计老师亲自操刀创意,本文结构短小精悍,将核心内容浓缩在一画幅内体现,采用由微观到宏观的 Zoom out 过程,也体现该产品「超近距投影」的概念。

选一张照片留给 100 年后的人|长按滚动|OPPO手机

由 GL 操刀的此作品巧妙地选取两张褪色前后对比的照片,通过长按感受时间流动的操作,恰当地表达了呼吁年轻人环境保护的主题。技术上利用位移动画实现长按图片滚动,同时配合高度动画,实现图片切换前后的滤色效果。

偷翻男明星手机,刺激!|音频互动+视差滑动|GQ实验室

本月图文复杂结构作品之最,由小杨负责开发制作,JZ 交付至 GQ 实验室。开篇由李易峰的音频引入主题,音频播放精准配合图片切换。继而采用弹窗式互动结构引导用户层层递进,进入发布会现场。最后伸长展开,利用视差滑动展现全文内容。全文一气呵成,实现了一套令人叹为观止的交互效果。

明天公布!五一假期神秘景区,只有10%的人知道!|层层滑动接伸长|WEYSUV

本作由 GL 大神开发,创新应用了滑动技术,利用零高容器将滑动组件重叠,实现了层层滑动的技术效果。用户在层层剥开前景的过程中,也无意间给全文增加了神秘感。

“春晚”好多新面孔,先说哪个好?|动态设计|Apple苹果手机

该作是 Apple 4 月在发布会结束后所发布的新品推文,通过长图横滑介绍了 4 款产品的特性,将每个产品的画幅控制在一屏之内,有效地控制了全文的长度。顶部的轮播图也令人耳目一新,巧妙的将位移动画和缩放动画配合使用,实现逐张弹跳展示的动态效果,我们将其命名为「宫格弹跳」。

小鸟什么都知道|音频互动|爱范儿

爱范儿针对 vivo 新款降噪耳机发布推出了此篇交互图文,结合音频播放器美化和 GIF 控制器,利用声波展示出降噪前后的对比,继而精彩地呈现了一场小鸟对话的场面,由此引出「降噪」的主题,本篇也是近期来音频播放器美化中较为亮眼的佳作。

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

沪ICP备2022011523号