陌北默

LOGO设计中的网格、圈圈是什么鬼?
那些LOGO中的网格和圈圈是什么意思,有什么用,是怎么做出来的,困惑了很多设计新人。

 

一、前言

@梦尽笑兮?之前我写了一篇如何破解LOGO设计中的常见套路?,有网友联系我说能不能写一篇关于LOGO标准制图的文章。

今天就来说说大家都比较疑惑的问题,相信学习VI、品牌设计的同学都会有这样一个疑问?

那些LOGO中的网格和圈圈是什么意思,有什么用,是怎么做出来的,困惑了很多设计新人。

 

二、本文知识点

1.网友有话说(讨论尺规作图)

2.认识标准制图与尺规作图

3.尺规作图的常见误解(六个常见误区)

4.尺规作图的真正意义

5.在什么时候不适合用尺规?

6.实操(通过一个案例讲解网格系统和尺规作图)不想看理论的可以直接跳到这一步。

 

三、网友怎么说

(以下是网友的回答)

网友一根葱:应该是黄金分割问题,利用黄金分割让LOGO更规范。

网友哒哒滴:装逼用的吧!没什么卵用?我每次都是做好LOGO之后,再去添加那些圈圈。这样可以给客户说,你别看这么小的LOGO,我用了这么多辅助线来完成的,客户一看做一个LOGO确实没那么简单。

网友榆木疙瘩:我觉得楼上说的黄金分割也不对,黄金比例、黄金分割到底有毛关系???

那些圈圈不能称之为黄金分割吧。不能说所有带圈圈的LOGO都是黄金分割,但可以在设计的时候去加入一些黄金比例的东西。
网友妖灵灵妖:老师说这叫尺规作图,这样做出来的LOGO标准耐看。

网友小尾巴:可以给客户解释,您看!每一条线,每一个圆角都是经过计算的,您看这里,这儿有黄金分割线,30度斜线线,各种线,任何一个设计背后都隐藏着大量的学问。

 

———————————分割线———————————

 

以上是网友比较普遍的回答,看来大家都对logo设计的尺规作图和标准制图有很多的疑问。

今天我就为大家详细的解析一下这个问题,以下是我个人的见解,大家有什么高见的请多指教。

先来普及一下标准制图和尺规作图(这是我个人的理解,并非官方解释,说的不对的地方请指出)。

 

标准制图:

也叫网格制图,是用来规范LOGO大小、最小使用尺寸,可用范围?、位置、间距、比例、LOGO与企业名称之间的关系、后期使用规范等。

相当于建筑施工图,工人严格按照图纸修房子一样,LOGO在使用的过程中也要严格按照设计规范使用,不然就全乱套了。(如下图就是标准制图)

9f3d5916c592b5b3086ed460feb1.jpg

 

尺规作图:

就是利用几何图形 (圆、椭圆、圆弧、直线、三角形等)辅助完成LOGO设计,平时看见的那些圈圈叉叉就是尺规作图。

0c405916c5b4b5b3086ed4e7ee03.jpg

 

尺规作图的常见误解

误解一

逼格高:很多网友认同这一点,不可否认,这样的设计确实可以提升LOGO档次。

但是我们做尺规不是为了装逼,而是为了让LOGO看起来更精致更美观,每一个斜角、圆弧、间距、弧度都要做到统一美观,所以不是为了装逼!不是装逼!不是装逼!

 

误解二

更有说服力:其实这个观点我是不赞同的,不是你画了几个圈圈就能唬住客户,别以为你这样做就能让客户闭嘴,很多客户不吃这一套。做了尺规只能增加我们设计的一个亮点,不是拿来给客户谈判的筹码。

 

误解三

黄金分割:黄金分割圆并不一定能够保证比例的完美?,很多设计师很迷恋黄金分割,这是病得治(我不是说不能用黄金分割,我说的是不能“迷恋”),,黄金分割能产生美,但是LOGO设计中不是每一个图形都适用,合理的应用黄金比例,如果什么都硬套黄金分割这个理论,那还要我们设计师做什么呢?很多时候我们需要用视觉来判断大小、比例、位置而不是黄金分割。(如下图,黄金分割不是万能的)图片来自网络。

