「点击-切换-伸长」纵然简单,在设计时却可见运营人水平高下。网易三三星球的这期读书日主题策划中,长按变化、伸长动画等结构都并不复杂,但伸长结构尾部在设计时细节的出血空间设定,让这个基础的交互结构阅读起来更显人性化。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「点击-切换图片-伸长」实现,出血设计的尾部边距由紧跟的「无缝图」实现。
一首诗歌穿越古今,让相似的场景一幕幕重现。这篇网易哒哒宣传诗歌文化的图文,所采用的交互模型非常简单,但通过巧妙的视觉设计,勾勒出了一幅幅别样的历史转场效果。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「点击渐现」实现。
令人意想不到的旋转参数应用,让富文本中的段落、图片以 ±1° 不断错落倾斜排布,巧妙烘托了疫情下纷繁凌乱的心境。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「倾斜盒子」实现。
带着香菜用户的狂喜,这篇全局滑动的麦当劳发布由三千喵主导开发,伴随着刺激的感官登场!目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「等分容器滑动」实现。
全局联动的 SVG 结合测试游戏长盛不衰的选题策略,充分注意了按钮激活态的交互设计,结尾应用了导流式结果海报经典套路,背后展现的是网易系在 SVG 领域开发的成熟生产模式。
顶层滑动+纵向滑动可以实现什么?当手机从背景中透出的时候,小米的这篇图文能让你瞬间震撼。开发者小杨利用了这两个看似简单的布局思路,却极佳地呈现出了绚烂多彩的产品设计,也是创意决定成果的典范。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「顶层滑动」、「纵向滑动」实现。