logo designApril 20, 202612 min read

标志设计流程:从简报到最终文件的7个步骤

一位真正工作的设计师实际使用的完整标志设计流程。简报、调研、概念、草图、矢量、变体、交付。内含真实模板和交付清单。

By Boone
XLinkedIn
logo design process

一个好的标志看起来是必然的。仿佛它不可能是其他任何样子。这种必然性,是一个拒绝跳过任何步骤的设计师连续执行七个流程后的产物。

大多数糟糕的标志之所以糟糕,不是因为品味问题。而是因为设计师在第一天就直接打开 Illustrator,跳过了简报、跳过了调研、跳过了草图、跳过了变体系统,还跳过了交付。本文将带你走过一位真正工作的设计师实际使用的流程,内含真实简报模板和交付清单。

流程本身就是交付物

标志是可见的产出。而流程,才是让它能在提案之外存活的东西。

一个下午设计出来的标志,看起来就像是一个下午设计出来的。它能活在落地页的顶部大图里,却会在 16px 的网站图标、一件黑色 T 恤或一顶绣花帽子上彻底死掉。七个步骤是层层叠加的。每一步都在为下一步收窄范围。跳过任何一步,后续步骤就会在缺少约束的情况下运行,这就是为什么"快速标志"在六个月后依然感觉悬而未决。

第一步:真正能用的简报

简报就是合同。如果简报模糊,标志就会模糊,再多的草图也救不了它。

大多数简报失败,要么是因为它变成了一份市场调查问卷,要么变成了一份感觉文件("简洁但又要大胆,还要亲切,同时还要高端")。两者都无法收窄任何东西。一份能用的简报,要在一页纸上逼出五个问题的具体答案。按原样使用下面的模板,在启动会议前由客户填写。

板块问题回答格式
1. 业务用一句话说明这个业务是做什么的?一句话,不是使命宣言。
2. 受众你拥有过的最好的客户是谁?用两句话描述他们。真实的人,不是人设。
3. 竞争对手说出三个。你的标志不应该看起来像什么?三个你在刻意回避的标志链接。
4. 应用场景标志最常出现在哪里?按重要性排列的前三个场景。
5. 感觉从这个列表中选出三个描述品牌的词,再选三个不描述品牌的词。来自共享词汇表。

感觉这个问题是大多数设计师会跳过的。提供一个包含 25 到 40 个形容词的词汇表(大胆、克制、活泼、严肃、温暖、冷峻、经典、当代、技术感、人性化、柔软、锐利)。强制选三个正面词和三个反面词。反面词比正面词更有价值。"不冷峻"比"温暖"能收窄更多。

关于这一步更宏观的品牌背景,参见如何打造品牌识别系统,它涵盖了标志所在的品牌发现层。这里的简报是针对单独标志范围的压缩版本。简报未签署前,不要打开 Figma。修改简报成本低。修改标志成本不低。

第二步:赢得观点的调研

调研是真正思考发生的地方。标志还没有被画出来,这正是关键所在。

调研分三轮,按顺序进行。跳过顺序,你就会在赢得观点权利之前就预设了概念。

竞品轮。 把所有竞争对手和相邻品类的标志拉到一块审计板上。按色系、标志风格(字标、字母标、符号、组合)、年代和工艺水准分组。这块板子是品类现状的证据,它告诉你什么是你绝对不能看起来像的。

品类轮。 从品牌想借鉴的相邻品类中提取标志。一家想让人感觉像设计工具的金融科技公司,参考的是 Linear 和 Vercel,而不是 PayPal。一家想让人感觉像硬件品牌的咖啡店,参考的是 Braun 和 Muji,而不是 Starbucks。借鉴方向往往是好点子的来源。

工艺轮。 拉出 20 到 40 个你个人敬佩的标志。不要按品类限制。这是让你重新感受好标志是什么感觉的地方,这样你就不会默认画出手头最熟悉的那个形状。

调研结束的标志是:你能写出三句话——品类现在是什么样的、品牌应该从外部借鉴什么,以及标志将赢得哪一件竞争对手都没有的东西。

体素风格情绪板网格,暗色工作室地面上三组叠放的调研分组:一行带有低饱和度字标的竞品行,一行带有清晰几何图形的品类借鉴行,以及一行带有克制、经典符号的工艺行。三行之间以干净的青色分隔线隔开。
体素风格情绪板网格,暗色工作室地面上三组叠放的调研分组:一行带有低饱和度字标的竞品行,一行带有清晰几何图形的品类借鉴行,以及一行带有克制、经典符号的工艺行。三行之间以干净的青色分隔线隔开。

第三步:像素之前先有概念

概念是你在决定标志看起来像什么之前,先决定它在做什么的地方。两位设计师可以使用同一份简报,却产出截然不同的标志,因为他们的概念不同。

一个概念就是一句话,描述图形应该传达什么,应该让人有什么感觉。不是应该用什么形状,不是应该是什么颜色。举例:

  • "图形应该让人感受到一种不需要提高嗓音的安静自信。"
  • "图形应该让人感受到一个连续的动作,就像产品本身一样。"
  • "图形应该让人感受到一段字体排得如此精妙,品牌名称本身就是整个标志。"

