Naming / Playground相关项目

NameLab

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

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

  • Naming
  • UX
  • Share
  • Generator
相关项目Web 应用在线可用Web创建于 2026-01-31更新于 2026-04-04
NameLab cover

打开产品

先从线上界面开始

NameLab cover

在线预览

有些站点会因为安全策略拒绝 iframe 嵌入;如果这里是空白,请直接使用上面的“打开线上版本”。

访问方式

对这类项目来说,最强的信息仍然在线上产品本身。下面的说明只负责帮你抓重点,不是替代真实体验。

项目说明

在打开线上产品前,先看这些

01

背景

为什么做

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

02

场景

应用场景

  • 个人:取名灵感、昵称/英文名生成。
  • 情侣:互动玩法与分享传播。
  • 产品:验证“输入→结果→分享→回流”的增长闭环。

03

交付

实现了什么

  • 四种模式 + 统一表单交互(快速切换)。
  • 结果卡片:可复制分享文案/链接、可下载 PNG。
  • 结果历史:本地保存,便于回看与对比。

04

设计

设计要点

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

05

技术

技术实现

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

流程

从进入到完成的路径

这类项目最适合按“真实产品”去理解:入口、反馈循环和完成状态,与表层界面同样重要。

Input / Choose Mode / Generate / Share

NameLab flowInputChoose ModeGenerateShare