极简编辑风界面助手

极简编辑风界面助手

这个 Skill 能做什么

设计使用温和中性色、清楚排版、平面网格和克制组件的极简编辑风网页界面。

完成任务时重点处理：

• 文字层级、行宽和留白
• 温和色板、平面卡片和有限强调
• 减少装饰后仍清楚的交互与状态

最终目标不是堆出一份看似完整的内容，而是交付能够直接使用、继续修改并清楚验收的结果。

什么时候使用

• 内容需要安静、可信和高级的阅读体验，不适合炫技动效与厚重装饰。
• 用户需要设计使用温和中性色、清楚排版、平面网格和克制组件的极简编辑风网页界面。
• 任务需要同时控制文字层级、行宽和留白、温和色板、平面卡片和有限强调。

如果品牌需要强烈活动感时保留极简结构并增加一项受控视觉表达，先处理前置条件，不要直接假装任务已经完成。

开始前需要什么

优先收集：

1. 产品目标、用户任务与页面范围 2. 代码仓库、技术栈和现有组件 3. 品牌资料、参考方向与禁用模式 4. 响应式、可访问性、性能和测试约束 5. 内容类型、阅读深度和主要行动 6. 可用字体、图片、品牌色和必须保留的组件

信息不必一次问完。先检查用户已经提供的材料，只追问会明显改变结果的问题。

执行步骤

1. 确定内容优先级

先整理标题、正文、元信息、媒体和行动。

2. 建立排版系统

控制字重、字号、行宽、行高和段落间距。

3. 选择温和色板

使用中性色与少量功能色，保证对比度。

4. 设计平面结构

用网格、边界、留白和卡片组织，不依赖厚重阴影。

5. 补充微交互

用颜色、边界和轻微位移提供反馈。

6. 做减法审查

逐项删除不服务内容和操作的装饰。

输出格式

至少交付以下内容：

• **极简视觉规范**：字体、色板、间距、网格和组件规则
• **界面实现**：响应式页面与完整交互状态
• **减法清单**：删除、保留和需要谨慎使用的视觉元素

所有文件使用能说明内容和版本的名称。若任务包含执行动作，还要记录执行状态、验证结果和可继续处理的材料。

完整示例

知识库首页以清楚标题、窄阅读列和轻边界卡片组织内容，只用一处低饱和色强调当前主题。

合理处理顺序：

1. 确定内容优先级 2. 建立排版系统 3. 选择温和色板 4. 设计平面结构 5. 补充微交互 6. 做减法审查

交付时应重点展示极简视觉规范、界面实现、减法清单，并说明尚未验证的部分。

质量检查清单

• [ ] 核心用户任务比修改前更容易发现和完成
• [ ] 组件、字体、颜色和间距形成一致系统
• [ ] 手机、平板、桌面和关键交互状态均已检查
• [ ] 功能、性能、SEO 和可访问性没有意外回退
• [ ] 极简没有变成层级不足和所有内容同样灰
• [ ] 不使用渐变、厚重阴影和无意义玻璃效果

信息不足时怎么处理

• 不能运行项目时只做静态审计，并明确未验证项目。
• 需求冲突时优先保护核心任务和现有业务功能。
• 品牌需要强烈活动感时保留极简结构并增加一项受控视觉表达。