▲GIF演示

点此查看原文

「花瓣自动掉落，点击展开全文同时花瓣跟随式擦除」擦除前后画面的对比，展现充满希望的春日景象，宣传默沙东的企业使命和企业精神，为招聘增添吸引力。适合如发展前后、变化前后，需要前后对比强烈的内容使用。



交互形式：自动掉落+点击展开擦除（元素跟随）

推荐节点：两会、妇女节、女神节、春日踏青、清明节

▲GIF演示

点此查看原文

「背景图动态呈现女孩走路状态，上滑出现各种“刻板标签”，点击Delete画面倒放切换」通过这样的形式展现女性一路走来会被贴的标签和不合理要求，点击冲散标签出现“不顺从即自由”的核心观点。前景动态和背景动态相得益彰，点击收缩更是和主题完美契合。适合反转类的策划。



交互形式：前景上滑+点击切换收缩展开

推荐节点：妇女节、女神节、白色情人节

▲GIF演示

点此查看原文

「点击滑雪icon逐步经过谷爱凌的采访内容，滑雪icon造型跟随内容切换」谷爱凌与滑雪完美融合，跟随SVG轨迹让读者更加了解她的内心世界，并且与Tiffany的品牌精神十分贴合。同样适用于人物历程、会议回顾等内容策划。



交互形式：点击轨迹移动（多段）

推荐节点：妇女节、女神节、两会、人物访谈

▲GIF演示

点此查看原文

「每道题选择后翻牌出现正确答案，按照答对题目的数量决定生成海报」看似点击哪里都能看到正确答案，实际上根据点击卡片的位置判断准确率，保证答案各异。适合调研、知识问答、人格测试等答题类交互使用。



交互形式：点击答题翻牌生成海报+展开

推荐节点：妇女节、两会（调研）

▲GIF演示

点此查看原文

「按顺序点击三位导演显示可上滑长图，结束后点击展开更多内容，无限选择切换」用户需要按照步骤完成交互，阅读完整内容，板块区分更清晰。指向性和引导性都很强，不怕展现内容多，也可以这样“藏”起来。



交互形式：连续点击切换上滑+展开

推荐节点：两会总结

▲GIF演示

点此查看原文

「粉丝数量向通道内不断变化，上方对应数字上涨升起，两侧立体感方块浮动」可以很清晰看到数据的不断变化，通过代码控制图形动作，使得两侧动态方块十分清晰。适合数据型总结、数据上升等策划使用。



交互形式：变形穿梭+元素浮动

推荐节点：两会、数据增加突破、回顾

▲GIF演示

点此查看原文

「点击背景下移 再次点击向下展开」通过视觉错觉达到人物向上飞的效果。适合向上冲刺、记录刷新、冲破黑暗等概念的内容策划。



交互形式：点击背景下移+点击向下展开

推荐节点：两会、春日

▲GIF演示

点此查看原文

「点击背景左移，视觉上车辆向前行驶，同时在不同路段跟随车辆出现不同参照物」通过特斯拉在不同路段行驶展示性能，行驶时车轮为动态，停顿时为静态，视觉上更加真实。适合想要达到体验效果的内容策划，可以换成人物或其他物品产品，实现在场景中穿梭的效果。



交互形式：点击背景左移（多段）+元素定时出现

推荐节点：两会总结、多场景穿梭