高级感十足的交互效果如何轻松实现?不妨尝试大型竖版视差结构,本作采用像素设计搭配视差效果,将科技感直接点满。本作亦为 E2.COOL 黑科技编辑器制作的优秀作品!
本作是由意符团队打造的探索小游戏,为直白的弹窗浮现和关闭增加了视角 zoom in/out 设计,点击后将主体位移至画面中央突出放大增加记忆点,将细节动画做到了极致。
本作在 yiwebsite 团队的技术支持下,应用轨迹动画顺滑地展示出跳跃、腾空等四套滑雪动作,利用缓动函数的设定让动作完成地更为流畅自然,引导读者分段阅读。
交互实验室的小杨充分运用 click 与 touchstart 双层触发机制,打造了一个如「漂流瓶」般体验的随机信件查看系统,整体以 perspective 视差框架形成三维漂浮定位,支持「换一批」连续切换操作,温情之中又满含着惊喜。
本作一经发布便广受好评,交互由小古同学操刀,创新性的开发了「视差吸附横滑」结构,使页面在横滑时既可以不同组件之间形成差速的过渡效果,又可以让每次横滑后各元素在画面中居中,构思巧妙。
一套复合了多种交互组件的 SVG 图文,竟在 Vogue 的创意指引下和谐共处,丝毫没有堆砌感,反将古驰的高品质格调感淋漓尽致地展现。本作经过 E2.COOL 黑科技编辑器搭建而成,是编辑器型作品的顶尖案例。
SVG 无限选择器之前在大疆、VIVO、OPPO 等品牌都出现过,而苹果本期设计引发了广泛的业界关注。不过略微可惜的是由于对 touchstart 和 click 时间差设定的优化不足,导致切换时有明显闪屏情况发生。E2.COOL 黑科技编辑器中 UGC 组件「无限选择器」有大神科蚪开发,效果优于本作。
CoolSITE360 提供 UI/UX 支持 Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」