北京兰亭妙微 UI 设计公司，成立 16 年来，始终保持着对国内外优秀设计作品的学习与研究。我们持续追踪全球前沿的 UI/UX 设计趋势，从中提炼可落地的设计方法论，分享给同样热爱设计的你。
导读
从IP角色塑造、情绪追踪到AI陪伴，构建有温度的心理健康支持闭环。本文不止评价画面风格，而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。
一、产品定位：先回答系统替谁解决什么问题
Carely 并没有把自己仅仅定位为一款冷冰冰的情绪记录工具或心理咨询预约平台，而是试图建立一个覆盖情绪觉察、习惯养成、睡眠改善与即时陪伴的个人心理健康守护者。
- 移动端：作为核心载体，承接高频的情绪打卡、日记书写与AI对话，强调私密性与便捷性。
- Web端/官网：承担品牌信任构建与服务介绍，通过生动的视觉语言降低用户对“心理治疗”的防御心理。
- 核心价值：通过拟人化的AI伴侣（猫头鹰形象），将抽象的心理健康服务具象化、亲切化，解决传统心理应用门槛高、难以坚持的问题。
二、信息架构：把功能转译为用户的自我关怀顺序
信息架构围绕“此刻感觉如何—我能做什么—长期的变化”展开。
- 感知层：首页以“Daily mood log”（每日情绪日志）为第一优先级，通过简单的表情选择降低启动门槛。
- 行动层：将“Journal”（日记）、“Specialist”（专家预约）、“Health Overview”（健康概览）组织为可进入的任务模块。
- 反馈层：通过“Freud Score”等趣味化指标和趋势图，让用户看到长期的心理状态变化。
这种分层既照顾了用户当下的情绪宣泄需求，也保留了专业干预的入口。
三、关键交互：从机械记录走向情感连接
交互亮点在于把枯燥的心理评估转译为有趣的互动体验。
- IP角色互动：界面中的猫头鹰形象不仅仅是装饰，它出现在加载页、空状态和对话场景中，作为AI伴侣的化身，提供情感反馈。
- 可视化情绪：情绪记录不是简单的文字，而是通过色彩鲜明的表情图标和动态曲线展示，让不可见的情绪变得可见。
- 服务预约：在移动端直接展示专家头像、擅长领域（如Specialist THT）和时间段，将复杂的咨询预约流程简化为类似电商购物的流畅体验。
四、视觉系统：品牌表达必须承担疗愈语义
这套视觉系统极力避免医疗产品的冰冷感，转而营造“安全屋”的氛围。
- 色彩心理学：大面积使用薄荷绿、天青色等低饱和度自然色系，建立平静、放松的基调；紫色作为品牌色（猫头鹰、按钮），增添了一丝神秘与智慧感，同时保持温暖。
- 插画风格：采用圆润、柔和的2.5D插画风格，无论是飞翔的猫头鹰还是温馨的小屋，都传递出“包容”与“希望”的语义。
- 字体与图形：圆角卡片、粗圆体标题（Bold Creative）强化了亲和力，消除了尖锐感带来的心理压力。
五、面向产品与设计团队的可复用价值
对产品经理而言，最值得借鉴的是IP化运营思维：在功能性产品中引入强人格化的IP角色，能显著提升用户的留存率和情感粘性。对设计团队而言，要重点维护情绪可视化的准确性，确保颜色、表情与实际心理状态的对应关系符合用户直觉，避免产生误导。
六、专业审视：仍需补齐的体验边界
现有方案的主要风险是过度娱乐化可能削弱专业信任感。虽然可爱的风格降低了门槛，但在涉及危机干预或严肃诊断时，需要有一套视觉降级机制，切换至更稳重、专业的模式。此外，AI对话场景应增加明显的“非医疗建议”免责声明，并在检测到高风险关键词时，提供显眼的紧急求助通道，而非仅依靠可爱的猫头鹰回应。
结语：设计的最终判断标准是业务与使用价值
Carely 展示了心理健康产品从“工具”走向“伙伴”的路径：以IP建立连接，以记录形成习惯，以陪伴维持行动。真正决定产品温度的，不是插画有多精美，而是当用户深夜感到孤独时，那个屏幕里的“猫头鹰”能否给出真正懂他的回应。
