SuperAPI AI 工具集

design-wiki

设计与创作

查看项目

更新于 10-28 21:25

技能介绍

用途

Design wiki 是一份共享的设计准则,回答“在静帧、幻灯片、图表或影片画面上,什么算好,以及为什么”。它本身不负责制作,制作由生产类技能承担(静帧、数据可视化、缩略图、故事板、动态指导);品牌事实存放在品牌包(/workspace/brand/)中。该 wiki 是这些技能共同依赖的准则基础。

如何阅读

本 wiki 中的每一页要么是带有可核查证据的规则(标准、已发布的指南、测量值),要么是标注为“默认值,需权衡”的默认项,后者可被充分理由推翻。品牌规则不在此处,它们来自品牌包,且品牌包优先于默认值。当某项工作带来新知识时,应将其保存为观察记录(save_observations)并附上证据,而不是直接编辑本 wiki;由人来决定什么成为准则。

页面索引

  • 决定眼睛先看到什么;网格、边距、空间、安全区:references/hierarchy-and-layout.md
  • 字体角色、交付尺寸下的字号、行长、大小写、可读性:references/typography.md
  • 底色、单一强调色、有含义的色彩、对比度:references/color.md
  • 各平台的尺寸与规格,附核查日期:references/platforms.md
  • 选择哪种图表或图示,以及如何保持诚实:references/data-and-diagrams.md
  • 评审时给作品打分:领域、锚点、结论:references/review-rubric.md

准则要点

  • 一个信息,一个焦点。一个画面只说一件事。列出观看者必须解读的每个独立元素(标题、卡片、图表):一个是好画面,两个是上限,第三个就应另起一帧。所有非焦点元素在大小、字重或对比度上要大幅退让。(默认值,需权衡;用“注意力需求计数”来核查。)
  • 概念先于构图。视觉创意才是真正的产品表面,可以是具体的隐喻,或大胆的字体。装饰性的节点、圆点或网络场域永远不算概念(见 brand-design 的 kill test)。
  • 用词最少。每个事实只出现一次。不要添加需求未提供的副标题、说明、页脚、URL 或眉题;解释应放在回复或帖子中。用户提供的文案要原样交付。
  • 真实优于模仿。使用产品真实 UI、带来源的真实数据、真实 logo。画面上的数字是一种主张:它要连同来源记入简报的主张台账(content-brief)。
  • 对比度是测量出来的,不是判断出来的。文本满足 WCAG 2.1 对比度:4.5:1,大号文本(至少 18 pt,或 14 pt 粗体)为 3:1;有意义的图形和 UI 部件与其相邻内容之间满足 3:1(见 color)。brand-lint 会针对设计令牌测量文本对比度。
  • 按观看场景定尺寸。人必须阅读的最小文字,要在该作品最小的观看场景下依然可读:手机信息流、缩略图栏、房间后排的投影仪(见 typography、platforms)。新尺寸就是新布局,绝不是缩放或裁剪的副本。
  • 看渲染结果。所有关卡通过只是底线。在别人之前,你要亲自看像素(visual-verify),并对照评审评分标准。

在评审中使用评分标准

评审者、助手或你在交付前,按评分标准的领域给作品打 1 到 5 分,每项附上时间戳、裁剪区域或背后的数字,并最多写十二条按影响排序的备注,每条标注为必须修复或锦上添花。结论遵循评分标准的规则(可交付、修复后交付、返工)。在任何评分之前,有两件事先行决定:编造的主张直接判作品不合格;无法运行的关卡(exit 2)不算通过。动态作品增加节奏、声音和完成度领域:影片评分标准在 motion-direction 中;发布影片的评审简报会同时指向两者。

规则来源

每页的证据栏会列出公开可链接的来源(W3C 标准、平台帮助页、已出版的书或风格指南),或标注“默认值,需权衡”。平台规格会变化;每条规格行都带有核查日期,重要的投放位置在最终确定前要对照平台自己的页面重新核查。