企业官网建设流程全解析

• 教程
• 文档

导读

本文是 Datawhale「easy-vibe」课程 Stage-1「产品工程基础」阶段的配套附录，围绕面向普通消费者（C-End）的 LLM 大模型应用创意方向展开。与 B-End（企业端）产品追求效率、解决痛点不同，C-End 产品的核心是构建感受（Feeling）、心理暗示（Psychological Cue）与氛围（Atmosphere），让用户在使用的过程中获得情感共鸣与愉悦体验。读完本文，你将掌握：C-End 与 B-End 产品设计的本质差异、16 大类 80 个可直接迁移的 LLM 应用场景方向、基于"氛围 × 情绪"的灵感推荐机制，以及 4 条可落地的 C-End 产品设计原则，可直接用于 Stage-1 的找点子与原型实践。

本附录在仓库中的位置为 docs/en/stage-1/appendix-consumer-scenarios/index.md，属于学习路径中的创意素材库，与 找好点子（从用户需求到付费意愿）、好点子从哪来、产品思维附录 等章节共同构成"发现真实需求 → 筛选方向 → 原型验证"的完整链路。学习地图见 docs/en/stage-1/learning-map/index.md。

一、为什么需要 C-End 场景灵感参考

在 easy-vibe 的课程体系中，Vibe Coding 解决了"把东西做出来"的问题，而"做什么、为谁做、为什么值得做"是产品工程的基础。C-End 场景附录正是为了解决创意枯竭问题：当你面向普通用户（而非企业客户）设计 AI 应用时，不能照搬 B-End 的"效率工具"思路，而需要一套面向情感与体验的方向参考。

原文档明确概括了这一分野：

也就是说，C-End 用户买的不是功能，而是感受；不是工具，而是陪伴；不是服务，而是被理解。因此，本附录提供了一个可交互的"氛围速选器"（Quick Atmosphere Selection），让学习者根据自己的氛围偏好和当前情绪快速获得相关场景方向的推荐。

二、场景灵感推荐机制：氛围 × 情绪 的双维匹配逻辑

原文档的"Quick Atmosphere Selection"是一个基于 Vue 的交互组件（<script setup>定义，位于文档文件头部），其核心数据结构与算法可以直接借鉴到任何 AI 产品原型中，值得逐层拆解。

2.1 氛围类型（Vibe）与情绪状态（Feeling）两个维度

推荐系统的输入是两枚枚举值，分别代表用户期望的氛围与当前的情绪：

• 氛围类型（vibeOptions）：Healing（治愈，温暖抚慰、修复）、Growth（成长，进步突破、蜕变）、Social（社交，连接分享、互动）、Exploration（探索，好奇冒险、发现）、Daily Life（日常，平凡真实、当下）；
• 情绪状态（feelingOptions）：Want to Relax（想放松，缓解压力、清空思绪）、Seeking Inspiration（寻求灵感，激发创造、获得洞见）、Craving Connection（渴望连接，与人联结、情感共鸣）、Need an Escape（需要逃离，抽离现实、沉浸体验）。

2.2 推荐映射表（recommendationMap）

组件内置了一张"氛围 × 情绪 → 场景类别"的预定义映射表，例如：

• healing × relax→['emotion', 'lifestyle', 'health', 'home']（情感陪伴、生活方式、身心健康、居家空间）；
• healing × escape→['travel', 'entertainment', 'creative', 'lifestyle']（旅行、娱乐、创意、生活方式）；
• growth × inspire→['career', 'learning', 'creative', 'growth']（职业、学习、创意、成长）；
• social × connect→['relationship', 'social', 'pet', 'travel']（关系、社交、宠物、旅行）；
• explore × escape→['travel', 'entertainment', 'creative', 'lifestyle']。

