LOGO设计教程!4个LOGO图文排版核心知识点

类别:平面设计
水平:入门
观众:1.1w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

LOGO设计教程!4个LOGO图文排版核心知识点

教程作者:告白天(授权转载自公众号:胡晓波工作室

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

关于教程

好的朋友这次又见面了!最近天气渐渐的凉爽起来,这个被雪糕刺痛的夏天也算是过去了,在家里都没法不穿衣服了TAT!小风呲呲吹,喷嚏咳咳响,大家注意多喝热水…别感冒了耽误工作和学习!!

LOGO设计教程!4个LOGO图文排版核心知识点
这次的教程给大家带来的内容是关于LOGO的排版!很多初学者啊,他就是不知道这个排版的重要性,LOGO做的像模像样,排版整的一坨屎,总体下来就是拉稀!没办法,先用一个案例给你们看一下排版的重要性和神奇之处。

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

#01 排版调性匹配

LOGO设计教程!4个LOGO图文排版核心知识点

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

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

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

LOGO设计教程!4个LOGO图文排版核心知识点

 

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

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

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

#01 排版危险区域

LOGO设计教程!4个LOGO图文排版核心知识点

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

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

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

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

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

#03 排版字体设计

LOGO设计教程!4个LOGO图文排版核心知识点

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

这里提到字体设计是因为很多同学都不明白为什么要设计字体?或者不了解它的重要性。我们拿站酷举例子,随便放两张我们自己同学的作品:

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

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

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

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

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

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

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

#04 排版组合形式

LOGO设计教程!4个LOGO图文排版核心知识点

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

1. 横排;
2. 竖排;
3. 左右排;
4. 斜排(特殊角度);
5. 环绕排(徽章式);
6. 嵌入排。

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

#05 排版实操演练

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

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

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

LOGO设计教程!4个LOGO图文排版核心知识点

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

总结:

1. 抓准品牌的调性,选择适合品牌的排版方式;
2. 注意排版中常犯的细节错误,如间距、编组、对齐、错落等;
3. 选择合适的字体进行搭配,适当设计,克制设计;
4. 通过不同的组合方式进行尝试,商业稿一般比较克制,根据实际应用的方向来进行编排,自己练习的时候,则可以尝试变化不同的排版方式,让你的logo更出彩。

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

欢迎关注作者的微信公众号:「胡晓波工作室」

LOGO设计教程!4个LOGO图文排版核心知识点

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc5 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

20 收藏 57

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 1

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片