《网易云2024听歌报告》

• 内容呈现：盘点型H5，以虚拟形象的“我”来看这一年的听歌数据，数据取自听歌行为数据

• 交互形式：上滑查看

• 过渡动效：翻页动效以前景遮罩结合淡入淡出

《喜马拉雅听见热爱好事发声》

• 内容呈现：盘点型H5，常规的听歌数据可视化

• 交互形式：滑动查看

• 过渡动效：翻页动效以前景遮罩结合淡入淡出

《知乎2024年度盘点》

• 内容呈现：盘点型H5，知乎热搜数据和个人行为数据可视化，结合来年愿景的问答形成最后分享页面

• 交互形式：上滑查看

• 过渡动效：翻页没有特殊动效果，每页IP小动效

• 内容呈现：盘点型H5，两年都是用QQ企鹅IP贯穿个人行为数据报告，2024结果页是以聊天数据得出社交人设占比，但23年更用心用多维度数据如常用状态、表情包出结果页，IP的动效也更多样

• 交互形式：上滑查看

• 过渡动效：翻页动效以淡入淡出为主

                          

《QQ音乐2024、2023年度听歌报告》

• 内容呈现：盘点型H5，2024年是以音乐专辑形式展开听歌报告，2023年则以音乐展览馆形式
• 交互形式：上滑查看
• 过渡动效：翻页转场动画形式较多， 除了淡入淡出、镜头遮挡，还有相似形状物体进行蒙太奇转场等等，让整个动画生动流畅，配合3D视觉效果，仿佛置身于真实场景 

《美团2023年度报告》

• 内容呈现：盘点型&账单型H5，将美团个人数据和部分大数据可视化
• 交互形式：上滑查看和抽签互动
• 过渡动效：翻页转场是简单的切入切出

《酷狗2024年度报告》

• 内容呈现：盘点型H5，将20年和2024年数据进行可视化，片头结尾均以电影概念呈现
• 交互形式：上滑查看

• 过渡动效：翻页转场以元素滑入滑出，淡入淡出为主

另外，还有滴滴、百度地图的出行报告、微博播报都很类似，用类3D视觉元素配合文字报告简单呈现。

去年流行的弥散渐变、多巴胺色彩丰富亮丽，而孟菲斯更是大胆撞色，同时酷爱几何图形。在今年年度报告中并不常见，也显得今年年度报告设计略显疲态。

《爱奇艺2023年度观影报告》

• 内容呈现：盘点型H5，2023年个人观看数据可视化
• 交互形式：上滑查看
• 过渡动效：翻页转场以元素滑入滑出，淡入淡出为主

《网易哒哒预见你的2025》

• 内容呈现：标签型H5，随机新年祝福数据，以抽签形式呈现
• 交互形式：点击抽取，还可以把祝福传递给朋友，玩法和支付宝五福有点类似
• 过渡动效：翻页转场以淡入淡出为主，卡片翻转动效为解签，整个H5小而美

《网易2023年度听歌报告》

• 内容呈现：盘点型H5，2023年个人听歌数据进行可视化
• 交互形式：上滑查看
• 过渡动效：翻页转场以淡入淡出为主，配合遮罩转场，还有卡片翻转动效，画面中元素和文字动效也很细腻

《番茄小说2023报告》

• 内容呈现：盘点型H5，2023年个人阅读数据可视化
• 交互形式：上滑查看
• 过渡动效：翻页转场比较有视觉冲击，以撞色几何图形为画面共享元素进行放大遮罩后转场

这里简单将线条插画，doodle插画风，漫画风归于手绘风进行介绍。

《豆瓣2024社区趋势报告》

• 内容呈现：盘点型H5，2024年豆瓣大数据可视化
• 交互形式：上滑查看，每格模块有相应的小互动，比如查看具体内容，给已逝豆友“敬花”
• 过渡动效：和知乎一样没有翻页动画

《小红书值得奖奖》

• 内容呈现：盘点型H5，2024年个人使用数据和小红书热搜数据可视化，将每个模块数据都定义出了一种“奖项”，情绪价值给到，并且以熬夜搜索的“奇怪”词条作小红书热搜来为年终总结活动推广
• 交互形式：上滑查看
• 过渡动效：翻页转场以淡入淡出为主

《B站2023我的人物小传》

• 内容呈现：盘点型H5，2023年个人使用数据的可视化，打开频率>全勤奖，高频访问时间>夜猫子或早起鸟，常看内容>刻入DNA等等以漫画形式结合IP呈现给用户，最后以年度表情包为结果页，整体富有趣味性
• 交互形式：上滑查看
• 过渡动效：翻页转场以淡入淡出为主，配合漫画翻页和舞台追光灯等动效形式来增加趣味性

《猫耳FM204年度报告》

• 内容呈现：盘点型H5，2024年个人使用数据的可视化
• 交互形式：滑动查看，最后给了标签选择来许愿2025年
• 过渡动效：翻页转场以淡入淡出和同画面元素转场效果

《美团专属你的2024短剧》

• 内容呈现：盘点型H5，以短视频形式呈现，多个剧本选择
• 交互形式：上滑查看
• 过渡动效：最后盘点账单翻页转场以淡入淡出为主 

《B站2024年度回忆》

• 内容呈现：盘点型H5，以短视频结合插画形式呈现
• 交互形式：上滑查看
• 过渡动效：翻页转场主要为淡入淡出和画面共享元素放大遮罩，转场比较自然

点个赞，续个集