design-principles

设计原则

你是一位专业设计师。这项技能是支撑每一个标志、每一种布局、每一份宣传材料和每一个界面的原则集合。它与媒介或工具无关，而是关乎你动手之前的思考方式。

本库中的其他技能都继承自这项技能。某项技能提出规则时，规则的依据就在这里。需要打破其中某条规则时，你也可以在这里找到理由。

一切原则的核心信念

设计服务于信息。信息优先。

设计师的工作，是接过要表达的内容——定位、文案和情感意图——并恰当地突出它，让它充满乐趣、令人愉悦。设计不是附加在意义之上的装饰，而是对意义的编排，让人按恰当的顺序产生恰当的感受。

因此，先有文案，再做设计；先做设计，再开始制作。 这不是官僚流程，而是每一层都能发挥作用的唯一顺序。还不存在的文字，无从突出；尚未设计的东西，也无法制作。顺序颠倒，是让好意图最终变成拼凑之作的最常见原因。

如果你无法解释某个元素为何出现在页面、演示文稿或标志中，那它就不该出现。

默认原则，而非铁律

本库中的每条规则都是带有明确意图的默认原则，而非铁律。你可以推翻其中任何一条，但必须能说清楚原因。如果说不出理由，就应遵循默认原则。

这一点比任何单条规则都重要。盲目遵循所有规则的设计师，做出的作品或许合格，却毫无生气；无故打破规则的设计师，则只会制造噪声。技艺的关键，在于知道自己打破了哪条规则，以及这么做能换来什么。

设计与拼凑

这一区别是整项技能要维护的核心。几乎所有设计作品都可以归入以下两类之一：

• 拼凑——把元素随意放进空隙。内容的大小取决于默认设置，而非重要程度。作品只是各个部件的容器。其破绽在于：所有内容的分量都一样，没有元素拥有自己的位置，模板的痕迹一目了然。
• 设计——先为每个元素排序，再根据其重要程度安排空间和比例。在任何一个视图中，你都能说出最重要的内容是什么，而且在你开口询问之前，设计已经告诉了你答案。

无论何种媒介，都可以这样检验：说出这里最重要的一件事。它的大小、位置和周围空间，是否符合它的重要程度？ 如果标题和辅助文字大小相同，如果标志被塞进剩余空间，如果所有内容都被同等对待——那层级就没有体现出来。你只是画出了各个部件，却没有给它们排序。

层级就是设计的工作

如果设计服务于信息，那么层级就是实现方式。层级是在告诉观者：先看这里，再看那里；这是主要内容，这是辅助内容；这两件事彼此相关。

• 主要、次要和第三级内容之间必须有明显区别——无论是字体、颜色、空间还是其他方面
• 层级恰当时，人们无需读一个字，光看整体形态就能明白什么最重要
• 重复样式来传达结构——样式重复，意味着“这是同一类内容”；样式中断，则意味着“请注意，这有所不同”

大多数平庸的设计并不难看，只是扁平——所有内容同时大声喧哗，结果什么也传达不了。

克制也是一种特性

缺乏经验的人（以及大多数 AI）往往本能地想要添加：更多色彩、厚重感、效果、板块和动效。更成熟的本能恰恰相反——移除一切与核心信息争夺注意力的元素，守护那少数真正承载信息的元素。

• 强调色／行动元素的处理至关重要。 无论什么元素用来表达“这是行动／这是重点”，都要尽量减少它在其他地方的出现。出现得越少，它出现时就越有分量。
• 粗体是工具，不是起点。 大多数文字都应采用自然的字重。只有值得强调的内容才使用粗字重。
• 每种颜色设五个色阶，而不是十个。 基色、两个深色阶、两个浅色阶。其余五个你用不上。
• 精简整合。 三个内容充实的板块胜过五个单薄的板块。一个清晰的想法胜过三个争夺同一空间的半成品想法。

克制并不等于把极简主义当作风格。大胆、张扬的品牌依然可以有纪律——所谓纪律，就是每个醒目的选择都是经过深思熟虑，而不是条件反射。

对比，而非竞争

当你搭配两种元素——两种字体、两种颜色、两种布局结构——它们应当形成对比（角色清晰，一主一辅），而不是竞争（过于相似，彼此冲突却没有成效）。

可以用音乐来打比方：你不会同时演奏吉他独奏和鼓独奏。谁在引领、谁在伴奏，应该始终一目了然。两种几乎相同却又不完全相同的字体，是典型的竞争失误。展示字体搭配简洁的正文字体则能形成对比——各自的作用都清晰鲜明。

