模版是一个很扼杀创造性的东西,它的产生也意味着设计自由的进一步退化。
做Logo模版对设计师来说是恶意的,但对设计管理者来说,这是一种提升效率的方式。
本来这篇文章很早就写好了,但最近听过黑一烊、洪卫的讲座过后,我觉得我是挺失败的,用一种机械化的工具达到了效能上的提升,但设计的深度和创意可能就受到限制了。
但这篇文章在设计内容的存档和分享方面还是有一些自己的思考。
抛出这篇文章,如果大家有更好的方法,或想直接吐槽,那也欢迎。
一、问题抛出
在当前公司的logo设计和使用过程中会遇到以下几种情景。
【1】场景一(设计使用)
公司目前有很多条产品线,不同产品线由不同设计师负责,他们各自设计产品的logo。
- 设计师小A在设计过程中想要使用产品X的logo,但不知道是谁做的
- 询问后知道是设计师小B做的,小B此时需要在设计文件中找到这个logo(当然也可能忘记放在哪里了)。
- 小B找到源文件后,发送给小A,小A打开源文件,源文件里记录着logo的设计过程,不知道哪个是最终稿。
- 询问小B后,小B告诉他最终稿在哪,突然发现,文字还未转曲,字体显示不正确。
问题:
- 没有将文件进行合理归档,花费了搜索时间。
- 对外输出物和源文件没有很好的区分。
- logo制作不规范,对接出现问题。
【2】场景二(业务方需求)
- 产品经理小C要在PPT中用一个logo,问设计组长小H要logo。
- 小H让设计师小A把logo发给产品经理小C,产品经理说要固定尺寸(长200px,宽80px)。
- 设计师小A又费力的找出logo,剪裁出固定的尺寸给到产品经理小C。
- 市场小D要在公众号中用一个logo…行政小E要在文档中用一个logo…
问题:
- 简单事情反复做,花费时间。
- 个性化的导出图片工作,花费时间。
【3】场景三(logo更新)
- 设计师小A在一年前绘制产品X的logo。
- 但最近产品改版,logo重新绘制了一遍。
- 其他设计师不知道发生了修改,依然使用之前的logo。
问题:
- logo变更没有进行公告,文件没有及时更新,导致视觉不统一。
这三个场景都是正式工作中发生的事情,虽然logo设计和使用是工作中很少的一部分,但由于没有高效的工作方法导致了生产力的流失。
二、问题总结
以上场景中的问题,可以归为两类,效率的问题和规范的问题。
效率的问题
简单反复的事情。人事、行政、产品等各需求方向设计要设计资源,如果将这些设计资源全部汇总到一起,并给出普适性的解决方案,让需求方按需所取,这样就减少了设计的参与,减少了设计的工作量。
个性化的需求。如果能通过让需求方增加少量的学习成本就能自我解决问题,这样不但可以节省设计的工作量,同时也可以减少双方沟通的成本。
规范的问题
图形绘制规范。需要向设计组组员强调logo绘制的规范性,将一些基本的logo绘制原则进行讲解,减少不规范制图情况的出现。
- 文字转曲。如果对外输出源文件,一定要保证最终效果图中的文字转换为曲线,即便使用免费可商用字体,对方也可能没有该字体,导致最终显示问题。
- 安全距离。为确保品牌标志可以在所有应用中被清晰识别,标志周围需预留一定的安全不可侵犯区域。此区域相当于标志在运用时,与其他设计元素或文本内容所应保持的最小距离。
- 排版种类。有时候在设计logo时,会忽略图形与文字的排版种类,例如横排、竖排、单色、反白等,如果一次性考虑完全这些内容,那就会减少设计师后期的维护成本。
存档规范像交互稿的存档我们之前定义了一些规则,提供一个线上可阅读版本对外,方便开发、产品阅读,并保证线上版本是最新的设计稿。设计师做完一个版本,需要及时将源文件进行线上存档,防止文件丢失,也方便其他设计师下载。
- 线上版本。线上版本应满足需求方快速定位logo,并选择相应的排版样式进行下载。需提供透明背景Png且尺寸不能过小,另提供SVG格式满足更大尺寸的需求。
- 源文件。源文件需要记录设计过程,一是可以让其他设计师学习设计的思路,二是在版权争论上能提供证据。源文件中最终效果图画板要明确标识,防止其他设计师误用。
三、 问题解决
Logo模版
在绘制许多logo后,我们将logo中的元素进行抽象,包括:
- 图形元素
- 中文标题
- 英文标题
- 宣传标语
这四种元素在一个logo中可能不是全部存在,但模版会覆盖所有的情况,使用的时候将不需要的情况删除即可。
这四种元素结合排版方式,并结合通常设计需求,可能出现的情况如下:
- 纯图形
横排
- 图形+中文标题
- 图形+英文标题
- 图形+中文标题(主要)+英文标题
- 图形+中文标题+宣传标语
- 图形+英文标题+宣传标语
竖排
- 图形+中文标题
- 图形+英文标题
- 图形+中文标题+宣传标语
- 图形+英文标题+宣传标语
每种排列方式又会有不同的使用环境要求,包括彩色白底、彩色黑底、反白、单色等。
当然其中可能并不能覆盖所有的情况,这时候就需要设计师自行去进行增删。
logo模版的用途
logo模版一方面可以规范设计师的设计,另一方面对外输出的时候也能彰显设计师的系统性。
Logo模版的使用
logo模版是用来规范对外输出的成果的,而不是用来绘制logo的,如果直接使用logo模版来绘制,反而会束缚设计师的思维空间。所以,设计师应该在其他空白画板中绘制完成logo后,再将logo按照模版进行排列。
绘制logo过程中,可以拿模版去验证自己logo的普适性,在各种情况是否都能很好的展示,例如:
- 自己的logo在黑底上是什么效果,是否会显示不清楚
- 如果是多色logo,在单色效果时是完全单色,还是用不同灰度展示
- 各种元素组合搭配在一起是否和谐
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
其实在设计这个模版的过程中,我们还搞了一个网页版,但做着做着发现,反而工作量变得更多了。
所以,制定规则不是为了制定规则而制定,提高生产效率才是最重要的。
但如果当前的目标是提升生产质量,那规则可能还是需要的。