本作是基于无限往返伸缩技术的一大创新应用,由 GL 开发并交付至宝马。此作将信息折叠部署在同一空间内,用户可任选标签并查看详细信息。该结构在提高空间利用率的同时也增加了用户的互动感。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「标签抽拉」实现。
我们与局气合作的此篇是典型的纵向底层滑动结构,开发部分由计老师负责。本作非常巧妙地利用手指下滑的操作状态模拟出走步的场景,滑动素材中也穿插了许多奇思妙想的设计,为原本枯燥的交互过程添加了无穷乐趣,形成丰富的场景互动效果。
同样为滑动组件的设计开发,计老师则是选择利用底层滑动的交互原理配合独特的色彩渐变设计,以实现变色滑动的效果,恰与标题内容相互呼应。在用户滑动时的连续操作下,色彩的不断变化能够给予用户更加直观的同步反馈。
3 月,我们为华为机器视觉交付了多次产品发布的互动作品。本作采用了吸附滑动式的创新结构,由开发者蝌蚪提出并首次商业应用。通过写入
由小杨主持的业内首个视差 2.5D 模式 CSS 图文排版案例,惊艳亮相炸圈手机厂商领域,并一举突破了 Apple 苹果的新媒体水平天花板。
由鼈臑大佬主持开发的 vivo 本作为我们展示了无限往返伸缩器的进阶玩法。此作特别处理了画面伸长和回缩时的挤压效果,初始画面伴随伸展方向缓缓延伸和收回,对交互细节的把控做到了极致,巧具匠心。
由小杨在微信内首创提出视差滚动技术,利用独立滚动的背景层、遮罩层和前景层制造了一个三维展示空间,静止时融合为一体,是展示信息的二维空间;滚动时又是相互独立的个体,形成 3D 效果。一静一动达到出色的视觉效果,令人耳目一新。
由三千喵、赵阳和科蚪联合开发,向古茗茶饮交付了首个局部收缩案例,利用多重伸长的嵌套,实现伸长后的部分内容收缩,在无限收缩组件基础上的又一创新应用,灵活地将创意通过技术迭代实现新的交互体验。赶紧点击链接体验一下由三位大神共同操刀的黑科技排版效果吧!