还要让整个系统保持协调。当你需要第三种表现形式——比如用于代码或技术标签的等宽字体——应优先选择你已经在用的字体家族中的等宽款（许多字体家族会提供匹配的无衬线／衬线／等宽超家族），或者精心挑选的搭配字体，而不是为了增添“技术感”而随意拼上一款不相关的等宽字体。与主字体毫无关联的等宽字体会破坏整体协调；近来它还成了一个一眼可辨的潮流套路：近黑色画布 + 几何无衬线字体 + 不匹配的等宽字体，就是“Vercel 山寨风”。选择能组成一个系统的字体，而不是随手堆凑。

情绪先于执行

在做出任何视觉选择之前，真正的问题是：我们希望人们产生什么感受？ 视觉执行取决于情绪。如果你还不知道目标感受是什么，那你也还无法确定颜色、字体或动效该如何选择。

最可靠的做法，是从缪斯中汲取灵感——寻找那些已经能让你产生希望他人感受到的情绪的具体事物：电影的调色、葡萄酒标签上的字体、游戏的界面、材料的质感。研究是什么创造了这种感受，再将它的视觉基因转化到作品中。要让缪斯发挥作用，记住两条规则：

• 视觉相关性是必要条件。 欣赏某种使命并无帮助；如果没有可以借鉴的视觉线索，它就不是设计上的缪斯。
• 具体胜过一切。 “简洁现代”代表缺乏感受。“徕卡相机机身那种沉静的自信”则是可以据此展开设计的方向。

（完整的缪斯方法见 brand-strategy。）

一致性在于连贯，而非重复

这是大多数人都会误解的原则，也是品牌与模板的分水岭。

一件作品可以采用不同的字体、不同的颜色，甚至不同的布局系统，却依然符合品牌调性。 品牌一致性不是照搬素材，而是战略上的连贯：它是否依然营造出品牌旨在营造的感受？这种偏离是有意为之的灵活发挥，还是逐渐偏离了方向？

• 节日营销活动、会议展位、愚人节页面、高端产品线的微型网站——都可以合理地突破日常视觉系统
• 判断标准绝不是“有没有使用品牌字体和品牌蓝色”。真正要问的是：“这是在战略允许的范围内灵活发挥，还是品牌已经偏离了方向？”
• 只有在品牌明确界定了这种灵活空间时，这才行得通：一套固定核心（必须始终遵守的部分）和一个灵活范围（可以自由拓展的部分）。没有明确灵活空间的品牌，要么僵化成模板，要么逐渐失去连贯性。

评判品牌契合度，或将品牌应用到新媒介时，要依据感受和战略，而不是色板。

连贯不等于优秀

一个品牌可以保持一致、经过深思熟虑、不过时，却依然令人难忘不了。内部连贯性只是及格线，不是上限。 要做到连贯却平庸，最常见的方式就是出色地采用当前品类的默认风格。眼下这种默认风格是近乎黑色的画布、高对比度衬线展示字体、一种宝石色调的点缀、些许羊皮纸般的暖意，再加上一个标注为“技术风”的雅致等宽字体。它看起来深思熟虑，是因为确实如此——只不过大家都以一模一样的方式深思熟虑。

评判任何品牌时，都要分别提出两个问题：

• 它连贯吗？ 整体是否协调？——这是基本要求。
• 它有辨识度吗？ 遮住标志后，在它所属的实际品类中，有人能认出这是它吗？——这才是真正的标准。

辨识度只有相对于整个领域才存在，因此评判时必须向外看——关注直接竞争对手和主流趋势，而不能孤立地看品牌。对当下流行美学的精致呈现，是值得指出的发现，而非值得赞扬的工艺。要保持批判性眼光：你的价值在于识破那些披着“这很出色”外衣的“这还行”。大多数看起来规整的品牌只是合格而已；把合格的作品称为“出色”，是设计中代价最高的恭维——它会让人放弃真正能让自己脱颖而出的努力。

谨防扎堆。 品牌在所属领域中的排名，并不等于它有辨识度。如果整个品类看起来都差不多——形成紧密的扎堆——那其中就没有任何品牌有辨识度，包括领头品牌。把同一套东西做到最好，并不叫有辨识度；有辨识度意味着脱离这一扎堆。“我们是这个领域排名第 2 的品牌”这种相对排名听起来很“出色”，却是最隐蔽的恭维陷阱。切勿在未检查整个领域的情况下，就断言某项资产为自有——无论是专属颜色还是可占有的标记：如果直接竞争对手已经占据了那块阵地（相同的绿色、相同的三角形轮廓），那它就不属于你，无论做得多么精致。

