把控设计
保证体验一致性和设计质量
五福烟花馆
烟花会场位置
围绕烟花馆首页主视觉，前期从场景氛围、春节元素、信息承载与社交表达
风格探索和设计
把控整体氛围与视觉调性
资源位的规范制定
定义资源规则和配置标准
UI全链路设计
全链路的UI设计
新年新气象✨
设计太用心了！～
好期待今年的烟花会场🎆
🥰新年一起放烟花吧！
AIGC视觉探索丨寻找表达方向
两种视觉主题呈现不同的新春氛围；切换左侧卡片，查看对应的场景演进。
基于同一场景延展不同时段的氛围表达，通过晨间、黄昏与夜晚的光色变化，强化阖家团聚的新春情绪。
最终设计展示
最终经过评审，采用手绘风和剪纸风混合确立最终视觉。围绕烟花馆首页主视觉，前期从场景氛围、春节元素、信息承载与社交表达
氛围区
顶部导航栏，包含返回、
页面标题与系统状态信息
烟花演出层
多层烟花动效与粒子效果
构建立体的烟花秀场景
评论互动
用户评论气泡，营造热闸氛围增强参与感与社交属性
主视觉区域
底部红马与节庆元素强化节日主题与文化氛围
场景装饰
底部红马与节庆元素强化节日主题与文化氛围
按钮
功能入口按钮引导核心行为，提升互动效率
核心链路
围绕“放烟花送祝福”的核心玩法，用户从进入烟花馆、选择烟花、定制祝福到赠送好友并完成绽放，
形成一条兼具操作效率与节庆情绪的完整体验链路。页面设计的重点在于：让链路清晰、任务明确、情绪逐步递进。
进入烟花馆
从五福会场进入烟花会场
选择烟花
浏览和选择不同主题烟花
定制祝福
编辑祝福语，强化专属感
选择好友
选择对象，社交传播
烟花绽放
让祝福以烟花形式被看见
结果送达
完成祝福传递闭环
UI组件展示
建立五福烟花馆的 U 组件体系与状态规范，确保在不同内容与场景下的一致性体验,通过主题化扩展，支持多元氛围表达，提升参与感与节日沉漫感。
核心组件
主会场背景和卡片组件
同一套组件体系，适配多种主题氛围，保持体验一致，表达多元情感。
主题组件
同一套组件体系，适配多种主题氛围。
统一框架：导航、卡片、按钮及信息层级一致灵活扩展：色彩、场景、氛围和文案随主题替换