Naming / PlaygroundSelected

NameLab

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

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

  • Naming
  • UX
  • Share
  • Generator
SelectedWeb AppLiveWebCreated 2026-01-31Updated 2026-04-04
NameLab cover

Open the product

Start with the live surface

NameLab cover

Live preview

部分站点可能因为安全策略无法被嵌入;遇到空白时请用上面的 Open live。

Access

For this type of entry, the strongest content is the live product itself. The notes below are there to frame what matters, not to replace the real experience.

Project notes

What to know before opening the live product

01

Background

为什么做

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

02

Scenario

应用场景

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

03

Delivery

实现了什么

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

04

Design

设计要点

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

05

Tech

技术实现

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

Flow

The path from entry to completion

This version is best understood as a living product: entry points, feedback loops, and completion states matter as much as the surface design.

Input / Choose Mode / Generate / Share

NameLab flowInputChoose ModeGenerateShare