平面设计
UI/交互
动效设计
2026-03

type
Post
status
Published
date
Mar 26, 2026
slug
data_visualization
summary
在Beta参与的一些视频产品项目,具体负责了全部的平面设计,动效设计,参与研究Lottie动画渲染,及部分产品设计工作
tags
平面设计
UI/交互
动效设计
category
Beta_data
icon
password
备忘

数据可视化

基金解读

2分钟视频介绍一只基金,视频通过自动取值自动生成。视频动效基于Lottie动画渲染成视频。
视频demo
 
视频分镜
视频分镜

每日黄金市场数据报告

每日收盘后,对黄金市场数据和热点资讯进行汇总,自动生成视频。
视频demo
 
视频分镜
视频分镜
 

基金榜单

拉取实时数据生成的各类基金榜单视频
风格1lottie动效
风格2视频demo
视频分镜
视频分镜

指数估值日报

每日收盘后自动生成的指数估值数据报告,作为资讯或营销物料提供给B端客户经理。
Lottie动效
Lottie动效
Lottie动效
notion image

保险经营月报

面向B端客户的每月保险行业数据报告
notion image

持仓诊断视频

金融客户经理为客户发送的投资组合诊断短视频,帮助客户调整投资结构,推荐金融产品。
视频demo
视频分镜
视频分镜

ETF日报

每日收盘后自动生成的ETF基金数据报告,作为资讯或营销物料提供给B端客户经理。面对不同机构,提供不同的风格
notion image
notion image

资讯视频化

突发热点视频

针对突发热点新闻,快速半自动化生成,第一时间提供视频化资讯。
notion image

研报视频化

将各大券商已有的研报文章视频化。用视频素材、图表演示让研报更加生动易读。

视频早报

产品的诞生逻辑是短视频时代,资讯的形态也需要从图文转向音视频。Beta此前已为客户提供图文资讯,现需要研发一款自动将图文资讯生成视频的产品。
产品需求是提供定制服务,即有个人信息露出,增强客户经理的专业感。

V1_从无到有

第一版采用了类似报纸的设计,视频有了一点设计感。单看是没问题的,但视频需要通过H5链接分享,视频周围会有一圈的浮层,导致最后的观感不佳。
视频demo
财经早报v1分镜
财经早报v1分镜

V2_试错迭代

第二版要规避之前的观感问题,同时增加早报组件,增加可定制元素,更改色调。
视频demo
v1复盘
v1复盘
财经早报v2层级结构
财经早报v2层级结构
财经早报v2分镜
财经早报v2分镜
财经早报v2分镜-财经组件
财经早报v2分镜-财经组件

V3_模块化

该版本的迭代更多是产品层面的迭代,想要实现内容千人千面,又要减轻服务器的视频生成压力。由于短视频产品一直没有专门的产品经理,我在此期间担任半个产品,与前端、后端、产品、内容各个伙伴勾兑推进项目迭代。
优化方案为:视频生成时仅渲染中间横板内容,且每一条资讯渲染为一支视频。完整视频和底版均在前端组装渲染。这样可以实现视频内容千人千面,又减少了服务器渲染开销。
视频demo
视频早报V3分镜
视频早报V3分镜
视频早报V3层级结构
视频早报V3层级结构
现在可以为机构定制栏目视觉
现在可以为机构定制栏目视觉

V4_资源复用

在实现了V3模块化后,在另一个视频项目“跟我拍”中轻松增加了资讯播报类模板。
视频demo
notion image
 
 
End
Thanks for reading. ♥ from HJ