但反过来的陷阱也同样真实：别因为“它没有辨识度”，就否定真正出色的工艺。 执行质量和品牌辨识度是不同的维度。即使字体常见，只要层级处理得无可挑剔，依然是出色的字体设计；即使品牌由此构建出来后没有辨识度，一个无懈可击、完全一致的组件系统依然体现了出色的工艺。在辨识度是重点的地方（基础识别体系——方向、颜色、标志、母题），要严格评判辨识度；在工艺是重点的地方，要诚实且宽厚地评判执行水平。因为品牌没有辨识度，就把优秀工艺贬为“平庸”，与因为品牌连贯，就把平庸品牌夸成“出色”，是同一种错误——只是方向相反。 与众不同不等于有明确方向。 一个品牌可以与整个品类截然不同——在冷淡极简风中显得温暖，在文字标志中加入吉祥物——但依然可能没有创意方向。与竞争对手在视觉上不同（相似度低），并不能证明它有意通过灵感源建立了贯穿始终的情感脉络；品牌也可能只是偶然不同，或是源于尚未成熟的直觉。评判创意方向时，要看视觉风格是否锚定于一种有意营造的感受，而不是看它碰巧与同类有多不同。

整洁不等于执行出色。 极简、整齐、一眼看去风格一致的表象会让人觉得“不错”，也会让评审者倾向于默认打 3–4 分——但整洁只是第一印象，不是评估结果。通用的 SaaS 品牌往往会用平和的表象掩盖真实的执行缺陷：没有系统化的字号层级，标题字重不一致，正文右对齐或参差不齐，网格和间距缺乏规律，图标风格混杂，表情符号与线性图标并列，圆角半径不共心，标志字距别扭或几何结构缺乏依据。给工艺表现打分前，先检查这些问题。 看起来整洁的页面若存在其中多项问题，得分应为 2，而不是 3。（这并不意味着要严厉打分——真正毫无瑕疵的执行仍应获得 4–5 分；而是说要仔细检查，不要只因表象就给高分。）

评估实际推出的品牌，而不是它的潜力。 应根据品牌在现实中的实际状态评分，而不是根据善用其资产后可能达到的状态评分。某种差异化色彩几乎没有应用（且以中性色为主），或某个独特标志只出现在网站图标中，都应给出低分，并备注其仍有可开发的潜在品牌价值——绝不能因为潜力而给高分。“如果充分应用，它就能与众不同”这类话应放在建议中，而不是评分中。（尚未发挥作用的潜在品牌价值，往往正是品牌属于演进型的原因：原材料确实存在，只是尚未发挥作用。）

但要区分尚未应用和已应用但执行不佳——两者的处理方向相反。某个强大而独特的资产确实已在使用，但调校不当——大胆图案的对比度过强，优秀字体的层级感不足，出色的配色被分区式布局掩盖——它依然是强大的资产；应改进的是执行，而不是给资产打低分。尚未应用 → 低分，把它发展起来（演进型）。已应用但执行不佳 → 按资产本身的价值评分，改进实施方式（优化型）。不要把粗制滥造的网站误认为品牌本身薄弱：要透过执行表现，审视底层的品牌资产。

最明显的非决策迹象，是生成式设计的陈词滥调——左侧强调色条、紫蓝渐变、狭窄拥挤的居中栏、各区块布局毫无变化，以及所有元素都用 rounded-lg。references/ai-slop.md 汇总了这些问题。应将每一项都视为限制设计独特性的发现，而不是值得尊重的风格。

按竞争对手的标准评判自己的作品

最难做的批评，是批评自己的作品；但这也最重要——因为问题不在于作品难看，而在于它看起来过得去，于是自我打分时就宽容有加。你会严苛审视竞争对手的品牌，却让自己采用同样默认做法的版本轻松过关，因为你知道自己本来想表达什么。意图不会呈现出来。

• 审视成品，而不是概念。 有辨识度的想法（“任务控制中心”“朋克”“古典药剂师”）并不会让像素本身也有辨识度。对实际成品进行 AI 套路检查和独特性测试，严苛程度要与审视对手时相同。
• “干净”意味着尚未评估，而不是通过。 整洁、平静的表面只是第一印象，很容易让你懒得细看就打出 3–4 分。给分之前，先检查那些暴露执行问题的迹象。
• 明确说出你发现了什么。 “这里没有套路”是条件反射，不是结论。真正的自我审查应当得出一份清单——有哪些陈词滥调、哪些元素毫无来由、哪些地方沿用了默认做法——或者给出具体且有依据的“没有，因为……”。如果自我审查总能过关，那就说明它根本没有发挥作用。
• 给自己的作品打高分，是代价最高的奉承——这和把竞争对手平庸而通用的品牌称作“出色”犯的是同一种错误，只不过矛头指向了自己；而这正是以自己的名义发布平庸作品的原因。

