9

你的LOGO被嫌土,可能是你不知道这8个技巧!

 3 years ago
source link: https://www.shejipi.com/474585.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

跟着我往下走,通往幸福的打工路。

文章来源: 胡晓波工作室

ID:ziyou-design

编辑:kate

在之前我们有写过非常多的LOGO教程,有些同学可能真的有尝试着练习达到了很好的效果,但依然有一部分同学在做的过程中依然会出现很多问题,自己又不知道怎么改,今天我们就来聊一聊初学者在LOGO设计中常犯的问题,以及改进的思路。

6RvyMz3.gif!mobile

那么初学者经常出现的问题就是想添加更多创意,但往往效果都不理想,要么添加过多,无法把控整个画面,要么就是结合的不理想,总之,按老板的话讲就是,差点啥……真是个令人心酸的词汇。

RBb2auf.jpg!mobile

想做的简洁一些吧,又特别容易做成简单,创意不突出,画面无看点。实际上这些问题可能并不是你的想法和技法有问题,而是思路不够清晰,导致最终的创意呈现效果不够好。不多bb,跟着我往下走,通往幸福的打工路,这次分为两大类:加法和减法来讲,并且结合实际的修改案例,以便于让大家更清晰的看到问题所在和修改方向。

一.加法

1.正负结合法

2.同构图形法

3.创意结合法

4.配色叠加法

二.减法

1.元素概括化

2.元素几何化

3.元素共用化

4.元素秩序化

由于本篇教程的方式是以修改案例的形式来讲,那初学阶段很多问题其实都是类似甚至相同的,所以会有较多的重复的话语,请大家耐心看完,你会发现自己的问题所在,并且收获一些改进方式。

umQzeqR.gif!mobile

01

正负结合法

正负形的方式我们之前有单独一篇教程专门讲过,大家有兴趣的可以翻阅我们往期的教程,正负形LOGO很难?6个案例教会你!这里就不再赘述,直接看案例。

326zmmJ.jpg!mobile

可以看到上面的LOGO中所出现的问题:手的造型过于具象,偏向剪影,缺乏设计感,字母H的造型也是直接用的字库,整体性不强,负空间较多,且不完整。另外最主要的问题就是两个元素的结合比较缺乏合理性,造型上没有什么共性。接下来开始找一下修改思路。

QRBji2m.jpg!mobile

我们在不改变原有元素的情况下来考虑两个元素的处理。那么手和字母H的造型可塑性都是很强的,不管是手势还是手的造型表现都有很多种方式,上图中列举了那么多的参考,我们可以开始尝试做一下结合了。

jmEZRbQ.jpg!mobile

试错阶段就不再做过多演示,既然是要做正负形,那么首先我们要把正负形的共用线条抓住,是要共用线条能够满足两个元素的造型,那么正形的处理方式就容易的多了。所以这种方法的重点在于元素的变形尝试上。提取出可用元素后就是大量的试错,尝试不同的造型以及摆放位置所形成的负空间是否满足需求。

yEba2af.jpg!mobile
a2QrA3i.jpg!mobile

看懂了吗?没看懂也没事,我们继续往下看,看多了就懂了,懂了就会了,会了就做废了。

EFBz22U.jpg!mobile

02

同构图形法

同构图形,如果有过美术基础的同学很好理解,没基础的也没啥事,听我来讲就完事了,一个图形即能表现出A元素,同时也有B的造型或含义,可以理解为一语双关。我们看一些案例。

7VbQf2Z.jpg!mobile

上图一中用叶子同构了女人的嘴巴,图二用锅铲同构了猪鼻,图三用天鹅同构了忍者的头发,图四用电影胶片同构了狐狸尾巴。这样大家对于同构图形就很清晰了吧?下面看一下实操案例。

7bARBvm.jpg!mobile

首先来分析一下上面LOGO:鹿角的造型有些粗糙,鹿的动态较为生硬,整体的曲线不够流畅,正形的咖啡豆不够明确。

