65 lines
2.8 KiB
Markdown
65 lines
2.8 KiB
Markdown
1. 视觉底座：极致的“留白”
|
||
为了对齐“潮汐风格”，你的 UI 架构需要遵循 0.618 黄金比例 的布局。
|
||
|
||
色彩系统： * 主背景：#FFFFFF（纯白）。
|
||
|
||
文字：#2D2D2D（带有温度的深灰，而非纯黑）。
|
||
|
||
辅助色：#E0E0E0（极细的分割线）。
|
||
|
||
字体栈： * 标题/名字展示：优先调用 Noto Serif SC (思源宋体)，展现古典韵味。
|
||
|
||
说明文字：使用 PingFang SC，保证移动端的易读性。
|
||
|
||
2. 交互灵魂：卡片滑动与“见素”时刻
|
||
不要简单的 Swiper，要给滑动增加“摩擦力”和“阻尼感”。
|
||
|
||
卡片设计：
|
||
|
||
正面：只放一个巨大的、居中的名字，下方一行极小的出处诗句。
|
||
|
||
反面（点击翻转）：展示**“叙事性解读”**。
|
||
|
||
反馈微交互：
|
||
|
||
左滑（无感）： 卡片像烟雾一样变淡消失。
|
||
|
||
右滑（收藏）： 触发轻微的 Haptic Feedback（震动），名字化作一个墨点落入底部的“收藏”图标中。
|
||
|
||
3. 技术核心：AI 故事化与声韵算法
|
||
既然你有 Gemini API 的开发经验，这里可以做得很硬核：
|
||
|
||
AI 故事化 Prompt 策略
|
||
不要让 AI 只返回 JSON，要让它扮演一个“隐居的诗人”。
|
||
|
||
System Prompt 示例：
|
||
“你是「见素」的灵魂导师。当用户输入期待时，请从《诗经》、《楚辞》或宋词中提取意象，生成3个名字。每个名字必须配有一段 50 字以内的‘通感’描述，包含气味、光线或声音的描写，拒绝说教。”
|
||
|
||
声韵分析逻辑 (Algorithm)
|
||
你可以写一个简单的 Python 或 Node.js 脚本来处理：
|
||
|
||
平仄匹配： 检测姓氏（平/仄）与名字（平/仄）的组合。
|
||
|
||
优选模式： 平仄平、仄平仄（有起伏感）。
|
||
|
||
叠音/开口度检查： 避免连续的闭口音，确保名字喊出来时是响亮的。
|
||
|
||
4. 商业化与衍生：高级感变现(先不实现)
|
||
拒绝弹窗广告，我们走**“审美溢价”**路线。
|
||
|
||
名字壁纸生成： * 利用 Canvas 生成一张极简海报：居中的大字 + 用户的姓氏印章 + 独一无二的编号（如：见素第 8921 号灵感）。
|
||
|
||
变现点： 基础版免费，高清无水印版 ￥1.9 - ￥9.9。
|
||
|
||
“见素”锦囊：
|
||
|
||
如果用户一直刷不到满意的，提供一个“深度定制”入口，调用更高级别的模型（如 Claude 3.5 Sonnet 或 Gemini Ultra）进行 1v1 生成，按次收费。
|
||
|
||
5. 开发者视角的 MVP 路径 (Roadmap)
|
||
Phase 1 (骨架): 搭建基础的 Next.js 或 Uni-app 框架，实现卡片滑动组件。
|
||
|
||
Phase 2 (大脑): 接入 Gemini API，调试“故事化起名”的提示词，确保输出的 Vibe 符合“见素”。
|
||
|
||
Phase 3 (细节): 加入音效（类似翻书声或清脆的铃声）和声韵评分逻辑。
|
||
|
||
Phase 4 (美化): 优化字体渲染，增加 Canvas 海报生成功能。 |