LOGO排版,你还在瞎整么?

2022-9-16    seo达人


图片

这个LOGO大家觉得怎么样,很简单吧!是不是有手就行?然后用你们经常用的排版排一下看看:

图片

200块钱,不能再多了…我们再看一下原作者的排版:

图片

怎么说?2000块钱怕是拿不下来这个LOGO吧?所以无论你的LOGO做的是简单还是复杂,一个合适的排版都会为你的LOGO增加成倍的价值!

OK,废话不多说,让我们开始吧~~!

 

图片

 

 

图片

所谓谋定而后动,知止而有得。我们在做LOGO的时候,通常会先根据不同的行业和命题选择相对合适的构成方式来表现。

比如企业类的一般会用字母类、几何重复、中英文这种简约大气的构成方式,你用一个拟人化卡通标志提交过去,客户肯定会让你滚犊子,而像餐饮、文娱这类命题就可以选择更为亲民,感染力更强的表现形式。

图片

同样的,LOGO的排版在选择上也应遵循行业和图形本身所体现的气质来进行选择。我们这里分三个点来看一下。

 

图片

LOGO中的文字编排,通常都是为了更好的对品牌进行信息传递及整体美观性而服务的,所以我们在字体的选择上要考虑适不适合这个LOGO所体现的调性。

图片

我们拿小米的LOGO来举个例子,虽然200w的经费主要体现在LOGO里,但是在字体的设计上也是遵循了LOGO里MI的调性来匹配的,非常几何化同时加入了小圆角。

而当我们将字体换成一个文化气质更加浓厚的衬线体时,你会发现这是啥玩意,200w瞬间变成20w。

图片

那我们再换一个偏几何一点,所谓“设计感更强”的字体,得,连20w都没有了…

图片

英文如此,中文同样如此,比如下方的山岛小食府案例,图形LOGO本身是非常具有文化气质的,而如果你选择几何化或者常规的黑体,则也是完全不匹配的。

图片

上面的案例都是关于调性匹配的,还有一个点是图形与文字的灰度匹配。

如果图形是比较厚重粗一点的时候,如果你的字体选择的很细,也是非常不和谐的,有生活阅历的朋友应该都知道尺寸合适的重要性…(如下图)

图片

那到底该如何知道到底咋样才算不粗、不细呢,这个东西其实没有一个评判标准,一般情况下会遵循以下规律:

如果你是面构成的稍微厚重一点的图形,则字体的粗度在Medium-bold左右差不多,可以拿字库比对一下;如果你是线构成的字体,则字体的粗度差不多比你的线的描边粗度粗一丢丢即可。

图片

 

图片

大多数情况下,我们都是要给LOGO搭配标准中文和英文的。根据字体的特征点,我们大致可以将常用中英文字体分为以下几类:

图片

图片

图片

我们在进行字体搭配的时候,一般情况也是遵循这个规律来进行搭配即可。

比如黑体配非衬线体、宋体配衬线体、圆体配圆体等,需要注意的是当中文以书法体为主的时候,英文通常都不会再选择手写的英文字体了,会比较混乱,一般会搭配同样具有文化气质的衬线体作为装饰。

图片

这几种搭配的形式都是LOGO排版里比较基础、常规且不容易犯错的安全范围,肯定也有黑体+衬线体这种不同搭配的形式存在,但是作为一个小白,还是先老老实实的按照常规操作来进行搭配!先保证不犯错,再玩花活…

 

图片

我们先看一些案例来找一找规律。

图片

可以看到上面这些偏大型企业类一点的行业,一般选择的排版都比较简约,往往单个字母或者简单中英文搭配即可,不会有过多的辅助元素出现,我们再看一些。

图片

而上面这些LOGO,都有或多或少的辅助线或辅助文字元素来进行装饰,因为与大型企业注重品牌传播识别度不同,也有很多LOGO是需要一些装饰来提升整体的美感和气质。

我们用两个案例来实操一下看看。

图片

左边的LOGO是比较精致简约的几何化LOGO,所以我们用简单的英文搭配就会非常高级;而右边的LOGO,我们加入一些装饰文字和装饰线来排版。

图片

我们违背这个规律,用相反的方式来做一下,可以看到所体现的气质完全不一样了,左边的LOGO变得复杂,而右边的LOGO则变得单调。