三个概念是合适的探索数量。一个是你还没有赢得的承诺。十个是拒绝承诺。三个迫使你选出可辩护的方向,并在草图阶段之前干掉那些糟糕的方向。

向客户呈现三个概念时用文字,不要用图像。你在推销的是想法,不是执行。如果客户无法从三句话中选出一个方向,说明简报不够具体,回到第一步。

第四步:手绘草图

草图是概念变成形状的地方。发生在纸上,不是在 Figma 里。这有一个具体的原因。

数字工具会把一切都打磨得同等光滑。每条线都平滑,每条曲线都干净,每个角都整齐。这种光滑在早期是个陷阱,因为它让每个想法看起来都同等完成,你就失去了区分好想法和被打磨过的坏想法的能力。纸是不均匀的。纸迫使你在 20 分钟内画同一个图形 40 次,到第 35 次时,你就能看出哪个版本有真正重要的结构骨架。

一次好的草图创作会每个概念方向产出 30 到 80 个缩略图,小、快、丑,不擦除、不评判。然后圈出 5 到 10 个值得扫描的,以小尺寸导入 Figma,作为一组来看。仍然感觉对的那 2 到 3 个,就是你的矢量候选。

体素风格工作台俯视图:一本纸质速写本上密密麻麻画着用墨水绘制的粗糙小标志缩略图,旁边放着几支铅笔,一杯咖啡,边缘处一块平板电脑上显示着同款缩略图扫描版,以小尺寸排列在网格上。深色 Brainy 工作室木质桌面。
体素风格工作台俯视图:一本纸质速写本上密密麻麻画着用墨水绘制的粗糙小标志缩略图,旁边放着几支铅笔,一杯咖啡,边缘处一块平板电脑上显示着同款缩略图扫描版,以小尺寸排列在网格上。深色 Brainy 工作室木质桌面。

第五步:将幸存者矢量化

矢量化是工艺活。每条曲线、每个角落、每处视觉校正都是有意为之的。这是质量被决定的地方。

三件事很重要,而大多数初级设计师只做了第一件。

构建。 决定标志是建立在严格的几何网格、松散的视觉网格,还是事后精细化的徒手曲线上。严格网格感觉精密工程,松散视觉网格感觉人性化,徒手感觉手工制作。选一个,在每个字母和形状上贯彻到底。

视觉校正。 数学精确和视觉精确不是同一回事。一个完美圆形的 O 看起来比等高的正方形更小,所以圆形要超出基线 1 到 2%,竖笔画也要比横笔画略粗一些。几何上正确但视觉上错误的图形会让人感觉哪里不对,而没有客户能告诉你为什么。这就是业余和专业矢量工作之间的分界线。

减法。 在每个阶段,问什么可以去掉。删除一条曲线、一个衬线、一个细节。如果图形仍然可读,那个细节就是装饰,不是结构。负空间标志设计方法是将这一原则应用于形状之间空间的一种表现形式。

矢量阶段结束的标志是:图形在 24px 时清晰可读,在 240px 时依然成立,去掉任何单个元素都会崩溃。

第六步:变体与图形周围的系统

单个文件是图形。一套变体系统才是标志。这个区别,把一个你能交付的标志,和一个只在提案大图里有用的标志区分开来。

一个能用的标志交付时至少包含一套变体系统:

变体用途
主组合完整标志,通常是字标加图形
横向组合页面顶部导航、邮件签名、页脚条
竖向组合个人头像、应用图标、名片背面
单独图形网站图标、应用图标、社交头像
单独字标图形太小显示不清时
单色版印刷和周边商品用的纯黑、白及单一品牌色版本
浅色和深色背景版配套的留白规则和对比度规则
最小尺寸规则组合标志失效、切换为单独图形的临界点

变体系统也是颜色决策在生产中落地的地方。品牌色彩系统指南涵盖了分层方法,而字体系统设计则是同样的原则应用于字体排版。

体素风格变体网格,深色工作室桌面:左上角是主横向组合,旁边是竖向组合,一个单独图形方块,一个单独字标条,一个白底黑字方块,一个黑底白字方块,右下角是单一品牌色方块。每个方块都有细青色边框。干净的网格。
体素风格变体网格,深色工作室桌面:左上角是主横向组合,旁边是竖向组合,一个单独图形方块,一个单独字标条,一个白底黑字方块,一个黑底白字方块,右下角是单一品牌色方块。每个方块都有细青色边框。干净的网格。
体素风格交付包:用体素块呈现的清晰文件夹树状图,标注了源文件、SVG 导出、PNG 尺寸、PDF 印刷文件、网站图标、规范文档和应用场景各分类的标注堆叠。青色线条将每个堆叠连接到显示内容类型的小样本方块。深色 Brainy 工作室背景。
体素风格交付包:用体素块呈现的清晰文件夹树状图,标注了源文件、SVG 导出、PNG 尺寸、PDF 印刷文件、网站图标、规范文档和应用场景各分类的标注堆叠。青色线条将每个堆叠连接到显示内容类型的小样本方块。深色 Brainy 工作室背景。