开始思考想修改的点,元素继续延用鹿和咖啡豆,提取出品牌名称巢鹿二字的首字母CL,(这里的元素提取来源于头脑风暴,往期的教程中有详细讲到),接下来需要做的就是找大量的参考来寻找鹿和字母的共性,同时尝试同构的可能性。

fMZfm2M.jpg!mobile

初步来看,方向是可行的,鹿身的动态和字母C,鹿角和字母L都是可以处理成类似的造型。开始尝试画草图做结合。

7VFFVrm.jpg!mobile

首先在字母C的造型基础上尝试勾勒出鹿的造型,接着把鹿角添加上,这时候发现字母C的负空间内形成了一个类似咖啡豆的造型,刚好可以结合进去,但需要调整一下鹿的造型,继续优化草图,(到这一步仍然在画草图看大感觉,不需要抠细节)

IJfime.jpg!mobile

这时候发现正形的鹿对比负形的咖啡豆来说,太过单薄了,所以把鹿调整的粗一些,饱满一些,同时最右侧鹿身的尾部端点可以向上提一些,使负形的咖啡豆造型更清晰。画到这一步已经可以开始精细化处理了,最后在鹿角上添加一些小叶子来提高整体调性,整体做一些手绘不规则线条的感觉,但不要做太过。

fiyYNzQ.jpg!mobile
Fnymey7.jpg!mobile

细心的同学应该发现了,这个案例是放在正负形之后来讲的,因为这些方式是可以叠加使用的,而不是一次只能用一种方式,在不增加整体复杂程度的情况下,表达更多的元素往往是很多老板所喜欢的。但不要刻意的强求去增加方法的使用,有的时候并不适合。

03

创意结合法

创意结合法的范围特别广,无法通过一个小点来诠释清楚,后面有机会我们单独开篇来讲,那么本文中所指的就是最直接也是最快速能达到效果的一种方式,既用一个元素的部分结合到另一个元素的某一处,结合后的图形能保证其中一个图形的完整度,同时又具有与之结合元素的特征呈现。这里我们称之为嫁接,这样就很好理解了。我们一起来看一些参考图。

uuM7zyV.jpg!mobile

图一中在老虎头上结合了一个皇冠,图二中铅笔的顶部结合灯泡,图三在光盘的上方结合瓢虫的头部,图四在爱心的曲线上结合了一只手,这些图形基本都起到了提高整体的调性,与行业或品牌名称更加契合,或是带有一些趣味性。那么我们用这种方式来修改一下下面的案例。

aUZBvi2.jpg!mobile

我们来看一下上面的LOGO所出现的问题:整体来说造型上是问题不大的,且元素也都是可以用的,只是缺乏了一些亮点,尤其是面部的处理不够精致,玩味虽然有,但更多是偏向幼稚,且结合的不是巧妙,猴子手中捧着炸弹不太合适,这个是需要修改的核心部分,分析完我们来看一下修改的思路。

通过上面的分析,我们可以比较直观的发现,两个元素是有很大的共性的,猴子的头部和炸弹的造型基本都是圆形,那只需要把炸弹上面的引线部分嫁接到这个圆形上面,即可一语双关。下面来尝试一下。

fARfquB.jpg!mobile

结合后的草图基本可以确定是没有问题的,接下来只需要把草图标准化执行出来,优化一下五官的造型即可。

7ZB7baB.jpg!mobile
jIrEJvi.jpg!mobile

看着这个猴子的手捧雷,突然想无懈可击…一下回到了上学时代,可能有些朋友看不懂吧,那我给你来张图就懂了。

aYbInuY.jpg!mobile

04

配色叠加法

配色丰富法呢,顾名思义,就是要通过配色来把整体丰富起来,让一个很简单的图形看起来不是那么的简单、单薄。可以是渐变也可以是叠色,这种方式就要简单的多,所以就不做案例展示了,只是给大家提供一个思路方向。

qeQR3q2.jpg!mobile

