背景
客户需要在大屏环境下快速对齐「数据结论 → 行动」，原有报表堆叠、叙事链断裂。
过程文件
结果数据
转化率 +120% · 决策会议时长 −40%
客户反馈
「第一次觉得数据会在会议室里自己说话。」— 产品负责人
Using data to tell stories, using vision to drive decisions。The coexistence of rational technology and humanistic warmth — refracting complex media and data into clear visual narratives.
焕色
点击词条切换主题色并筛选下方案例；再次点击当前词条可重置。
作品剧场
点击卡片查看下方详情（背景、过程文件、数据弹幕与客户反馈），底部可发起合作并预填案例信息。
更多案例制作中…
作品详情
点击上方案例卡片查看具体项目。
协作实验室
3 人正在浏览
最近 1 小时响应
快闪协作适合验证创意、共创脚本或数据叙事结构。提交后引导至名片页（演示占位）；表单可替换为飞书 / 腾讯文档嵌入。
深度阅读
左侧目录锚点 · 右侧正文。阅读进度超过约 70% 将弹出「本文相关工具包」（同一会话 1 小时内最多一次，关闭后记录）。
如何把指标讲成故事
北极星定义「我们要赢什么」，杠杆指标定义「本周扳哪几个旋钮」，叙事弧线把图表排成起承转合：先展示异常或冲突，再展开分解，最后收口到行动项与负责人。
避免第一张图就是总览大屏：读者尚未建立问题意识。先用单一尖锐指标切入，再展开维度，更符合工作记忆。
毛玻璃与深色 UI 的对比度
backdrop-filter 在 Safari / Chrome 表现接近，Firefox 旧版可能降级为纯色半透明。验收时请在真实设备上测正文与背景的对比度，不仅测纯色层上的字。
卡片内若再叠半透明按钮，叠加后的对比度会进一步下降，关键 CTA 建议放在不透明表面或加描边。
数据弹幕：克制浮动标签
弹幕是「扫读锚点」，不是第二正文。字数控制在一行内，配色与主文分层，动画只做垂直微动，避免对角线或闪烁。
悬停卡片时暂停弹幕，可减少并行运动带来的认知负载；移动端以静态标签为主亦可接受。
交流区域
付费服务
需要模板或简历诊断？前往商店选择适合的服务。
前往服务商店服务商店
简历优化报告（¥19.9，自动发货）· 1v1 咨询（¥9.9 / 15 分钟，Calendly）。演示链接请替换为你的 Gumroad / Calendly；售出数据为 Mock，支付回调后可更新。
简历优化报告
¥19.9
自动发货 · 结构化诊断与改写建议
已售 12 · 今日已服务 3 人
开发阶段为 Mock；真实环境由支付回调 +1。
Gumroad 购买（占位）1v1 咨询（15 分钟）
¥9.9 / 15分钟
通过 Calendly 选择时段
今日可约时段以日历为准
Calendly 预约（占位）
关于 / 联系
像一位冷静但有趣的设计工程师：用数据说服，用视觉打动。（人格化调性 · PRD6）
暂无评论，快来发表第一条评论吧！