第七步:交付包

交付是标志变成财产的地方。大多数自由职业者打包三个 PNG 发个 ZIP 就算完事。那是文件传输,不是交付。

真正的交付包包含客户内部团队和外部合作伙伴在未来 5 到 10 年内所需的一切。建一次,交一次,从此不再被打扰。用下面这份清单作为交付检查表。

源文件

  • 主矢量文件(AI 或 SVG),可编辑,图层已命名
  • 每个变体的独立文件(横向、竖向、图形、字标、单色)
  • SVG 导出,已优化,可直接用于 Web
  • 多尺寸 PNG 导出,透明背景
  • 印刷用 PDF 导出(CMYK,如需要含出血位)
  • 网站图标套装(16x16、32x32、180x180、512x512)

规范文档

  • 留白规则,配图说明
  • 最小尺寸规则,配图说明
  • 颜色标记(hex、RGB、CMYK,如涉及印刷还需 Pantone)
  • 字体搭配,主字体和备用字体均已命名
  • 使用注意事项,以视觉方式呈现

应用场景与授权

  • 标志在品牌色和摄影背景上的效果,已审核通过
  • 400x400 和 1024x1024 社交头像
  • 邮件签名排版,演示文稿封面模板
  • 已签署的所有权转让文件,如使用商业字体需列出字体授权
  • 上线后 6 个月内品牌问题联系方式

打包成 ZIP,附上说明文件夹结构的 readme。交付包是客户从"我雇了一个人"的感觉,切换到"我拥有了一样东西"的感觉的那一刻。


需要一个能在每个场景都站得住脚的标志?Brainy 提供完整的七步标志流程,包含简报、变体和交付包。


现实的项目时间线

以下是针对独立设计师或小型工作室的七步工作时间表。

步骤工作日交付物
1. 简报1-2一页已签署简报
2. 调研2-3三句话调研总结
3. 概念1-2三个书面概念方向
4. 草图2-4扫描缩略图,2-3 个候选方案
5. 矢量3-5精细化矢量图形
6. 变体2-4完整变体系统
7. 交付1-2完整交付包
合计12-22 天

独立设计师的实际日历时间是 4 到 8 周。定价与范围挂钩:小型企业的标志独立项目自由职业报价在 2,000 到 15,000 美元,中型企业在 15,000 到 40,000 美元。工作室以同样范围但更深工艺收费 25,000 到 100,000 美元。低于 2,000 美元你得到的是一个模板字体的字标,不是一个标志流程。

三个会毁掉标志项目的错误

看了一百次这样的失败,有三种模式比任何其他原因都更可靠地毁掉标志工作。

直接从 Figma 开始。 每个设计师都会被诱惑跳过简报、调研和草图,直接移动形状。做出来的标志长得像设计师已经会做的那个形状。它熬不过第三轮修改。永远先用纸。

只展示一个标志而不展示变体。 客户拒绝单文件标志,因为他们看不到它在名片、头像或网站图标上是怎么运作的。变体是客户将标志视觉化为一套可操作系统的方式。

跳过交付包。 客户得到一个 PNG,六个月后找不到源文件,找了一家新机构重新做标志,而你花三周做的图形被一个从未见过你简报的人重新画了一遍。交付包是在你离开之后保护这份工作的东西。

常见问题

标志设计流程需要多长时间?

独立设计师完整走完七步:12 到 22 个工作日,含客户审核的日历时间为 4 到 8 周。工作室项目:配置更大团队需要 3 到 6 周。承诺在 2 周内完成的,必定跳过了简报、调研或变体系统其中之一。

标志设计简报应该包含什么?

五个板块,一页纸,在启动会议前由客户填写:一句话说明业务是什么,最好的客户是谁,三个竞争对手和标志绝对不能像什么,将要出现的前三个场景,以及从共享词汇表中选出三个描述品牌的形容词和三个不描述品牌的形容词。反面形容词比正面形容词更重要。

我真的需要在纸上画草图吗?

是的,理由是结构性的。数字工具把一切都打磨得同等光滑,这会掩盖哪些想法有真正的骨架。纸迫使你多次画同一个图形,重复会让你发现那些在屏幕上会错过的结构性想法。大多数跳过纸的设计师做出的标志技术上干净但感觉千篇一律。

交付赢得必然性的标志

七个步骤不是官僚主义,而是复利。简报收窄调研,调研收窄概念,概念收窄草图,草图收窄矢量,矢量收窄变体,变体收窄交付。当标志交付时,它已经经过了六道过滤,最终产出的是在那份简报前提下唯一可能存在的版本。这就是让标志感觉必然的品质,不是天赋,不是品味,而是一个排除了所有错误选项的流程。

走完七个步骤。使用简报模板。交付变体系统。送出交付包。在客户早已忘记你名字很久之后,这个标志还在为他们的业务发挥作用。

需要一个能在每个场景都站得住脚的标志?Brainy 提供完整的七步标志流程,包含简报、变体和交付包。

Need a logo that survives every surface it lands on? Brainy runs the full seven-step logo process with the brief, the variants, and the delivery pack included.

Get Started