像上面这些,单色的时候效果都平平无奇,整体的视觉效果对比多色搭配还是要弱上 一些。因为此方法就不再做案例演示,大家可以自行尝试叠色,渐变色等各种玩法。下面我们来看减法的四种方式。

05

元素概括化

元素概括化指的就是在保证识别的基础上,尽量的使用较少的线条和块面来表现出所呈现的图形,且要减少无意义的线条转折,使整体的流畅度和简约度都有所提高。

fmqaAfZ.jpg!mobile

通过上图可以看到,每一个图形都没有完完全全的按照图片的造型去勾勒, 都用了概括的方式去表现,这种方式的好处就是能够非常直观的看到你想要表达的东西,并且整体都很简洁,不啰嗦,接下来我们看案例。

Fri6feN.jpg!mobile

上图中的人像LOGO用了我们最常用的方式,阈值法,大体的效果虽然出来了,但细节依然比较粗糙,帽子的高光处有很多碎片化的色块,整个图形的边缘也都是锯齿状的,不流畅,远处的眼睛糊掉了,整体的轮廓都没有一个具体的造型。另外注意一个重点,上图中的光源是从后方打来的,这样就会导致大面积的面部是空白的,没有元素可以填充。好了,接下来看修改案例!

rauMBrZ.jpg!mobile

首先,光源改为从前方打过来,这样脸的右侧可以处理成暗部的结构。在帽子以及人物面部结构的处理上几乎都是很硬朗的直线转折,五官处理精细化,减少意义不明确的转折以及表达,这样的处理方式好处就是能够提高整体的精致度,同时能够更清晰的传达出所表达的气质。

fYJNvq.jpg!mobile

05

元素几何化

几何图形呢就是将从实物中抽象出的各种图形统称为几何图形。这里说的比较笼统,那么我们在logo中常用到的几何化图形有矩形、圆形(包含椭圆)、三角形、五边形、六边形、弧形和直线。

a2aeuae.jpg!mobile

图中的这些图形几乎全部由上面所提到的几何图形构成,整体看起来非常简洁,干练,概括化极强,下面我们接着通过案例修改的方式来进行。

YNNZZz.jpg!mobile

乍一看是不是觉得这个LOGO没什么问题?有些时候没什么问题其实也是问题,就好比你的甲方爸爸对你说还差点感觉,但死活说不出差什么感觉一样让人崩溃。其实仔细分析还是可以得出结论的,首先整体对称的造型是没有什么问题,下方的两条线距离稍远了些,与整体有些脱节,其次整体过于平淡,趋向素材的一个风格,加上这个粉红的配色,反而更像是蝴蝶,而不是蜜蜂了,识别还是有所欠缺的。分析完毕,继续找思路修改。

zuuA73b.jpg!mobile

对于这类图形,想要解决整体过于平淡,那么最直接也是最好用的方式就是几何化,比起其他创意结合类要容易的多,有点像俄罗斯方块一样,按照你所要的图形,大多都可以用几何图形拼接出来。那我们来看一下蜜蜂的造型,两个翅膀,一个头部两个触角,以及身体和尾巴,这些元素多多少少都有一些共性,都是圆圆的,胖胖的,那么可不可以全部用同一种方式来处理呢?毕竟统一性也是设计感的一种,我们来看一下修改尝试。

7vUJNzJ.jpg!mobile

经过尝试后发现,矩形要比圆形更为简洁,且空间更好把控,在搭建出大致的位置后,调整局部的比例来使整体更加几何化,整体的外轮廓也是一个大的矩形。接下来深化出方案。

A7fUNzQ.jpg!mobile

这种方式的可玩性很强,大家可以多多尝试,不同的细节,不同的几何化造型都会使整体产生不同的效果。

有点累了是吧?别急,还有两点我们就完事了,这次讲的比较简单粗暴,这次主要是提供思路,不然每次你们都当段子看,搞的我就很尴尬,要记得平平淡淡才是真。

07

元素共用化

