「安寝缓冲站」小程序睡眠星激励与公益联动页界面设计，整体采用柔和舒缓的莫兰迪浅灰蓝与米白配色，背景为渐变夜空，圆角卡片设计，低饱和图标，整体氛围温暖治愈。界面顶部带有星空动效，展示用户累计点亮的“睡眠
GD376833297
![[第8屏] 每日打卡复习机制，知识点巩固说明。氛围风格：清新简约打卡风，有日常学习氛围感。元素布局：顶部标题，中间模拟打卡日历界面，展示每日打卡打卡，底部说明复习优势。光影质感：日历区域清晰，文字明亮，整体均匀布光。配色色系：全局底色 #F5F9FF，日历浅灰色，打卡完成绿色打钩，文字深灰。视角构图：居中展示打卡日历，上下文字说明。文字版式：主标题“每天打卡复习 知识点记得牢”，中间展示20天打卡日历，部分打卡完成标注，底部说明“每日复习巩固，温故知新不遗忘”，文字清晰易读。比例分辨率：9:16竖版比例，4K分辨率，文字清晰可辨。负向提示词：文字错乱，变形，水印，颜色偏差，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/260ac7ce-24a9-45ee-ab35-37d87e272ca211605.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第5屏] 本屏功能定义：多样适用场景展示模块，介绍产品可使用的多种场景。
[氛围/风格] 生活化温暖教育风，场景化展示，延续整体清新风格。
[元素布局] 顶部大标题，下方四个场景分两排两列卡片式排列，每个场景配标题和简短说明，卡片带浅圆角背景，板块分区清晰。
[光影质感] 卡片柔和阴影，整体光线均匀，每个场景信息清晰，不互相干扰。
[配色色系] 全局底色：#F5F9FF；标题：#2A4B8D；卡片背景：#FFFFFF；场景标题：#2A4B8D加粗；说明文字：#555555，延续统一配色。
[视角构图] 9:16竖版，从上到下排版，矩阵卡片展示符合移动端滑动浏览习惯。
[文字版式] 顶部大标题加粗居中："适用场景"。四个场景卡片：
1. 每日自我挑战："每天固定时段自主闯关练习（建议15-20分钟/天），逐步养成每日自我提升的习惯。"
2. 假期习惯保持："假期每日自我挑战打卡，在轻松有趣的闯关中保持练习节奏，避免长假后状态回落。"
3. 同伴互动激励："与同学朋友组队闯关，互相鼓励、良性竞争，在互动中共同成长。"
每个卡片内标题加粗，说明文字字号适中，行间距合适，保证手机端清晰可读。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨。
[负向提示词] 卡片变形挤压，文字重叠，文字模糊，颜色偏差，水印，背景杂乱，违规表达。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/b23c5a05-8356-497a-bffb-9d6bcf1d0983540.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第6屏] 详情页卖点屏，展示情绪价值赋能和错题重练个性化推荐优势。
[氛围/风格] 温暖鼓励的学习氛围，清晰专业，信息层级分明。
[元素布局] 分为上下两个模块，上半部分展示情绪价值，下半部分展示错题重练功能。顶部通栏大标题，每个模块占据一半左右高度，中间用浅蓝细线分隔，排版宽松，内容不拥挤。
[光影质感] 均匀柔和光线，每个模块内容清晰展示，无明暗遮挡，阅读舒适。
[配色色系] 全局底色 #F5F8FF；标题蓝 #4086FF；文字深蓝 #1E3A8A；分隔线浅蓝，整体配色温暖干净。
[视角构图] 从上到下竖版9:16构图，适配移动端浏览，两个卖点模块纵向排列，信息清晰有序。
[文字版式] 顶部蓝色通栏大标题，白色加粗文字"个性化备考 更懂你的需求"，居中；上半模块标题加粗蓝色文字"情绪价值赋能"，说明文字"每套题后配鼓励语、错误率分布、进度激励，备考从不孤单"；下半模块标题加粗蓝色文字"错题重练+个性化推荐"，说明文字"自动记录高频错题，推荐同类题目针对性练习，高效提分"。标题突出，说明文字清晰，字号适合手机阅读。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，超高清。
[负向提示词] 文字错乱，排版拥挤，颜色偏差，水印，图形变形，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/9ad8d6f8-d591-4b8e-966a-5c77c8b12449331.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
