APP PROTOTYPE · iPhone 375 × 812

心屿 · AI 情绪日记与生活助手

一个帮助年轻人记录情绪、理解自己、照顾生活的陪伴型 App:30 秒情绪打卡,AI 读懂日记里的情绪与需求,给出温柔可执行的小建议,并把睡眠、习惯和日程放进同一个节奏里。本页包含需求分析、功能与信息架构、设计规范,以及可直接对照开发的 12 个原型界面。

01 · 用户需求

谁会用?他们真正需要什么?

用户画像:林夏

林夏 · 26 岁 · 产品运营

职场压力型 · 主力用户

“加班后很烦,但说不清烦什么。想要一个不费劲就能记下来、还能告诉我原因的地方。”

  • 30 秒完成情绪记录
  • 看懂压力来源与规律
  • 睡前快速放松
用户画像:阿哲

阿哲 · 22 岁 · 研究生

倾诉需求型

“有些话不想跟朋友说,怕被评判。希望有个随时在、说话温柔的倾听者。”

  • 不评判的 AI 陪伴对话
  • 强隐私:上锁 + 本地加密
  • 危机时可获得专业求助指引
用户画像:周姐

周姐 · 35 岁 · 二孩妈妈

生活管理型

“时间都是碎的。想顺手记下生活片段,也想把作息、喝水这些小事管起来。”

  • 语音 / 照片快速记录
  • 习惯、睡眠、提醒一站式
  • 回顾“那年今日”的温暖瞬间

02 · 功能规划

五大模块:记录 → 理解 → 陪伴 → 生活 → 安全

记录

情绪打卡(心情 + 强度 + 情绪词 + 诱因)、富文本日记、语音转文字、照片、天气与位置

理解

AI 日记解读、情绪构成、关键词、认知重构建议;周 / 月情绪趋势与影响因素;AI 周报

陪伴

AI 对话(倾听 / 建议 / 陪伴三种模式)、4-7-8 呼吸、白噪音、睡前放松

生活

今日计划、习惯打卡、睡眠记录、智能提醒,由 AI 根据情绪状态动态调整节奏

安全

Face ID / 密码锁、端侧加密、数据导出与删除;识别高风险表达时提供专业求助入口

信息架构(底部 5 个 Tab)

首页

今日心情
AI 洞察
今日计划

日记

日历
时间线
详情 / 解读

AI 小屿

对话
放松练习
快捷记录

洞察

情绪趋势
影响因素
AI 周报

我的

提醒 / 隐私
会员
求助资源

核心闭环

  1. 1首页一键打卡 → 选择心情与诱因 → AI 给出一句共情回应与 1 个小行动
  2. 2写日记(文字 / 语音 / 照片)→ AI 解读情绪构成 → 可继续和小屿聊这篇日记
  3. 3每周生成情绪洞察 → 发现“睡眠 / 加班”等影响因素 → 生活助手调整计划与提醒

03 · 设计规范

柔和、安静、可信赖

色彩

主色 #674BDA
浅主色 #E9E3FF
暖橘 #FFA982
背景 #F6F4FC

情绪色(全局统一,用于打卡、日历、图表)

开心
平静
一般
低落
焦虑

字体与层级(pt)

  • 大标题28 Bold
  • 页面标题20 Semibold
  • 导航 / 卡片标题17 Semibold
  • 正文15 Regular
  • 辅助说明13 / 11

组件与交互

  • 卡片圆角 20、按钮圆角 16 / 胶囊,4pt 间距栅格
  • 可点区域 ≥ 44×44,主按钮高 52,固定在拇指热区
  • 状态栏 47、导航栏 44、TabBar 84(含 Home 指示条安全区)
  • 图标 Font Awesome 6,线性与实心按选中态切换
  • 动效 200–300ms ease-out;呼吸练习按 4-7-8 节奏

04 · 原型界面

12 个核心界面(iPhone 375 × 812)

界面中的心情选项、标签、开关和底部 Tab 可点击,呼吸练习按真实节奏播放。每个界面下方附页面目标、关键交互和开发备注。

9:41
清晨粉紫色山峦

心 屿

把情绪,
写成一座温柔的岛屿

小屿陪你记录每一种心情,读懂背后的需要,再给你一个刚刚好的小建议。

30 秒打卡 AI 解读 端侧加密

继续即表示同意《用户协议》与《隐私政策》

01

启动引导

  • 目标:3 秒传达“记录 + 理解 + 安全”的价值,降低注册门槛。
  • 交互:左右滑动 3 页价值说明;“开始记录”可先以游客身份体验(数据仅存本机),之后再用 Apple / 微信绑定。
  • 开发:主视觉 750×940 WebP;底部按钮区固定在 Home 指示条安全区上方。
9:41

10月10日 周五 · 晴 22°

早上好,林夏

林夏头像

此刻感觉如何?

连续 6 天
开心
平静
一般
低落
焦虑

小屿今日洞察

最近 3 晚都睡不足 7 小时,你记录的“焦虑”也多了一些。今晚试试 22:30 前放下手机?

今日计划 2/4

全部
  • 晨间冥想 5 分钟08:00
  • 和小雨吃午饭12:30
  • 沿江慢跑 3 公里19:00
  • 睡前写 3 件好事AI 推荐
喝水
6/8
步数
6.2k
冥想
12′
02

首页 · 今日

  • 目标:打开即可完成今日打卡,并看到一条与自己相关的 AI 建议。
  • 交互:点心情直接进入 03 打卡页并预选;洞察卡“睡前放松”跳转 10 呼吸练习;计划项左滑完成 / 延后;中间悬浮按钮唤起小屿(07)。
  • 开发:问候语按时段切换;洞察卡每日 6:00 根据近 7 天打卡、睡眠数据生成,无数据时展示新手引导卡。
9:41

平静

开心
平静
一般
低落
焦虑
强度7 / 10

更具体的感受 (最多 3 个)

和什么有关?

想多说一点吗?(可选)

03

情绪打卡

  • 目标:30 秒内完成一次结构化记录:心情、强度、情绪词、诱因。
  • 交互:点选心情后顶部大表情与颜色联动(可在本页试点);情绪词最多选 3 个;“完成打卡”后底部弹出小屿的一句共情回应和 1 个小行动。
  • 开发:数据结构 { mood, score, emotions[], triggers[], note?, createdAt };语音输入走端侧识别。
9:41
平静 · 7 晴 22° 西湖 · 北山街 散步

傍晚沿着湖边散步

下班后没有直接回家,绕到湖边走了一圈。风很轻,天边一层一层变成粉紫色。

这周方案被反复打回,一直憋着一口气。走着走着突然觉得,事情总会一件一件解决的。

路过花店,给自己买了一小束洋甘菊

湖边日落

灵感提示:今天有没有一个瞬间,让你觉得被支持?

326 字 · 21:42 已自动保存仅自己可见
04

写日记

  • 目标:低压力的自由书写,不必每次从空白开始。
  • 交互:自动带入刚才打卡的心情、天气、位置(均可删除);工具栏支持插图、语音转写、话题、待办;灵感提示可“换一个”;“AI 润色”只给建议,不覆盖原文。
  • 开发:草稿每 5 秒本地保存;图片压缩到长边 1600px 后加密存储;正文支持 Markdown 子集。
/*__SCREENS_2__*/
/*__SCRIPT__*/