works

other

联系我

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

Create a free website with Framer, the website builder loved by startups, designers and agencies.