Naming / Playground

NameLab

一个轻量但体验完整的“名字测试”Demo：多模式（气质画像 / 语感寓意 / 情侣匹配 / 英文名推荐），可分享链接、导出结果卡片，并保留本地历史。

返回项目打开线上产品
角色
名字测试 · 取名灵感实验站
时间
持续迭代 · 2026-04-23
平台
Web

名字测试 · 取名灵感实验站

01 / Background

为什么做

“名字测试”本质是一个高频、低门槛的互动内容形态：输入成本低、输出反馈强、天然适合分享。这个 Demo 先把体验链路做对，再考虑规模化内容与模型。
NameLab current product surface
当前产品界面

NameLab 当前公开展示界面。

01

02 / Scenario

应用场景

  • 个人：取名灵感、昵称/英文名生成。
  • 情侣：互动玩法与分享传播。
  • 产品：验证“输入→结果→分享→回流”的增长闭环。
01四种测试模式
02分享链接参数化
03结果卡片导出 PNG
04本地历史记录
项目事实

项目当前最重要的交付与判断。

02

03 / Delivery

实现了什么

  • 四种模式 + 统一表单交互（快速切换）。
  • 结果卡片：可复制分享文案/链接、可下载 PNG。
  • 结果历史：本地保存，便于回看与对比。
01Input
02Choose Mode
03Generate
04Share
产品流程

从输入到结果的核心使用路径。

03

04 / Design

设计要点

  • “确定性”是体验的一部分：即时反馈、可撤销、可回看。
  • 分享优先：URL 参数化 + 一键复制。
  • 移动端可读：卡片与结果层级对齐小屏浏览习惯。
04

05 / Tech

技术实现

  • 单文件静态站点（HTML/CSS/JS），部署到 Vercel。
  • 使用 URLSearchParams 实现可分享状态。
  • Canvas 导出结果卡片 PNG（无需后端）。
05