针对当前「添加记录 / 创建项目」:每个字段标签 + Outline 描边框 纵向堆叠,框感重、像后台表单。 下面 5 套方案对齐 Enil 现有灰底白卡语言,尽量少框、多层级与留白。可切换「添加记录 / 创建项目」预览。
标签 + 全描边 Outline,每个字段一框。信息完整,但视觉噪音最大。
白底软阴影块代替描边;小写标签降权。与时间线卡片语言最接近。
大标题 + 正文像笔记;次要字段收成设置行。框最少,偏 iOS 备忘录。
主信息 / 归属 / 媒体 三组白卡,组内用细分割线。结构清晰,外框只剩组级。
上方快捷胶囊 + 中央大书写面 + 底栏媒体工具。主路径是写,附属字段收起。
| 方案 | 框感 | 扫读 | 落地成本 | 建议 |
|---|---|---|---|---|
| A 现状 | 重 | 一般 | — | 淘汰 |
| B 软卡片 | 轻 | 好 | 中(改 InputDecoration + 容器) | 记录 / 项目统一默认 |
| C 编辑式 | 最轻 | 标题优先 | 中高 | 记录页可进阶 |
| D 分组卡 | 中(仅组) | 结构最好 | 中 | 字段多时(记录)备选 |
| E 写作台 | 轻 | 写作优先 | 高 | 仅记录页远期 |
推荐落地路径:先上 B(记录 + 项目) → 记录页可选升级 C 或 E 的标题区; 若觉得附属字段仍散,把标签/子项目/时间收成 D 的一组。 原则:去掉 per-field Outline,主文本用底线或无边框白卡,次要项用行列表。
文件:docs/create-form-ui-design.html · 浏览器打开即可切换预览 · 未改应用代码。