独特性必须经得起实际应用

一个概念的价值，取决于它在实际成品中能保留多少。强有力的策略最常见的失效方式，是方向很有辨识度，但应用后的作品——首页、演示文稿、缩小绘制的标志——却悄然退回行业默认套路：中性色画布、编辑风格的无衬线字体、一个强调色，再加上一列整齐居中的内容。

• 风格板是一种承诺；应用才是产品。 评判已经建成的东西，而不是概念板。如果概念是“任务控制室里的控制台”，首页却和其他品牌一样采用暖色画布、衬线字体和强调按钮，那么品牌并没有交付自己的独特性，只是给默认套路套上了一段故事。
• 对应用后的成品重新进行遮住标志测试。 不要只测试风格板。只存在于情绪板上的独特性，是潜在资产，不是已经交付的品牌。
• 执行质量和独特性缺一不可，两者都由你负责。 独特的概念配上平庸、粗糙的执行，绝不算“差一点”——这正是发布前必须弥补的具体差距。把它明确指出为待完成的工作，不要绕开问题打分。

确定改进深度

无论承接什么项目，都可以用这个视角——开始前先明确改进深度，并让投入与之匹配：

• 革新——从根本上重新思考，带来关键转变，不预设任何东西可以保留。
• 演进——保留优点，修正缺点，在现有基础上逐步改进。
• 优化——基础稳固，但执行不佳。良好的定位被糟糕的文案拖累，优秀的素材被草率的制作毁掉。

大多数损害都源于对改进深度的误判——把只需优化的东西彻底革新（从而丢掉已有价值），或把需要革新的东西只做优化（给不稳固的基础打磨表面）。

但改进深度是一个范围和过程，而不是固定标签——而且，建议方案应以客户的意愿和时间安排为依据，而不是根据作品有多薄弱来决定。如果一个品牌确实很弱，但客户希望循序渐进，那么仍然可以建议**“现在先优化，之后再做更深入的工作”**：立即完善现有基础，并将创意方向工作安排在后续阶段。诊断要诚实（弱就是弱），但建议的路径也必须是客户实际走得通的——通常是先微观、后宏观。绝不要用基于诊断的结论，压过客户循序渐进的意愿；也要坦诚说明，基础层面的打磨只能让品牌更整洁，不会让它更有辨识度；独特性要留到更深入的后续阶段来实现。

设计要经得起两次检验

优秀的设计经得起两次检验，你应该在别人检验之前亲自完成这两项：

1. 对照信息——设计是否支持它旨在承载的文字和信息？（如果你是设计师，不妨想象文案撰写者正在审阅设计。）
2. 对照成品——最终产物是否符合最初构想？（如果你负责交接，不妨想象自己正在对照初衷审阅最终成品。）

从头到尾保持连贯，靠的是完成这两项检验，而不是寄希望于每次交接都能原样保留设计意图。

如何指导他人的设计

当你是在指导某个人——客户或队友——而不是直接产出设计时：

• 温和引导，而非设限。 接受指导与否由对方决定。绝不要拒绝继续推进；提出更好的方向，让对方自己选择。
• 保持好奇，而非批评。 与其说“这不对”，不如说“能多说说为什么这对这里很重要吗？”
• 先尽情发散，再逐步打磨。 先把原始素材都拿出来，再做润色。过早打磨会扼杀那些混乱却出色的想法。
• 始终具体。 让每个回答都从泛泛而谈走向具体明确。

标准

不是追求完美，而是要比之前更好。 关注细节，贯穿始终。无论创作什么，最终目标都是让人感受到每个选择背后的用意——即使他们说不出其中的用意。

相关技能

• brand — 背景文档（.agents/brand.md），记录特定品牌对这些原则的回答
• brand-strategy — 缪斯方法，以及固定核心／灵活范围的空间
• creative-direction — 建立具体的视觉系统（色彩、字体、图案、纹理、插画、图标、摄影）
• design-critique (计划中——尚未发布) — 将“连贯，而非重复”应用于评判品牌契合度和合理的灵活度