所谓元素共用化,指的就是两个元素有一定相同或极其相似的部分,可以是相同角度的线条,或是相似的造型,那么我们就可以直接共用一个,从而减少相同或相似元素的重复出现。我们来看几个案例。

niIN7vZ.jpg!mobile

图一图二中字母Z的斜线与字母K的竖线共用一条,图三中两个手共用的部分形成了一个人物的身体,图四中桂字与林字共用的横线。下面来看问题LOGO和分析。

rMVviq7.jpg!mobile

参考了古籍字,整体的气质是对的,但视觉表现不是很好,霖字的上半部分处理的很挤,下面空间比较大,周围两侧也留了比较大的空白,曲线勾勒的不够规范,整体的规范程度还是 有所欠缺。接下来我们分析修改方向。

依然是保持原有元素,那么再来看品牌名称,霖梦亭,提取出霖梦二字,可以发现两个字是有一定共性的,霖字的下半部分“林”和梦字的上半部分的“林”完全是相同的,完全可以结合起来,直接用一个,这样既压缩了空间,又使本就偏向繁琐的图形简洁整体一些。接下来我们做草图尝试结合。

3673eu6.jpg!mobile

至此基本可以确定方向是没有问题的,接下来优化好空间调整一下细节部分即可。

jqmE3ay.jpg!mobile

08

元素秩序化

元素秩序化,其实范围也比较广,可以理解为使元素与元素之间产生一定的秩序,或是构成元素的线条和块面具有一定的秩序性,比如最长谈的统一性,空间匀称,视觉有主次,都是秩序化的一种,同样的也都是为了让图形产生更强的整体性。那我们这次选择一个元素较多的一个案例来进行演示, 其他的类型也都是大同小异,大家可以举一反三的用到其他类型的LOGO里面。

最后一个案例我们通过反向操作来进行演示!以波哥的LOGO为原形进行示范,我先做了一个错误的logo,当然并不是随便乱做的,都是在尽量还原你们所出现过的问题,下面我们一起来看案例。

qumMfaj.jpg!mobile

LOGO问题:视觉较为混乱,画面没有主次,层级关系不明确,后面的山太大了,处在前面的鸟反而太小了。线条粗细不一,树的处理方式略微繁琐,鸟的造型不够规范。分析完问题我们来看一下修改的方向和思路。

Nf2IVzJ.jpg!mobile

首先我们根据已有的元素理清信息层级,鸟-树-山-太阳-其余装饰。

Af6ra2N.jpg!mobile

理清后可以开始勾勒草图,鸟作为画面的主体元素,首先大致确定鸟的摆放位置以及大小,其次就是树、山、太阳的摆放位置以及造型的简化,最后发现下面空了很大的空间,我们可以添加一些相关元素来丰富画面以及填补空间,这里我添加了树枝。至此,草图基本完成可以开始精细化处理了,最后再适当添加小元素作为点缀和装饰。

MNBFf2a.jpg!mobile

可以发现,整体并没有做太大的改动,依然是在原来图形的基础上进行优化,很多时候大家所欠缺的就是这一步优化,对于画面的把控,元素的处理方式,空间匀称、秩序的统一。

多唠叨几句,如果你有认真看完这篇教程的话会发现,我在讲解这些方法的时候或多或少都会用到一些相同或类似的词汇来描述,那其实本身就不存在什么方法,只不过是为了给你们总结出来,分了很多细节的思路和方向,所以其实这些方法在本质上都是相通的,如果你弄清了其中一个,那么其他的方式也不会差到哪去,讲了八种方式,总有一个你可以作为自己的突破口去进步。

vaEZjiA.gif!mobile

这次的教程可能大家发现少了很多试错和实操的部分,其实并不是偷懒,只是全部放出来整个篇幅会过长,而且往期的教程中写了太多太多实操部分,这次主要针对的就是一些调整的方向和思路。大家可以结合之前的教程一起食用,效果会更好。你们还想看什么类型的教程也可以在评论区打出来,我们下期再见。

6Jr6Nr.jpg!mobile

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK