模版是一个很扼杀创造性的东西，它的产生也意味着设计自由的进一步退化。

做Logo模版对设计师来说是恶意的，但对设计管理者来说，这是一种提升效率的方式。

本来这篇文章很早就写好了，但最近听过黑一烊、洪卫的讲座过后，我觉得我是挺失败的，用一种机械化的工具达到了效能上的提升，但设计的深度和创意可能就受到限制了。

但这篇文章在设计内容的存档和分享方面还是有一些自己的思考。

抛出这篇文章，如果大家有更好的方法，或想直接吐槽，那也欢迎。

---

一、问题抛出

在当前公司的logo设计和使用过程中会遇到以下几种情景。

【1】场景一（设计使用）

公司目前有很多条产品线，不同产品线由不同设计师负责，他们各自设计产品的logo。

1. 设计师小A在设计过程中想要使用产品X的logo，但不知道是谁做的
2. 询问后知道是设计师小B做的，小B此时需要在设计文件中找到这个logo（当然也可能忘记放在哪里了）。
3. 小B找到源文件后，发送给小A，小A打开源文件，源文件里记录着logo的设计过程，不知道哪个是最终稿。
4. 询问小B后，小B告诉他最终稿在哪，突然发现，文字还未转曲，字体显示不正确。

问题：

• 没有将文件进行合理归档，花费了搜索时间。
• 对外输出物和源文件没有很好的区分。
• logo制作不规范，对接出现问题。

【2】场景二（业务方需求）

1. 产品经理小C要在PPT中用一个logo，问设计组长小H要logo。
2. 小H让设计师小A把logo发给产品经理小C，产品经理说要固定尺寸（长200px，宽80px）。
3. 设计师小A又费力的找出logo，剪裁出固定的尺寸给到产品经理小C。
4. 市场小D要在公众号中用一个logo...行政小E要在文档中用一个logo...

问题：

• 简单事情反复做，花费时间。
• 个性化的导出图片工作，花费时间。

【3】场景三（logo更新）

1. 设计师小A在一年前绘制产品X的logo。
2. 但最近产品改版，logo重新绘制了一遍。
3. 其他设计师不知道发生了修改，依然使用之前的logo。

问题：

• logo变更没有进行公告，文件没有及时更新，导致视觉不统一。

这三个场景都是正式工作中发生的事情，虽然logo设计和使用是工作中很少的一部分，但由于没有高效的工作方法导致了生产力的流失。

二、问题总结

以上场景中的问题，可以归为两类，效率的问题和规范的问题。

效率的问题

简单反复的事情。人事、行政、产品等各需求方向设计要设计资源，如果将这些设计资源全部汇总到一起，并给出普适性的解决方案，让需求方按需所取，这样就减少了设计的参与，减少了设计的工作量。

个性化的需求。如果能通过让需求方增加少量的学习成本就能自我解决问题，这样不但可以节省设计的工作量，同时也可以减少双方沟通的成本。

规范的问题

图形绘制规范。需要向设计组组员强调logo绘制的规范性，将一些基本的logo绘制原则进行讲解，减少不规范制图情况的出现。

• 文字转曲。如果对外输出源文件，一定要保证最终效果图中的文字转换为曲线，即便使用免费可商用字体，对方也可能没有该字体，导致最终显示问题。
• 安全距离。为确保品牌标志可以在所有应用中被清晰识别，标志周围需预留一定的安全不可侵犯区域。此区域相当于标志在运用时，与其他设计元素或文本内容所应保持的最小距离。
• 排版种类。有时候在设计logo时，会忽略图形与文字的排版种类，例如横排、竖排、单色、反白等，如果一次性考虑完全这些内容，那就会减少设计师后期的维护成本。

存档规范像交互稿的存档我们之前定义了一些规则，提供一个线上可阅读版本对外，方便开发、产品阅读，并保证线上版本是最新的设计稿。设计师做完一个版本，需要及时将源文件进行线上存档，防止文件丢失，也方便其他设计师下载。

• 线上版本。线上版本应满足需求方快速定位logo，并选择相应的排版样式进行下载。需提供透明背景Png且尺寸不能过小，另提供SVG格式满足更大尺寸的需求。
• 源文件。源文件需要记录设计过程，一是可以让其他设计师学习设计的思路，二是在版权争论上能提供证据。源文件中最终效果图画板要明确标识，防止其他设计师误用。

三、 问题解决

Logo模版

在绘制许多logo后，我们将logo中的元素进行抽象，包括：

1. 图形元素
2. 中文标题
3. 英文标题
4. 宣传标语

这四种元素在一个logo中可能不是全部存在，但模版会覆盖所有的情况，使用的时候将不需要的情况删除即可。

这四种元素结合排版方式，并结合通常设计需求，可能出现的情况如下：

• 纯图形

横排

