一、首页
整体采用薄荷绿+雾蓝+暖白+淡紫配色,传递安静、柔和、专业的疗愈氛围。顶部问候区以温暖文案开场——"下午好,今天感觉怎么样?",配合个人头像和天气/日期信息。情绪记录卡片为首页核心交互:以柔和渐变背景展示当天的情绪选择器(五个表情从开心到沮丧),选中后薄荷绿底色放大高亮,下方标注"连续记录第X天"进行连续打卡激励。四大入口圆角排列:冥想练习(引导式冥想音频库,按主题/时长/难度筛选)、咨询预约(匹配持证心理咨询师,文字/语音/视频可选)、成长课程(系统心理学课程,从入门到进阶)、睡眠陪伴(睡前故事+白噪音+引导入睡音频)。推荐冥想区以卡片展示今日推荐练习——标题+时长+难度等级+适用场景标签("适合起床后""适合睡前"),点击即可开始播放。成长课程横向滑动推荐热门课程,标注价格和标签("免费""热门""推荐""新课")。底部以每日心语卡片收尾,传递积极心理暗示。
二、分类页
顶部搜索框支持搜冥想/课程/咨询师名称。分类Tab横向滑动:全部/情绪调节/冥想放松/睡眠陪伴/咨询预约,选中薄荷绿高亮。服务目录以大卡片列表展示,每项包含:图标区(柔和渐变底色+服务图标)、服务名称、简要描述(功能+适用场景+特色)、分类标签(颜色区分类型:冥想绿色、情绪紫色、睡眠蓝色、咨询橙色)+属性标签("入门""快速""人气""每日"),右侧箭头跳转详情。情绪调节类:焦虑平复呼吸法、情绪日记书写疗愈、愤怒管理技巧等。冥想放松类:正念冥想初学者系列、身体扫描放松、行走冥想等。睡眠陪伴类:深度睡眠引导、睡前故事、白噪音合集等。咨询预约类:1对1心理咨询(标注50min时长)、团体辅导、危机干预热线等。支持按时长(5分钟以内/10-20分钟/30分钟以上)和形式(音频/视频/文字)快捷筛选。
三、详情页
以"5分钟晨间正念呼吸"为例。顶部练习封面大图+试听播放按钮(播放30秒预览音频)。练习名称+标签行(类型/难度/时长)。适合场景区以柔和色块标签展示适用时机——"刚起床时""早餐前""感觉焦虑时""开启工作日",帮助用户判断当前是否适合练习。练习步骤以纵向分步卡片展示:步骤1找到舒适位置→步骤2关注自然呼吸→步骤3接纳走神温柔带回→步骤4慢慢结束,每步配有详细文字引导和预期效果说明。练习提醒区以淡紫底色温馨提示注意事项:"无需追求什么都不想的状态""如感不适可暂停深呼吸""建议每天固定时间练习""本练习不能替代专业治疗"。底部固定栏:收藏按钮+"开始练习"主按钮(标注总时长),点击后进入沉浸式练习播放页,含引导语音+背景白噪音+呼吸节奏可视化动效(圆球随吸气放大、随呼气缩小)。练习完成后展示完成页:本次练习时长+连续打卡天数+今日情绪记录快捷入口。
四、会员中心
顶部雾蓝渐变身份卡片:头像、昵称、注册天数。连续情绪打卡天数以火焰图标+天数醒目展示,激励持续记录。本周情绪记录以表情日历横向展示(周一至周日),每天对应一个表情图标,当天情绪可点击补充记录,未记录日以半透明占位。功能入口六宫格:情绪记录(日历视图+心情日记+情绪标签)、我的课程(已购/学习中/已完成分Tab,学习进度百分比展示)、咨询预约(预约记录+进行中咨询+历史咨询师评价)、收藏内容(已收藏冥想/课程/文章清单,支持创建自定义收藏夹)、情绪报告(按周/月/季度生成情绪趋势折线图+情绪分布饼图+冥想时长统计+改善建议)、设置(通知偏好/播放偏好/隐私安全/账号管理)。本周情绪报告以三指标卡片展示——冥想次数、累计练习时长、情绪趋势判断(平稳/改善/需关注)。最近收藏横向滚动卡片展示已收藏练习的缩略图和名称。