# 护肤记录App设计：Senso把记录分成几层

原网页：https://www.jvds.cn/share/ui-design/senso-skincare-diary-u047
语言：zh-CN
发布：2026-10-13
作者：界达设计工作室（JVDS）

Senso的护肤记录App设计，把今天要做的事和想认真记下的观察分开。首页有早晚计划与勾选，日记页再用档位、标签和备注补充细节。浅绿动作色贯穿其中，让日常记录有一条清楚的开始路径。

## 首页先摆出今天，再摆出长期回看

Hi, Maria的问候下面是一排日期块，状态入口接在日期之后。UV与短句卡占较小面积，早晚Routine卡则有时间、产品类型和勾选方框。几种内容都有边界，没有挤在一段长说明里。

Morning Routine用太阳图标，Evening Routine用月亮，时间又紧邻标题。图标与文字共同解释时段，已勾选方框变成浅绿。这些小配对让人不必靠位置记忆辨认早晚。

首页下方才出现Your products与Compare Results。产品清单和照片回看属于更深入内容，今日动作仍在前面。界达设计认为，这个顺序适合需要反复打开的记录产品：先让当下有可做的事情，再提供长期查阅。

图示日期重复出现Wed和14，这属于样例内容需要修正之处。日期是每条记录的身份，正式页面应让连续时间能被准确复述，不能只用颜色暗示先后。

![Senso首页的日期、早晚计划勾选及产品和照片入口](https://www.jvds.cn/upload/2026/1008/d187-tp/u047-i1.webp)

首页中央与下方｜当日计划在前，产品与照片回顾放在更深一层。

## 档位提供词汇，备注保留自己的说法

日记页用几条横向滑杆表示观察档位，每个档位下面都写了短词。选中项有浅色底块，与滑杆触点相对应，敏感和纹理又各用不同的标题。这让抽象感受至少有一组可比较词汇。

Additional factors下面是生活因素标签，Notes再提供大一些的文字框，Save铺满底部宽度。从选择到补充，再到保存，页面顺序完整。标签不需要承担所有表达，备注让没有现成选项的内容仍然能写下来。

记录类产品可以借鉴这套分工，但要区分“[没有观察](https://www.jvds.cn/share/ui-design/ui-component-states-design-system)”和“选择了无异常”。未填写字段不应自动变成某个积极状态。保存后的摘要最好能直接复述选中词，便于回看与修改。

滑杆外形看似连续，下面却是几个离散档位，正式交互要让触点与词语对应准确。选中、拖动和键盘打开后的状态没有在这张图展示，后续原型可以围绕这些位置继续检查。

![Senso敏感与纹理滑杆、生活因素、备注及Save按钮](https://www.jvds.cn/upload/2026/1008/d187-tp/u047-i2.webp)

日记页由上到下｜档位选择、因素标签与自由备注共同承接一次观察。

## 回顾页把产品、关联与因素分成不同卡

Product Impact把产品图片、类别标签、名称和品牌排在一起，Positive Effect与Breakout Risk作为分区标题。再往下，Correlation Insights用Cycle、Sleep和UV短标签配文字，Lifestyle Factors另起一张卡。

从视觉上看，三块内容各有标题与空白，产品身份没有被一张大图盖住，因素也不混在商品名旁。这是回顾界面值得学习的层级安排：让不同对象分别有自己的阅读位置。

这些效果和关联词属于画面文案，不能据此证明产品造成了某种变化。若继续设计回顾页，可以让每条摘要指向相关日期、记录数量与观察内容，帮助人回到[原始记录](https://www.jvds.cn/share/ui-design/dashboard-data-visualization-mistakes)理解上下文。

照片对比入口同样需要拍摄日期与对应记录。两张图片并排能方便观看，光线或角度的差异仍需解释，照片排得整齐并不会自动成为结论。

![Senso Product Impact与Correlation Insights产品和因素总结](https://www.jvds.cn/upload/2026/1008/d187-tp/u047-i3.webp)

回顾页上半｜产品标签与生活因素并列，结论应能回到引用的记录。

## 浅绿色贯穿动作，其他浅色区分内容

保存按钮、勾选和小箭头都使用浅绿，产品类型标签则有粉、蓝、黄等细边框。主要动作有共同颜色，信息分类又保留小范围差异，白色卡片把两者放在干净背景里。

借鉴时可以先画完整的一天：未记录、仅完成计划、已填日记分别是什么状态，再检查历史页怎样显示。清楚的状态关系比增加更多连续奖励更能帮助长期记录，界面也更容易保持轻量。

## 让记录产品既容易开始，也方便回看

如果你在规划日常记录、生活管理或健康信息App，可以把快捷动作、详细填写与历史查阅一起梳理。界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，可协助规划产品界面及介绍网站。

[联系界达设计，聊聊你的项目](https://www.jvds.cn/contact)