完整映射覆盖 5 种氛围 × 4 种情绪共 20 个组合，每个组合推荐 4 个场景类别。从源码结构看，这套映射表达了产品设计中的一条经验规则：同一种情绪在不同氛围诉求下，应当被引导到不同的场景类别——例如同样是"想放松"，治愈型用户被导向情感与健康，成长型用户被导向学习与成长。

2.3 随机采样推荐算法

recommendationTopics计算逻辑（computed）的关键步骤为：

1. 通过recommendationMap[vibe][feeling]取得 4 个场景类别 key；
2. 对每个类别在对应topicPool中随机抽取 1～2 条（Math.floor(Math.random() * 2) + 1，即 50% 概率取 1 条、50% 概率取 2 条）；
3. 将各分类抽取的结果合并后再次随机排序，截取前 8 条作为最终推荐；
4. 点击推荐标签时调用scrollToAnchor平滑滚动到对应章节，并做短暂的粉色高亮提示（#fdf2f8背景），引导用户跳转到详细场景说明。

这套"先按类别映射、再随机采样、最后排序截断"的做法非常适合 AI 产品中的灵感推荐型功能：既有领域知识的确定性（映射表保证推荐不离题），又有随机性（每次刷新结果不同，带来惊喜感），且实现成本极低，可以用在 H5、小程序或 Web 原型中。

2.4 场景类别注册表（scenarios）

组件用scenarios数组为 16 大场景类别注册了名称与锚点，每个类别对应文档中的一个二级章节，共 16 类：Lifestyle、Emotional Companionship、Entertainment & Leisure、Personal Growth、Social Interaction、Creative Expression、Travel Exploration、Physical & Mental Health、Knowledge Exploration、Relationship Management、Pet Companionship、Financial Health、Career Development、Home Space、Food & Cooking、Style & Outfit。每个类别下各有 5 条灵感方向，合计80 条。

三、16 大场景类别 × 80 个灵感方向详解

以下按原文档的章节顺序完整呈现全部方向。每个方向都包含场景描述（Scenario Description）与氛围构建要点（Key Atmosphere-Building Points），部分方向还配有原文的心理暗示语（Psychological Cue），可直接用作产品文案或 Prompt 语料。

3.1 生活方式（Lifestyle）

💡 核心概念：把平凡的日常生活变成有意义的仪式，在细节中创造美。

心理暗示语（1.1）：

"Today will be a beautiful day, because you deserve to be treated gently."（今天会是美好的一天，因为你值得被温柔以待。）

3.2 情感陪伴（Emotional Companionship）

💡 核心概念：无条件的接纳与陪伴，做一个温柔的情绪容器。

心理暗示语（2.1）：

"All your emotions are valid. I am here with you."（你所有的情绪都是被允许的，我在这里陪着你。）

3.3 娱乐休闲（Entertainment & Leisure）

💡 核心概念：创造沉浸式体验，让娱乐成为心灵得以休息的地方。

3.4 个人成长（Personal Growth）

💡 核心概念：成长不是苦行式的折磨，而是一场有趣的自我发现之旅。

心理暗示语（4.1）：

"You have already come this far, even if you did not notice."（你已经走了这么远，即使你自己都没注意到。）

3.5 社交互动（Social Interaction）

💡 核心概念：让社交自然轻松，帮助用户找到自己舒适的连接方式。

3.6 创意表达（Creative Expression）

💡 核心概念：每个人都有创造力，只是需要被唤醒。

3.7 旅行探索（Travel Exploration）

💡 核心概念：旅行不只是看风景，而是感受不同的生活方式。

3.8 身心健康（Physical & Mental Health）

💡 核心概念：健康不是终点，而是一场温柔的自我照护练习。

3.9 知识探索（Knowledge Exploration）

💡 核心概念：学习是一场永无止境的冒险，好奇心是最好的老师。

3.10 关系经营（Relationship Management）

💡 核心概念：好的关系需要用心经营，而用心并不复杂。

3.11 宠物陪伴（Pet Companionship）

