DESIGN NOTES
为什么值得收藏
- 分类精简设置页从 9 类精简为 8 类,降低导航层级的浏览负担。
- 效果描述向 AI 描述为包含 8 个设置分类的设置页面;原文只明确分类数量,未说明具体分类名称或页面尺寸。
同源设计合集 · 6 项
页面案例
结合原始资料,按需应用到自己的设计中。
请以“精简分类的设置页”为参考,梳理一个包含 8 个设置分类的页面结构。 已知信息:设置分类由 9 类精简为 8 类,目的是减轻浏览导航的负担。现有说明未给出分类名称、页面尺寸或具体视觉样式,因此不要将这些内容描述为原图事实。 设计建议:按用户查找设置的习惯组织分类,清楚呈现页面标题、分类导航与对应设置内容;让常用入口容易找到,并检查合并分类后是否仍易于理解。分类名称、布局形式和视觉细节可根据项目内容决定。 如需重新制作页面,请将其标明为基于参考信息的新设计,而非来源原作。 【参考资源】 - 资料详情:https://ui.undoai.cn/pages/x-hub-settings-eight-categories/ - 原始设计参考图:https://ui.undoai.cn/pages/x-hub-settings-eight-categories/refs/01.jpg(设置页分类精简的原图参考)
先看完整页面案例原图。提示词用于分析和借鉴结构,重新制作的页面不是原始作品。
查看 Markdown 全文,复制或下载 design.md 后交给开发者使用。
# 精简分类的设置页 — design.md 内容版本:sha256:8c05585d1dc1351cc17606d7d31d227beed1a031cac916372589e6c25781e194 本文件由当前元数据、实现摘要和实际文件列表确定性生成。元数据记录是资料声明;未提供的数值不作推断。实现建议须在后续开发中选择和验收。 ## 元数据记录 - 资产:pages/x-hub-settings-eight-categories;语义类型:page-case。 - 分类:整页效果。 - 标签:设置页、信息架构。 - 场景:应用偏好设置、浏览设置分类、设置页结构优化参考。 - 平台:未提供。 - 风格:未提供。 ### 亮点声明 - 分类精简:设置页从 9 类精简为 8 类,降低导航层级的浏览负担。 - 效果描述:向 AI 描述为包含 8 个设置分类的设置页面;原文只明确分类数量,未说明具体分类名称或页面尺寸。 ### 实际文件与参考资源 - `meta.yml` - `refs/01.jpg`(sha256:e374a0a4e26a26fb5306a5e5d774241895999d74ba2cb41d36d01205c8b32ae0) - 参考图:`refs/01.jpg`;设置页分类精简的原图参考。 - 实现摘要:未提供 demo.html。 ## 未提供 - 未结构化记录的完整页面流程、路由、业务数据、信息层级参数及跨页面组件规范不作推断;亮点描述属于元数据声明,截图或静态 demo 不能证明业务流程可用。 ## 实现建议 - 梳理信息层级、核心任务、导航与内容区,再把重复区域提炼成可复用组件。 - 定义首屏、加载、空数据、错误与完成状态,确认主要行动按钮对应的真实业务行为。 - 在桌面与窄屏验证阅读顺序、表单反馈和导航,逐条验收核心用户路径。
在完整提示词后补充你的要求;生成提示词不会创建新资产。
DESIGN NOTES
GOOD FOR