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