此作以重复式触发的高速序列帧开场,兼具科技表达与细节。采用无限次浮现可关闭效果呈现具体功能点与路径,清晰展示功能操作,简洁高效的交互契合品牌科技调性。
本作以 E2.COOL 黑科技 SVG 编辑器的「点击播放音频-伸长」组件为主框架,搭配 BGM 营造出身临其境的多种夏日主题。同时发挥作者的奇思妙想,搭配「三分栏」和「滚动广告」SVG 模版组合实现出相册滚动轮播效果。
此作借《长安的荔枝》热点,从荔枝转运困境中过渡现代导航解决方案,古今风格区分巧妙突出广告重点,让历史与产品结合,以多段伸长推动剧情发展,画风精良细腻。
本作通过“点击 - 翻转 - 复位 - 再点击” 的循环机制,实现豆包升级的功能点与效果图的反复呈现,形成绑定记忆,是功能介绍轻量化交互的典型设计。目前该效果可以通过 E2.COOL 黑科技编辑器(https://www.e2.cool/)的互斥翻牌组件实现。
SVG 木鱼模型是由著名交互设计工作室 JZ Creative Studio 开发的一种双层触发互动架构。本作基于该模型引导用户快速点击,当手速足够快时可以获取「大展鸿图」书法动画,还在同时能产生直接的点赞触发,显著提升了点赞/阅读比。