• 图形+中文标题
• 图形+英文标题
• 图形+中文标题（主要）+英文标题
• 图形+中文标题+宣传标语
• 图形+英文标题+宣传标语

竖排

• 图形+中文标题
• 图形+英文标题
• 图形+中文标题+宣传标语
• 图形+英文标题+宣传标语

每种排列方式又会有不同的使用环境要求，包括彩色白底、彩色黑底、反白、单色等。

当然其中可能并不能覆盖所有的情况，这时候就需要设计师自行去进行增删。

logo模版的用途

logo模版一方面可以规范设计师的设计，另一方面对外输出的时候也能彰显设计师的系统性。

Logo模版的使用

logo模版是用来规范对外输出的成果的，而不是用来绘制logo的，如果直接使用logo模版来绘制，反而会束缚设计师的思维空间。所以，设计师应该在其他空白画板中绘制完成logo后，再将logo按照模版进行排列。

绘制logo过程中，可以拿模版去验证自己logo的普适性，在各种情况是否都能很好的展示，例如：

1. 自己的logo在黑底上是什么效果，是否会显示不清楚
2. 如果是多色logo，在单色效果时是完全单色，还是用不同灰度展示
3. 各种元素组合搭配在一起是否和谐

logo释义

可以填写一点简短logo设计说明，阐述logo设计的思考过程。

文字字体

字体使用需要确定是否已购买相应的字体版权。如果基于某款字体进行修改，需要参照该字体的版权定义，进行相应幅度的修改。记录文字变形前的字体，可以帮助其他设计师做一些参考。

智能模版 Symbol

因为logo中的元素是确定的，输出多种组合只是修改其中元素的颜色、大小、元素之间的间距等，所以我们将这些元素定义成为Symobol，只要修改Symbol，其他相关联的元素都会发生变化。

自适应间距 Padding

每个logo中元素的长宽可能不一致，这时候就需要设计师去对每个组合做一些调整，保证padding的一致性。模版中，每个元素组合都做成了自适应的方式，横向伸缩不会影响其中元素的比例，同时也不会影响元素间的间距。

自定义 As you like

模版中的间距和尺寸大小只是一个参考值。

如果你觉得外边距过大，你可以缩小，但模版的样式还是需要保持一致。如果你的图形元素不是一个正方、正圆，而是一个矮方，那你就需要自己去调整右侧文字元素的高度。如果你的图形元素不是一个正方、正圆，而是一个高方，那你就需要去调整右侧文字与左侧图形的间距。如果你的项目组强调英文和中文一样重要，那两者的字号大小可能需要调整。

所以，logo模版只是规范设计的一个参考，并不是用来直接套用的。但如果要输出这么多种样式组合本身需要花费很多时间，模版的智能性可以减少你一部分的工作量。

存档

当设计师完成logo制作，需要将logo拆解到模版中，并修改Symobol和Symbol画板名称，输出不同种类的组合。在Sketch中完成logo模版后，需要将该模版上传到蓝湖中，蓝湖项目为《趣链logo汇总》。

同时，需要将logo设计的过程放入到logo模版Sketch文件中，将此Sketch文件重命名为该logo的名称《XX_logo》，上传到Teambition -> 设计组T-Thoughts -> 公司视觉工作汇总 -> 《趣链logo汇总》文档中。需要记录logo名称、上传时间、设计师名称、源文件。

logo更新

如果logo有修改，需要向设计组和会使用该logo的人员进行及时公告。蓝湖中对外下载的模版直接覆盖原来的版本即可。T-thoughts中需要保留之前的版本文件，并新增一个文件。

四、 logo使用

目前蓝湖中提供的PNG尺寸为200px左右，如果需要更大尺寸的logo，可以下载SVG格式。

根据不同的使用情景，可以选择不同的LOGO元素组合。使用者可以点击选中需要使用的LOGO形式，下载所需类型尺寸和文件类型。

为了展示 logo 的可视范围，在logo下方叠加了一层区域块。点击logo周围虚线框下载透明底色的图像，且带有安全距离。可以在右侧工具栏选择下载PNG、SVG格式的图片。

项目链接：

目前我们把所有的logo存档在蓝湖平台中。将这个项目的链接发送给业务人员，他们就直接可以登录并下载对应的logo图片。

最后

模版是让普通设计师达到最低标准的快速通道，但不是他们成长的最好方法。

工作流程可以通过科学的管理进行优化，这点毋庸置疑。

让自己变得更懒。

让自己变得更懒的前提是，首先你得会动脑子，将任务简化掉。

工作量守恒定律。你做得少了，别人做得就多了。工作效率提升，工作时间就少了。

One more thing

其实在设计这个模版的过程中，我们还搞了一个网页版，但做着做着发现，反而工作量变得更多了。

所以，制定规则不是为了制定规则而制定，提高生产效率才是最重要的。

但如果当前的目标是提升生产质量，那规则可能还是需要的。