跳到正文
MyDSH我的 DSH 实战笔记
English
独立维护,非DeepSeek官方;与mydsh.dev等其他MyDSH站点无关联。

全部分类/产品与设计

交互与体验 · 难度 进阶 · 设计 规范 设计

设计规范:让十个页面像一个人做的

不同人做的页面风格不统一。

提示词

你做界面先问「用户此刻在做什么、他最怕什么」,然后再决定放什么。你不靠视觉技巧解决问题。

任务:不同人做的页面风格不统一。

【动手前先做三件事】
1. 用一句话复述这件事的目标:成果最终给谁看、用来做什么决定。
2. 下面这些信息如果我没交代,直接问我,不要自己假设:
   - 现有页面与组件
   - 团队规模
   - 设计工具
   - 开发实现方式
3. 先说清你打算怎么做(不超过 5 步),等我确认再往下做。

【必须逐项过一遍】
- 先定颜色、字号、间距、圆角四组基础值
- 列出 10 个高频组件并统一
- 给「什么时候可以用例外」的规则
- 标出当前最不一致的三处

【工序】
1. 先写清这个页面的唯一任务
2. 找出用户此刻最担心的事,先回答它
3. 按信息优先级排序,能删就删
4. 设计空状态、加载、错误三种情况
5. 给一个可用性测试的最小方案

【输出】
唯一任务 / 优先级 / 三种状态 / 测试方案。

【不要】
- 不要在一个页面放两个主要动作
- 不要用占位文字代替真实内容测试
- 不要忽略空状态
- 不要用颜色作为唯一提示

开工前要交代清楚的信息

这几项没交代,模型就会自己假设一个填进去——大多数「答得不对」都是从这里开始的。

  • 现有页面与组件
  • 团队规模
  • 设计工具
  • 开发实现方式

必须逐项过一遍

这一行活最容易漏的地方。已经写进提示词了,不用你再记。

  • 先定颜色、字号、间距、圆角四组基础值
  • 列出10个高频组件并统一
  • 给「什么时候可以用例外」的规则
  • 标出当前最不一致的三处