您的位置: 首页 > 软件教程 > Illustrator教程专题 > 美工LOGO设计攻略秘密(2):武器

美工LOGO设计攻略秘密(2):武器

9.7分
出处:网络 时间:2011-04-27

您可能感兴趣的话题: Illustrator  

核心提示:由于篇幅有限我们不可能讲得面面俱到,而且为了便于你对它们的掌握

  美工LOGO设计秘密武器

  说到美工LOGO设计,也许你马上会想到 Photoshop , Coreldraw , Illustrator , Flash 等工具软件,没错,正是因为有它们的存在才让我们将一个又一个的梦想变成现实。有关它们的教学与原理因特网上比比皆是,这里我们就不累述了。现在我们想告诉大家的是其他一些秘密武器:比例;对照;复制;还有精微调整!

  其实把它们当作"武器"抑或是"工具"都是不恰当的,因为它们主要规定了作品的性质,而不是我们熟悉的传统意义上的"软件","平台"的概念。但在实际创作中它们是如此的重要,以致于在日常的工作中,我们常常把它们从传统的创作过程中分离出来并亲昵地称之为"武器"。

  下面我们就这四个问题谈一谈自己的看法。由于篇幅有限我们不可能讲得面面俱到,而且为了便于你对它们的掌握,我们主要用例子,针对一些我们认为平时可能被遗忘或一些错误的认识来阐述我们的观点。

  一、比例:

  1、原理:

  在《牛津现代高级英汉双解词典》中是如此对"比例"定义的:一物与他物在量,大小等方面的比率;部分与整体的关系。而在设计领域我们将这个概念缩小成部件在尺寸或长度上的彼此关系。

  "比例"最重要的原则是遵循客观规律,文字比例要使得其易读,形体比例要使得它不会变形而且特色突出。然而,在这种"自然"的客观规律间还有着大量的细微调整,它们虽然不易察觉却直接影响到设计的最终效果。因此我们不要吝啬时间去调整它们以达到最佳的比例。

  早在希腊与文艺复兴时代的建筑家就开始找寻一个"理想的"比例规则,其中最出名的就是图一所示的"黄金分割"。

美工LOGO设计<a攻略秘密(2):武器 src="https://img3.duote.com/duoteimg/zixunImg/local/2011/04/27/13038709085878.gif">

图一

  随着现代人审美观念的改变,纯数字的"黄金"比例已不再是放之四海皆行得通的标准;而且现代电脑技术的发达,使得我们可以轻易设计出复杂异常的形体与颜色,它们的交互影响又直接影响到物体比例的感观。因此对于比例的考虑,我们将注意力更多地放在外形,可见性与突出性上面。

  2、示例:

  下面我们将以一个例子来解说如何找到它最佳的比例分割,如图二:

美工LOGO设计攻略秘密(2):武器

图二

  一个粗略的形体与两个字母如何达到最佳的比例安排呢?很明显,A图中字母与形体的距离太远,造成了整体的断离,因此我们将它们进行缩排,并将字体放大如图B;然后我们再对比一下图D,你会发现有什么不同?图D中的字体是以整个形体的高度作为字高,而图B则是以形体内部的正方形的高度为字高的,图C用红色导线指明了这一点。那么到底是图B还是图D更适合一些呢?

  要注意到,形体与字体都是比较复杂的,形体包含了两个三角形与一个正方形,字体包含两个字同时字体相交,因此如何保持它的协调性就成为关键。图D很明显破坏了整体的协调性,应该进行修改。

  在日常制作中,我们常常采取"内核外壳"的方式解决这类问题。所谓"内核外壳",就是将形体细分成内核与外壳两部分,以内核为标准对其他部分进行协调。这样做是有一定科学道理的,"内核"与"外壳"只是我们人为细分出来的,它们实际上是作为一个协调的整体存在,以此类推,以同一个协调的整体的内核为标准的其他部件也就取得了平衡性。

  运用到图二上,我们将形体细分成内核(正方形)与外壳(三角形),然后以正方形的高度作为字体的高度,最后如图B。图C中红色导线勾勒出的范围就是内核(正方形)的高度,我们看到,这样的比例安排,既做到了LOGO的美观,醒目,同时还保持了高度的协调性。

  这个例子告诉我们找到比例分割的通用法则,那就是:只要有可能,无论什么时候我们都要找到作品中各个元素的相互关系,尽管它有时并不明显;如果能将两个完全不相称的元素安全地变换成一个固定的比例,如一样大或者成倍数关系,那就值得去试试;你可以在脑袋中给作为标准比例的元素添加一根导线,然后将其他元素尽量向这根导线靠拢。事实上,这是一个非常有用的办法,以至于许多专业设计师认为"天地间万事万物都有一根线",因此它们看许多物体就是以那根不存在的"线"为起点的。

  在我们的日常设计中,决定比例规则的工作常常分成两部分:先是尽可能全面地查找作品内部的所有元素;然后找出它们之间的关系并为它们定身制作比例标准。前一个工作往往让我们忘了这样做是为了定制它们的比例标准的目的,只是想尽可能多地找出一些自己感兴趣的东西;而后一个工作往往是我们将手中的任务扔在那里一两天后重新拿起来,脑袋中有了新的想法后才能完成的。

  二、对比:

  1、原理:

  比例常常针对着尺寸大小,而对比则可以针对于万事万物,颜色,大小,形状,字体,纹理,等等,没有一件事物不具备对比性。只要你静下心来认真进行比较,你将会惊奇地发现那些外表相似的物体竟然还有如此丰富的对比因素。

  一开始你也许会只是简单地将它们进行对立看待,但实际上所有的对立显示了不同程度的连续性,而正是这对立程度的选择,往往是区别一位设计高手与业余设计者的标准!对比,突出的并不是组件本身,而是组件彼此的关系与它们要传达的交互信息。

  2、示例:

  我们应该如何看待对比?如图三,你可能会告诉我:它们的颜色是对立的,一个是黑色,一个是白色,而其他是相似的。没错,但你的想法太过简单,而这种简单,对我们的实际创作是毫无意义的。

