这是一篇代码结构并不复杂,但胜在组件应用巧思的产品图文设计,给人一种滑开页面,体验视频号的错觉。实际上它通过 E2.COOL 黑科技编辑器的等分容器滑动结合视频号跳转美化实现。
基于优秀的景深漫画设计,本作得当应用大量差异化视差深度,实现了优秀的 perspective 裸眼 3D 排版,不仅不显凌乱反而给人以身临其境的感觉。
手绘长卷本身已然是图文设计的大工程,而本作从海上生明月的代码动画场景开始,以 SVG 交互讲述了钱塘江大潮的地理、人文等方方面面,音画结合,生动有趣,不愧是交互实验室与央视新闻的强强合作。
错层滑动排版又有新的行业佳作了,并且通过夹层混合模式化(滤色)的创新,使得画面内的冰雾丝般顺滑。本作核心采用 E2.COOL 黑科技编辑器制作,混合模式作为点睛之笔为读者带来了清凉感十足的广告体验。
在春天的画板里,尽情拾色挥洒创意!这一期雷克萨斯与 JZ 合作,设计了一套画板取色填充的创意,让业内眼前一亮。该 SVG 特效采用无限选择器魔改并堆叠,可以说是该交互范式的全新创造性应用。
Apple 又为业内带来了有新鲜感的 SVG 交互设计,卡片的快速飞入是一大亮点,而更别具一格的是将传统纵向伸长结构横置,转变为横向的连续伸长效果。相关效果可以通过 E2.COOL 黑科技编辑器(https://www.e2.cool/)实现。