图片

 

 

图片

说是危险区域,其实也可以算是新手禁忌区域,也就是绝不应该犯的一些排版问题!当然了,市面上肯定有一些LOGO是超脱区域之外的,所以给自己留了个台阶,哈哈哈,下面我们来看一下都有哪些需要注意的细节?

首先我们先将LOGO划分群组,可以分为图形部分、文字部分、装饰文字(宣传语等)、装饰图形部分。其中装饰部分都是可有可无的(根据前面所讲的选择性添加)。

图片

 

图片

绝大多数情况下!文字与图形之间的间距要保持一个合理的空间,不能太大,也不能太小,就像爱情一样,太远了不行,容易淡,太腻了也不行,容易烦。

图片

 

图片

我们要知道文字、装饰文字它们是一个组别的物件,所以在编排时也要将他们编排在一起,他们之间的间距不能超过与图形之间的间距。

图片

 

图片

无论是居中对齐,还是左对齐右对齐,最好都要贯彻到底,因为如果不对齐,就会产生额外的负空间,导致整体不美观,不稳定。

图片

 

图片

什么叫阶梯状呢?就是从图形到文字按照从长到短,或者从短到长的顺序进行排列,学过排版或者对排版有一定了解的同学应该都知道,这种排法往往不具备设计感和无法满足视觉上的审美,如下图:

图片

其实就和我们的人生是一样的,我们不会一直幸运的向上,这样生活没有挑战,而且也不会一直向下,会彻底废掉,有起有落,有长处有短处,才是最有意义的人生!

通常我们都会选择长短长、或者短长短这种有错落感的排布方式。

图片

 

图片

装饰文字,一般是指我们放置的品牌slogan或是一些不那么重要的小文字。既然不那么重要,我们就不能对他过度的进行设计和强调,这里一般会出现两种错误:

图片

图片

一般情况下,装饰文字都是文字组内最小的字号,如果是因为不放大而导致排列逻辑出了问题,则可以增加字间距来解决;且装饰文字由于占地面积较小,所以一般会选择阅读性较好的普通黑体或宋体等,过多的设计感反而影响了主次关系。

 

图片

装饰图形的存在,一般是为了弥补空间和强调某些品牌的调性,类似于补丁的作用,所以它也不应该太大太复杂,往往以LOGO中某个小元素演变而来,或者以印章的形式存在。

图片

而很多同学为了装饰而装饰,直接将LOGO拿过来作为辅助图形摆放…这完全就是画龙点龙、画蛇添蛇的做法- -!

图片

还有一点是关于参考线的粗细问题,很多同学拿捏不准,一般情况下,参考线的粗细,会比你所以文字组中最细的笔画再略粗一点点即可,大家平时一定要多观察优秀LOGO的处理方式,多洗洗眼睛!!

图片

 

 

图片

这里指的就是我们常说的标准字体的设计,因为客户毕竟花钱了嘛,往往都希望得到一个专属于自己品牌的字体,而不是常见的字库字,所以一般会字体设计的同学做LOGO都比较容易做的出彩一些,关于标准字的设计,前些时间猴子哥哥已经写了一篇详细的教程,大家可以翻回去学习一下。



可以看到,两组的LOGO都很棒,强哥的二火如果单看LOGO的话妥妥是首页级别的,但是就差在了字体设计和图文编排上面,所以无论你的LOGO做的有多出彩,字体设计也是必不可少的环节!

而字体设计就太深奥了,不可能用很短的篇幅来进行概括的,这里主要为不会字体设计的同学提供一种快速提升标准字设计感的思路及方法!

 

图片

因为LOGO中的标准字更多的还是起到识别性阅读性的作用,不需要很复杂的设计,所以我们可以将某些笔画进行断开,再不影响识别性的同时来提升设计感。

图片

你看,简简单单,也就20秒的功夫,字体的设计感立马提升了一个档次,你说这需要字体设计基础吗?不需要吧,完全是用字库改的…中文同样如此!

图片

断笔的时候需要注意,选择同样的笔画进行断开,而不要这里断一下,那里断一下,很混乱无章法,且数量不要太多,会容易碎,适当来几下就可以了。

 

图片

省略某些不影响识别的笔画,也是常用的一种设计方式。