3cf85916c5d9a801216a3e865caa.jpg

 

误解四

看见很多LOGO作品都有所以我也要做:这就是没明白做尺规的意义,只是为了做而做。

 

误解五

不是所有的LOGO都适合用尺规作图,但是一定要用标准制图(网格制图),比如下面这种类型的LOGO(随性的LOGO,书法LOGO等)就不适合尺规作图,这类LOGO需要打破那些框框才能更有灵性。图片来自网络,无法署名,请谅解,版权归原作者所有。

f1b05916c5e8b5b3086ed4eed57c.jpg

 

误解六

用了标准制图就是一定是好LOGO,LOGO的好坏和这些分割线关系并不大,它们最多是辅助作用,它不是检验LOGO好坏的标准。

71b55916c5f2a801216a3e260b51.jpg

 

尺规作图的真正意义

注意:

01.我们并不是用尺规去设计,而是用尺规进行规范设计,提醒我们在设计过程中对细节的把控。

02.尺规作图不是我们为了装逼后期硬加上的,而是一开始就是用尺规做出来的。

03.标准制图和黄金比例没有半毛钱关系,之所会有黄金比例,是我们在后期用标准制图时发现了黄金比例,当然有些比例我们可以参考黄金分割来设计。

04.用了标准制图LOGO就一定会变好,千万不要有这种想法,标准制图不能补救一个失败的LOGO。

 

尺规作图的意义:

1.辅助:没什么高端的就是辅助线而已,尺规制图当做是一个工具,是将所有设计进行规范,辅助我们更好地完成LOGO设计,就像PS/AI一样辅助我们完成设计的工具, 在没有电脑的时代,设计师们都是用尺子和圆规来辅助做设计的,所以尺规的第一个意义就是辅助设计,通过辅助线更好的规范LOGO。

2.快速方便:比起自己手动用钢笔工具去画和调瞄点,用几何图形去切是不是既准确又快速,很多新手设计师看见无数个圈圈就懵逼了,感觉好难,无从下手,然后就放弃了。其实没你想的那么难。

先学会分解图形,把复杂的图形分解成简单的图形,然后再用辅助图形(直线 圆 圆弧 椭圆 三角形等几何图形)一点一点的去完善。(如下图,图片来自加拿大设计师 Dorota Pankowska )前提是你已经有草图或脑袋里已经想好怎么设计才能用尺规作图。

6ef65916c604b5b3086ed4dca07c.jpg

be305916cbc0a801216a3ee9d92a.jpg

3.规范性:我们不能凭借我们的肉眼去判断,只看大致效果,为什么你的LOGO看上去不耐看,很粗糙,不精致,就是缺乏对图形结构的深入分析,只是用肉眼去观看是不行的(当然有些设计师对审美把控得很好,用肉眼观看就能做到完美),一个好的LOGO都是经过多番考究,注重细节的完美。就好比建筑施工图一样,只有做到规范制图,施工时大家严格按照图纸来施工才不会出错,LOGO也一样如果不规范尺寸、比例、位置、间距、弧度等等一系列问题的话,后期在印刷、安装过程中可能就会出现问题。

4.专业性:LOGO设计不是简简单单随便画一个图形,打上公司名称就OK了,设计师必须谨性的对每一个角度每一个细节都要经过反复推敲。这是对专业设计师的要求,所以辅助线是较为好用的设计工具,这样设计出来的logo往往比较考究,这样做出来的LOGO经久不衰,独一无二。

 

在什么时候不适合用尺规作图?

1.一般小店:

并不是我们每一个LOGO都要用尺规作图,看情况,比如一些小规模的小店

他们的经费有限,我们并不值得花更多的精力去用尺规作图,一般就直接手绘草图,然后上机精细优化处理,但是网格制图还是要有的。

2.客户定稿前:

客户没有定稿前,可能会反复修改方案,如果你现在就用分割圆来切出LOGO,客户一旦修改,那你的辛苦就白费了。

3.随性的LOGO

有时这些框框会约束自己的创造力,所以抛弃这些束缚,随意发挥,

往往随性的logo更具有可塑性,其实只要你审美没太大问题,做出来的LOGO基本上已经很精致。


只有理论怎么能行,下面就来实操,详细讲解尺规作图和标准制图以及LOGO设计过程