💡 核心概念：宠物是家人，它们的陪伴值得被记录与珍惜。

3.12 财务健康（Financial Health）

💡 核心概念：财务自由不是唯一目标，财务健康才是。

3.13 职业发展（Career Development）

💡 核心概念：职业不是固定的轨道，而是一片可以探索的开阔原野。

3.14 居家空间（Home Space）

💡 核心概念：家不只是居住的地方，更是心灵得以安放之处。

3.15 美食烹饪（Food & Cooking）

💡 核心概念：食物是爱的语言，烹饪是表达爱的方式。

3.16 穿搭风格（Style & Outfit）

💡 核心概念：穿搭是自我表达，风格是内在的外在形式。

四、C-End 产品设计的 4 条核心原则

在 80 个方向之外，原文档总结了 4 条普适的 C-End 产品设计原则，它们是所有场景方向的底层方法论。

4.1 从"功能"到"感受"

B-End 产品关心"这个功能解决了什么问题"，C-End 产品关心"这个功能创造了什么感受"。设计时应当先问"用户使用后心里是什么感觉"，再回头设计功能本身。这也是前文 B-End / C-End 对照表的核心结论：把"全功能"换成"把一种感受做到位"。

4.2 氛围构建的三层结构

• 感官层（Sensory Layer）：为视觉、听觉与类触觉的交互感受而设计——温暖的色彩、舒缓的声音、流畅的动效；
• 情感层（Emotional Layer）：情感共鸣与引导——理解用户情绪、提供情感支持、创造积极情绪；
• 意义层（Meaning Layer）：价值认同与归属感——让用户感到被理解、建立归属感、赋予行动以意义。

三层依次递进：感官层负责"第一眼被打动"，情感层负责"使用中被共情"，意义层负责"使用后愿意留下"。

4.3 心理暗示的力量

C-End 产品的文案与设计总是承载着心理暗示，原文给出了三类可复用的句式模板：

• 正向暗示（Positive cues）："你已经做得很好了"、"慢慢来，没关系"；
• 归属暗示（Belonging cues）："很多人都这么觉得"、"你不是一个人"；
• 成长暗示（Growth cues）："每一次尝试都是进步"、"你正在变得更好"。

这些句式可以直接注入产品文案、对话系统的人设 Prompt 或空状态设计，让"被理解"成为产品体验的一部分。

4.4 帮助用户成为更好的自己

最好的 C-End 产品不是强行改变用户，而是帮助用户成为他们想成为的人。原文档给出三条措辞转换规则：

• 不说"你应该……"，而说"你可以……"；
• 不说"你必须……"，而说"如果你想……"；
• 不说"你还不够……"，而说"你已经……"。

五、在 easy-vibe 课程中如何使用本附录

本附录在课程中的定位是创意方向素材库，建议按以下方式使用：

1. 结合"找好点子"章节做筛选：先阅读 好点子从哪来 收集生活线索，再从本附录的 80 个方向中选取与你生活经验最贴近的 2～3 条；随后用 找好点子（从用户需求到付费意愿） 中的"三步法"（找真实需求、挖掘好点子、AI 对话打磨）完成横向用户细分、纵向场景深挖与价值重构。
2. 把"氛围 × 情绪"推荐机制直接做成原型：第二节拆解的topicPool、recommendationMap与随机采样逻辑可以原样复刻进你的 Stage-1 原型——例如做一个"今晚想怎么过"的小程序，让用户选氛围与情绪后得到生活方式的组合建议，这正是 AI 时代低成本验证 C-End 创意的好样本。
3. 把心理暗示语与三层氛围结构作为产品规范：在设计对话人设、页面文案与空状态时，直接套用第四节的原则与句式，让产品从"工具"升级为"陪伴"。

🌟 记住原文档的收尾：C-End 用户买的不是功能，而是感受；不是工具，而是陪伴；不是服务，而是理解。

• 教程
• 文档