美工LOGO设计攻略秘密(2):武器

图三

  首先我们要做的是改变对比的对立性,不要把它们当作矛盾的对立体,并且想方设法让对立显得不太尖锐。而通常比较有效的作法是先找出或创建出更多的对立点,然后再力图找到它们之间的对应关系。对应关系的重要性,可以用沟通的桥梁来形容,一旦缺少了对应关系的联系,对立因素就成为彼此不相干的单独的物件,也就真正失去了对比的意义。

  这样说比较抽象,我们就用图三的两个物体来阐述我们的对比经验。

  首先我们通过增添对立因素来分散对立概念:为图三增加尺寸对比,如图四:

美工LOGO设计攻略秘密(2):武器

图四

  图四看起来效果稍好一点,但还是有着粗糙的人为印象在里面,下面我们通过位置对比进一步分散对立概念,如图五:

美工LOGO设计攻略秘密(2):武器

图五

  现在又多了一项对比因素:位置,黑色方块在里面,白色方块在外部。图片经过分散锐化而变得有趣多了。

  最后我们再将黑色方块变成圆形,然后在形体下加上公司的名称,一个简单的LOGO就完成了。如图六:

美工LOGO设计攻略秘密(2):武器

图六

  下面我们再举一个例子进一步地阐述观点:

美工LOGO设计攻略秘密(2):武器

图七

  图七中的对立因素的连接点在"RWC"三个用于表达中心意思的字上;而对比因素就很多了:背景层尺寸更大,并有虚化效果;前景层小一些,色泽更暗;背景层用小写字体而前景层使用大写字体;背景层中的"W"是处于升格而前景层中的"W"处于降格;字体色彩不一致;等等。正是由于多种对立面的分散锐化,使整个LOGO从矛盾中显得异常协调!

  将对比概念应用到我们在《美工LOGO设计思路》中谈到的具体操作中,可以这样认为:

  1、形体的对比,包括大对小,水平对垂直,方形对圆形,等等。

  2、色彩的对比,包括色相,饱和度与亮度的对比,等等。

  3、字体对比,包括字型,大小写,尺寸等的对比。由于字体发展不平行的特性,使得我们很难在同一个LOGO中应用两种完全不同风格的字型,因此常常在大小写方面做文章,如图八:

美工LOGO设计攻略秘密(2):武器

图八

网友评论
多特网友 2014-03-28 13:23:50 回复
说的很有道理,举得例子也很典型!
多特网友 2014-02-18 12:07:46 回复
不错!支持
多特网友 2014-01-13 09:29:20 回复
大师级人物
多特网友 2013-12-18 10:21:12 回复
很实用!支持一下!
多特网友 2013-05-15 14:50:26 回复
说的很好.....
多特网友 2014-03-28 13:23:50 回复
说的很有道理,举得例子也很典型!
多特网友 2013-12-18 10:21:12 回复
很实用!支持一下!
多特网友 2014-01-13 09:29:20 回复
大师级人物
多特网友 2013-05-15 14:50:26 回复
说的很好.....
多特网友 2014-02-18 12:07:46 回复
不错!支持
精品软件课程
更多 >
photoshop教程让你从入门到精通,从新... [详细]
AutoCAD是美国Autodesk公司开发... [详细]
CorelDRAW是一款由Corel公司开发... [详细]
美图秀秀是一款很好用的图片处理软件,不用学习... [详细]
Photoshop从头学起,从新手快速到高手... [详细]
光影魔术手(nEO iMAGING)是一款对... [详细]