2ba95916c652b5b3086ed44ee264.jpg

 

五:案例讲解(实战篇)

本来打算用别人的LOGO来做案例,想了一下还是自己随意发挥从新设计一个吧?。ㄋ淙簧杓频牟缓茫┑钦庋蠹夷芨玫孛靼渍錾杓乒?。推荐大家去看看这两篇文章如何破解LOGO设计中的常见套路?设计干货!品牌(VI)设计案例分析和设计方法这两篇文章是详细的LOGO设计的思路与设计过程。

想了想就以本文主题来设计一个LOGO吧!? 就以“圈圈”来设计,实在是想不到好的名字。这里只做演示,就临场发挥做一个,做得不好请见谅。

设计开始……….下面是我个人做设计时候的思路,大家仅做参考。

第一步:像我在上面推荐的两篇文章中写的那样

按照惯用套路,头脑风暴和分析(在纸上写会更好)。

764e5916c668a801216a3eb4186e.jpg

名称:圈圈

主题:设计

分析:对关键词进行分析和发散思维!尽可能的多想(这里只是示范)

什么是圈圈——圆——数字零——字母Q&O——太阳——眼镜——眼睛——轮子

什么是设计——累——加班——高大上——夜猫子——PS——电脑——键盘——笔——改稿——橡皮擦

这里我就选用三个关键词进行组合:“字母Q” 、夜猫子 、眼睛,选好关键词就有了设计方向,现在要做的就是如何设计。这个时候还没有想法怎么办?当然是上网找灵感?上网去看看同类型的LOGO找找灵感。

bde05916c67ba801216a3e91ef60.jpg

 

第二步:草图(草图绘制很重要,很多灵感都是在一张纸上产生的,把你的想法视觉化比你在脑袋里想是不一样的,当你画下来的时候说不一定下一个灵感就出现了),一般在实际工作中都会出2-3个设计稿给客户选择,这里只做演示就偷一下懒。

这就是草图(我对不起我的美术老师,画得不好请见谅)。

7d925916c68eb5b3086ed4921798.jpg

 

第三步:设计初稿

先根据草图的形状,用圆、直线、弧线把基本形状切出来,由于时间关系,这里就没有考虑太多,就是简单用圆切了一个造型出来,字体就不做了,这个案例只是为了给大家演示,有些简陋,请见谅。大家在做商业LOGO的时候不能像我这样随意的就把图形搞出来,需要考虑多一点,多做几个版本出来对比,反复推敲,这样出来的LOGO才有说服力。

上图为尺规作图,下图为标准制图

(这两个很多时候都是联合起来用)

248b5916c69ea801216a3e2cd3cd.jpg

a6985916c6bbb5b3086ed4533d54.jpg

 

LOGO展示

 

动效展示

64835918f4c5b5b3086ed4889c65.jpg

文中部分配图来自网络,无法署名,深感抱歉,作品版权归原作者所有。

 

原文地址:站酷

作者:梦尽笑兮

 

转载请注明:学UI网—UI设计师学习教程平台 » LOGO设计啥为标准制图和尺规作图?(附案例)

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
立体字母LOGO设计[教程]立体字母LOGO设计[教程]
教你创建炫酷的星际文本效果【PS教程】教你创建炫酷的星际文本效果【PS教程】
网页设计中的大事件 - 彩色字体网页设计中的大事件 – 彩色字体
认真卖萌——浅谈吉祥物、品牌IP认真卖萌——浅谈吉祥物、品牌IP
ISUX设计师解析:个性萌宠形象诞生记-动作篇ISUX设计师解析:个性萌宠形象诞生记-动作篇
网易资深视觉设计师:视觉设计如何继承品牌基因网易资深视觉设计师:视觉设计如何继承品牌基因
ISUX设计师解析:个性萌宠形象诞生记-形象篇ISUX设计师解析:个性萌宠形象诞生记-形象篇
大理石与金属碰撞的文字效果[PS教程]大理石与金属碰撞的文字效果[PS教程]
QQ空间12周年品牌设定经验总结QQ空间12周年品牌设定经验总结
字体设计-先掌握这个让你高潮的知识点字体设计-先掌握这个让你高潮的知识点
?