SIHAI WELLNESS · PORTION DINING OS · PHASE 1 WEB

CanteenOS · 四海社区健康餐饮系统

分份制健康餐系统的一期原型。三块屏:住户网页、运营后台、餐台识别屏与公共大屏。 两套视觉版本各自完整可交互 —— 营养数据是真的,评分是真算的。

工业风
Industry · Blueprint

冷灰底 + 蓝灰强调色,近方角,blueprint 四角定位标记。 界面显示实名与房号;餐台屏逐格列出识别到的每一份。

打开工业风版 →
有机风
Organic · Warm

奶油底 + 赤陶与橄榄绿,大圆角与胶囊。 全面去实名(打码 ID);餐台屏改为热量构成甜甜圈 + 分数环 + 人群对比, 且未刷凭证也能用。

打开有机风版 →

两版差在哪

工业风 Industry有机风 Organic
色板冷灰 #f2f2f3 + 蓝灰 #5980a6奶油 #f5ead8 + 赤陶 #c67139 + 橄榄绿
字体Barlow Condensed / BarlowCaprasimo / Figtree
圆角2 / 4 / 7px,近方角8 / 16 / 28px,外加胶囊与圆形
标识blueprint 四角定位标记无 —— 靠留白与圆角
身份呈现实名 + 房号(陈默 · B-1204)打码编号(SH-7F****A1)
餐台屏逐格列出识别到的每一份热量构成甜甜圈 + 分数环 + 人群对比
未刷凭证不涉及匿名餐盘:照常识别与评分,不关联账号

怎么看

进去之后顶栏可以随时切换两版,也能单独开关「匿名 ID」。三块屏都能点:
· 住户网页 —— 加减份数会实时改变热量与四项得分;右上可切桌面 1120 / 手机 390
· 运营后台 —— 八个子页;「大屏内容配置」里关掉某个字段,右侧预览会实时少一列
· 餐台 / 大屏 —— 三个状态;有机风下还能切「已刷 NFC / 未刷匿名餐盘」
· 右侧栏可换住户样本:同一份餐盘,陈默 88 分、王慧 69 分,因为目标区间与风险规则按各自档案走
隐私边界不是「记得别显示」,是代码层面取不到。 大屏渲染函数的入参里根本没有分项得分与健康标签;疾病、用药、体征、 替换建议文案在规则层就被标记为私密,任何大屏模板都读不到。 餐台屏上连推送提示都做了打码。

它不是设计稿的截图

24 种标准份的营养素是真数据,评分引擎是真算的:加一份原蜜,热量 675 → 755 kcal(正是它的当量), 总分 88 → 51(糖超上限叠加风险项扣分)。分类筛选、忌口开关、凭证绑定、后台八页、 大屏五个字段开关、餐台三态,全部可交互,没有一处是死图。

与两份设计稿做过逐条机检:文案片段 88 条 × 2 版零缺失、24 种标准份数值零不符、设计系统变量 42 个 × 2 版零偏差