苹果对设计与技术的把控同样做到了极致,再次用旧瓶装新酒的方式,利用 GIF 控制器和图文扩展动画的技术,掀起一波新的风潮,成为其他品牌效仿的对象。
针对需要撰写严谨理工科研内容进行图文内公式编辑的用户需求,JZ 的一位课程学员倪豪独立开发了一套微信公众号编辑器插件。其中大量数据公式均通过插件在编辑器内直接生成 SVG 格式,可以说是业内对公式展示效果最佳的一篇图文排版,所采用的背景技术和黑科技互动技术一致。
同样是防疫主题,微软科技在二月模仿了 GQ 一作《硬汉的家里都藏着哪些宝贝?》,形成密室解谜式互动游戏。而这类互动的开发办法,我们在《教程|让华为、微软争相效仿的创意排版》中已做了详细介绍,不妨点击此教程学习。
本篇较为少见的全英文一图流,通过 SVG 互动模式让易读性提升了不少。GL 为本作设计了典型的情景式长卷互动,横屏后西文的排版因而比竖屏要自由得多。所以,本作也可以视为西文排版的一图流典范。
医疗概念在当下必然成为全民关注的焦点,医疗品牌在此时顺势宣传,自然也可以通过 SVG 互动式黑科技排版赢得用户的更多信任。荒村主持的平安医保一作,互动形式主要依托最基本的透明度动画。但得益于巧妙的构图,能形成“前后景共同淡入”的错觉,因而是一篇互动与设计两相宜的佳作。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「点击渐现」实现。
scale、rotate、opacity,仅仅基于三个基本字段动画,能形成什么效果?本作就是我们 JZ Creative 交付的一篇关于服饰品牌图案定制的趣味互动。图案会被事先融合在场景中,只有点击时才会通过缩放体现其上身效果,让广告从故事中来,自然过渡不生硬。
官方图文音频播放器改版后,旧的音频改造排版方法已经失效。这篇作品是基于新的播放器 JS 模型设计,由我们 JZ Creative 执行开发工作(GL 大神操刀),示范了新版音频播放器前提下的标准改造形式。
我们推荐本作并非其背后有焕然一新的创造性技术,而是它通过优秀的动态设计,把一个最基本的互动模型效果发挥到了极致。非常建议点开原文体验每一个画幅的动态效果。通过与交互结合,动画师的创作在新媒体内可以像本案例一样给人带来更多惊喜。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「GIF控制器」实现。
CoolSITE360 提供 UI/UX 支持 Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」