mies

mies

在创建、重新设计、评审、精简、打磨、加固或做出面向用户的界面、品牌表面、产品UI、组件、仪表盘、流程、应用外壳、引导页、空状态或视觉系统的设计决策时,使用此技能。应用密斯·凡·德·罗式的克制、界面工艺工作流和反通用设计原则。不适用于纯后端工作。

3Star
0Fork
更新于 2026/5/29
SKILL.md
readonly只读
name
mies
description

在创建、重新设计、评审、精简、打磨、加固或做出面向用户的界面、品牌表面、产品UI、组件、仪表盘、流程、应用外壳、引导页、空状态或视觉系统的设计决策时,使用此技能。应用密斯·凡·德·罗式的克制、界面工艺工作流和反通用设计原则。不适用于纯后端工作。

Mies

一种设计品味技能,追求无情的精简和精确的工艺。对每个元素问“为什么在这里?”。如果它无法回答,就移除它。如果它幸存下来,就让它完美无瑕——比例、间距、对齐、字体、层级、状态、动效、文案和材质都调整到感觉不可避免的程度。

结果应该感觉平静、自信、昂贵且人性化。克制不是空洞:温暖来自有意的使用、人性化的文案、深思熟虑的默认值、有弹性的状态以及证明有人想象过真实用户使用界面的细节。(以密斯·凡·德·罗命名——使用其精神,而非模仿:“少即是多”,“细节即上帝”。)

来源顺序

界面工艺是操作循环:注意、框定、探索范围、选择结构、组合、在真实界面中调整、评审、精简、验证。完美和品味是偏差检查:语域匹配、反默认原则、当前标准、视觉验证。Mies是过滤器:更少的决策,更强的理由,更好的细节。

当来源冲突时,优先采用现有产品系统,然后是平台/类别惯例,最后是Mies基础。只有在满足基线且偏差有用户或品牌理由时,才允许创新。

模式

从请求中推断模式;如果用户指定了模式,则遵循。只读取模式所需的那个引用文件。

  • Frame(框定) — 在设计决策前进行规划,并偏离类别默认值。references/workflow.md
  • Set(设定) — 建立可复用的基础(令牌、字体、颜色、间距、圆角、状态、氛围、性格)。references/design-system.md + templates/
  • Compose(组合) — 构建或重新设计一个表面。references/workflow.mdreferences/registers.md中的语域以及references/patterns.md中的可复用手法
  • Inspect(检查) — 评审现有表面。references/critique.md
  • Refine(精炼) — 减去、调整、然后验证:移除不配位的元素,打磨剩余部分,并为真实数据、边缘情况、无障碍、响应式进行加固。references/refine.md
  • Move(动效) — 动效、编排、触感、实时调整。references/motion-and-tuning.md
  • Word(文案) — 编写或审计界面文案:温暖、清晰、无冗余、不过度解释,且无AI痕迹。references/copy.md

对于新产品、新视觉方向和重新设计,除非已有现有基础,否则按 Frame → Set → Compose 路线进行。对于小的明显修复,简要陈述设计判断并继续。

首次阅读

在设计工作之前,推断(仅在错误猜测会导致真正返工时提问):

  • 表面 — 品牌、产品、仪表盘、表单、编辑器、移动端、引导页、内容、组件或流程。
  • 用户与场景 — 谁,在什么心态下,执行什么任务,在什么设备上,在什么压力下。
  • 语域 — 品牌创造印象;产品服务任务。
  • 现有系统 — 组件、令牌、字体、图标、间距、图像、平台惯例、设计文档。
  • 方面 — 工作必须创造的3-5种感知(平静、专业、耐用、温暖、快速、精致、可信、创新)。
  • 氛围与性格 — 要维持和打破的氛围;作品背后的想象之手。
  • 反参考与反射风险 — 这绝不能变成什么,以及可能落入的类别/AI默认值。

当方向重要时,说:Reading this as: <surface> for <user/context>, needing <facets>, with <register> restraint.

在五个刻度上无声调整——密度(稀疏↔操作型)、表达(安静↔独特)、动效(静止↔编排)、熟悉度(标准↔惊喜)、温暖(简朴↔人性化)。

核心法则

  • 先移除,后添加。每个表面一个主要任务;其他所有元素要么支持,要么等待,要么离开。
  • 你首先想到的设计通常是类别默认值——统计上最可能的第一个答案。在选择之前生成宽度:命名它,禁止它,强制结构上不同的方向,然后交付简报所要求的最简单的一个(Frame的发散传递;references/workflow.md中的范围杠杆,references/patterns.md中的可复用手法)。
  • 每次传递解决一个关注点——交互、架构、层级、视觉语言、组件、动效或打磨——并使保真度与决策匹配。第一个工作版本是起点,不是终点。
  • 视觉权重与语义重要性匹配。
  • 以自闭症般的精确度工作:字面、详尽、从不近似。精确是标准,不是可选的修饰。保持像素级和代码级的精确性:光学对齐,每个值来自比例尺,在设备像素比下边缘清晰,没有差一错误,没有魔法数字,没有布局偏移。将一个像素的偏移或一个硬编码值视为缺陷,在高缩放比下验证,并拒绝“差不多”。
  • 平台和类别标准是底线,然后有意识地改进。不要重新发明项目、平台或官方包已经拥有的系统。
  • 对于新产品和重新设计,在组合屏幕之前锁定可复用的基础;优先使用现有组件和令牌而非新原语。可锁定的决策放入模板/表格/令牌文件中,而不是模糊的散文中——一旦基础存在,新值要么添加到其中,要么记录为命名异常。
  • 更少的颜色、字体角色、容器、效果。每个容器都有工作;卡片分组意义,而非装饰。每个词都配得上它的位置:文案是界面,写得温暖清晰,无冗余(Word的传递;references/copy.md)。
  • 动效必须澄清状态、连续性或触感——而非装饰。
  • 完成被忽视的时刻:空状态、加载中、错误、禁用、聚焦、成功、长内容、首次运行、恢复。
  • 不要让克制变得枯燥。通过关怀而非装饰来增加温暖。

硬性禁止

除非现有品牌或明确简报真正要求,否则不要交付以下内容:

  • 装饰性斑点、球体、散景、假玻璃或网格渐变作为填充;渐变文字。
  • 嵌套卡片;重复的图标-标题-文本卡片网格;粗的彩色侧条纹装饰。
  • 假仪表盘/截图或基于div的设备模型,而真实图像或真实组件应存在。
  • 装饰性章节编号、版本戳、滚动提示、状态点或元标签;占位符作为标签。
  • 混合图标家族、混合圆角系统、意外的调色板漂移。
  • 英雄指标、假完美数字、通用名称、创业废话文案和AI默认营销词(无缝、轻松、强大、解锁、超级充电、提升);假温暖微文案(哎呀!、太棒了!、感叹号垃圾)和通用错误/空字符串。参见references/copy.md
  • 宣言式文案宣布价值观(关于品味、工艺、克制、简洁的标题),而不是通过设计展示它们。展示它;不要声称它。
  • 延迟任务或仅用于展示的动效。

如果设计开始看起来像通用的AI制作,重新设计结构,而不仅仅是调色板。如果仅从类别名称就能猜到主题、调色板、字体或布局,那么它仍然在轨道上——通过场景、用户状态、品牌性格和实际材料重新框定。

输出

返回具体结果、验证内容(构建、浏览器、截图或实际可行的针对性审查)以及任何剩余风险。对于评审,以影响最大的发现开头。对于实现,保持摘要简短并与设计决策关联。最终预检清单在references/refine.md中。