比如字母A,因为它特有的三角形结构,我们将内部的横线直接省略掉,也是可以识别出字母A的。

图片

再比如字母E,也可以简化成三条直线,不过这个变化幅度就比较大了,一般情况下只能当做唯一一个变形使用。

图片

还有小写字母g,将右下角的连接处断开,也是具备一个基本的识别性的。

图片

像中文里的草字头,将中间连接的地方省略,也完全OK。

其他的类型就太多了,不一一展示了,有兴趣的同学可以自己去尝试一下,记住任何变化的前提都是保证最基本的识别性就好。

图片

 

图片

还有一种操作是结构替换,这种通常都是将某个字母的负空间部分替换成和本行业相关的一个小元素,切记替换的元素不能太复杂,越简单越好。

最常见的就是字母O,因为其内部的空间较大,像咖啡品牌可以在内部填充一个简约的咖啡豆的形态。

图片

再比如字母i的上面的点,也是一个替换的不错方向。

图片

图片

 

 

图片

基本的排版知识已经讲完了,下面来介绍一些常见的组合形式,这里主要分为了六个方向:

1. 横排;

2. 竖排;

3. 左右排;

4. 斜排(特殊角度);

5. 环绕排(徽章式);

6. 嵌入排。

 

图片

横排是最基础常见的排版形式,通常会将文字组排在LOGO的右侧,也有的时候会排在左边,根据LOGO的特征来决定,此类排版基本适用于任何行业的LOGO。

 

图片

竖排和横排一样,也是最基础的排版形式,通常都是可以互相相互转换的,同时因为上下方的空间较大,会比横排有更多创作的可能性。

 

图片

左右排的形式相较上面的横竖排不是很常见,它比较适合于偏向对称形式LOGO,从而保持左右平衡,左右排的好处就是可以自行发挥的空间较大,可以作为横竖排的一个拓展来进行尝试。

 

图片

斜排或者说特殊角度的排版,往往存在于一些偏艺术化、或者抽象化的LOGO中,它可以打破常规的排版方式,给人更耳目一新的感觉。当你的LOGO重心不是很稳定的时候,可以采用这种方式来填补不足的空间,达到整体平衡。

 

图片

环绕式/徽章式的排版,一般常见在偏卡通或者偏艺术一些的LOGO中,它极大地增强了LOGO整体的趣味性,同时为我们增添一些辅助文字和图形增加了想象的空间。一般餐饮行业以ip形象为主的LOGO都会增加一个环绕式排版的方向。

 

图片

嵌入式的排版这个主要取决了LOGO本身的形态,如果LOGO中有很大的空间,则可以尝试将文字组放入其内,这种方式一般更多的是卡通向的LOGO,比如球队队标等,或者LOGO本身不是很复杂的情况下,可以将文字放里面填补空间(类似文字构成的一种)。

图片

 

 

图片

好了朋友们,前面了解了LOGO排版中需要注意的一些事项,叨逼叨了那么多,下面我们分别用不同行业的LOGO实操一下看看排版的可能性。

 

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

像这种企业类的LOGO,一般采用基础的上下左右排即可,现实项目中,可以根据实际应用场景的尺寸,来制定不同的组合形式。

 

图片

图片

像这类的命题我们可以增加一些装饰英文和图案来提升整个LOGO的调性,一些和前面重复的排版这里就不做演示了,我们尝试一下其他更多的可能。

图片

图片

图片

图片

图片

图片

图片

好啦好啦朋友们,就到这里了,LOGO排版的样式真的是太多了,没办法全部展示出来,但是无论怎么排,都离不开前面讲的需要注意的点,最后再来复习一遍。

 

 

总结:

1. 抓准品牌的调性,选择适合品牌的排版方式;

2. 注意排版中常犯的细节错误,如间距、编组、对齐、错落等;

3. 选择合适的字体进行搭配,适当设计,克制设计;

4. 通过不同的组合方式进行尝试,商业稿一般比较克制,根据实际应用的方向来进行编排,自己练习的时候,则可以尝试变化不同的排版方式,让你的logo更出彩。

OK,那么今天的教程到这里也就结束了,照例,是很感谢今晚的相伴,如果你对本篇教程很满意,请三连支持一下!朋友们!giao辞!


作者:告白天

转载请注明:学UI网》LOGO排版,你还在瞎整么?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档