99Design
01
Component Library:
Design
&
Build

Slected works 2025
Co-created
by YOUYAN
Chinese
Aesthetics

99Design
01
Component Library:
Design
&
Build



结合AIGC技术趋势与传统文化传播需求,有言发起“中式美学,有言共筑”视频创作大赛。借助有言的3D数字人技术,降低传统文化内容创作门槛,吸引创作者参与,同时为平台沉淀一批高质量主题内容。
(what)
Leveraging the trends in AIGC technology and the demand for traditional culture dissemination, Youyan is launching the "Chinese Aesthetics, Co-created by Youyan" video creation competition.
(Project Goals)
By utilizing Youyan's 3D digital human technology, the competition lowers the barrier to creating traditional cultural content, attracts creators to participate, and helps the platform build a collection of high-quality themed content.
Client
xmov
my role
DESIGNER
date
sep 2024
What problems are we facing?
我们面临什么问题?
01
Information vs. Value?
信息 vs 耐心:大赛规则、创作方向、福利政策等信息繁杂,如何在复杂信息中快速传递“参与价值”?
02
Culture vs. Tech?
文化 vs 科技:如何在常见国风里,做出更干净、更统一且符合我们平台的视觉?
design
Mood Board


宋代美学与平台设计语言的 “东方同源”:功能优先、色彩克制、质感温润、信息透气。从宋代瓷器取色,构建 “中式美学” 的视觉叙事。

Element Selection
元素选用
以宋代设计逻辑入手,传统窗花为造型,利用窗的概念形成留白;同时呼应平台视频生成编辑器这个“窗口”。根据不同赛道(古人故事/传统习俗/书籍名著)选用不同设计元素,完整相应的故事线。





A
conversion
focused page usingreferrals and brand
narrative.


780
头图
首屏 780px内 (web端)即显示出头图 + 参赛福利,让用户第一时间感知 “参与有回报”。
design
boosted
Craft
the Experience
design
boosted
Craft
the Experience
design
boosted
Craft
the Experience
design
boosted
Craft
the Experience

信息模块
以卷轴作为统一视觉容器,规整信息层级,强化传统文化叙事感。
信息模块
用卡片布局“时间窗” 模块化标注时间节点

固定悬浮 CTA 按钮
避免用户因滚动页面丢失转化入口,解决长页面 “转化按钮易被遮挡 / 遗忘” 的问题。
#01




头图
根据不同赛道选取不同元素







Co-created
by YOUYAN
Chinese
Aesthetics





吸引
激励
引导转化
design
boosted
Craft
the Experience
design
boosted
Craft
the Experience
design
boosted
Craft
the Experience
design
boosted
Craft
the Experience


