美工logo设计攻略(1)：设计思路

《美工logo设计攻略(1)：设计思路》由会员分享，可在线阅读，更多相关《美工logo设计攻略(1)：设计思路（7页珍藏版）》请在金锄头文库上搜索。

1、美工LOGO 设计攻略（1）：设计思路 核心提示：说到美工设计可能很多朋友会把它想得很复杂，事实也确实是这样，真正的美 工设计并不是把几幅图拼凑在一起 相关下载： Adobe Illustrator CS4前言很久以来就有这样一个冲动，要把一些美学观点结合 LOGO 实际制作讲解出来，但一 来人们对美的概念不同，你认为是美的东西其他人不一定接受，因此这个标准很难定下来； 二来这是个非常大的概念，如何找出其中最具代表性的东西颇费周折。因此每次都是半途 而废。而这次在老枪等朋友的帮助下，最终完成了这个美工 LOGO 设计指南 。虽然只 有三部分内容，但多多少少表达了我们的一些意图。说到美工设计可能

2、很多朋友会把它想得很复杂，事实也确实是这样，真正的美工设计 并不是把几幅图拼凑在一起，或者几个滤镜交互就行了的，但美工设计也并不是可望而不 可及的事。万事万物都有其自身规律，只要找到那条贯穿始终的规律，你就掌握了它!而本 文正是通过一些实例，力图找到这条规律。如果你是位资深的设计大师，请在看了本文后 多加指教；如果你是位初涉设计领域的爱好者，在看了本文后也许会有所助益；如果你从 未接触过美工设计，那么在看完本文后至少会对设计的流程有所了解。但是最多的可能， 就是你在看完本文后头脑空空，一无所获!因为我们并不是教你如何具体地设计 LOGO，因 为我们只是想通过 LOGO 设计探讨一些抽象的，人性

3、化的东西。但是这个险，我们愿意冒！编者按：本文的时间跨度比较大，因此在第三部分中的某些思路会与第一部分有些冲 突，原本想进行修订一下，不过想到把这种思想的跳跃过程写出来让大家看一下可能更为 有用，也就偷个懒不改了。 美工 LOGO 设计思路 美工 LOGO 设计秘密武器美工 LOGO 设计进阶美工LOGO 设计思路在我们的站点设计中，LOGO 常常作为公司或站点的标识出现，起着非常重要的作用。 一个制作精良的 LOGO，不仅可以很好地树立公司形象，还可以传达丰富的产品信息。在 我们有限的调查中我们发现，一个网站首页美观与否往往是初次来访的用户决定是否进行 深入浏览的标准，而 LOGO 作为首先

4、印入访问者眼帘的具体形象，其重要性可见一斑！说到设计，我们就不得不谈一下 LOGO 的传统设计：LOGO 传统设计，重在传达一定 的形象与信息，真正吸引我们目光的，不是 LOGO 标志，而是其背后的图象信息。举个例 子，一本时尚杂志的封面，相信你首先注意到的是其上漂亮的女士或得体的服装，如果你 感兴趣才会进一步去了解相关的其他信息。网站 LOGO 的设计，跟传统设计有着很多的相 通性，但由于网络本身的限制以及浏览习惯的不同，它还带有许多与之相异的特点。比如 网站 LOGO 一般要求简单醒目，在少量的方寸之地，除了表达出一定的形象与信息外，还 得兼顾美观与协调。因此，一位优秀的传统设计大师，不一

5、定胜任网站设计；而一位网站 美术设计大师，也许只是传统设计中的菜鸟其实，就在我们大谈 LOGO 设计的时候，感到文字的苍白无力，因为在我们的实际制 作之中，很多东西都是难于用语言表达出来的，有时候是种灵感，有时候是种仿效，而更 多的时候是通过繁琐的工作与多次的尝试完成的。在实际的设计中没有你非得做什么的限 制，更没有放之四海皆准的真理，但也有一些比较普遍存在的问题值得注意，而本文就将 围绕这些问题剖析我们的 LOGO 设计思路。为了让大家清楚明白地掌握我们的意图，我们将用一个 LOGO 的实际制作过程进行阐 述。一、形体：1、原理：我们周围的世界首先是一个形体的世界，即使缺少了颜色，光亮，质地

6、等元素，大多 数物体还是可以凭其形体辩认出来。因此，我们把它作为我们 LOGO 设计的第一步。通常地，当我们开始进行 LOGO 设计时都会有一些由真实形体引发的线索：农产品公 司可能会在它们的 LOGO 中放置农作物形体；出版社也许会在 LOGO 中放置书本形体； 电脑公司也许会在其 LOGO 中放置电脑形体，等等。但在创作过程中少有直接了当进行放 置的，艺术创作常常将自然形体与幻想设计集中在一块，LOGO 创作则往往通过技术提取 与朴素制作来完成。所谓“技术提取“，就是在 LOGO 设计中，把实际形体与网站内容相结合，用会意体现 内容，用轮廓体现形体。而“朴素制作“，则是摒弃不相关的元素信息

7、，力图用最简单的方 式表达最丰富的内涵。一个好的 LOGO，可以让访问者清楚地知道它的制作原理，但与此 同时又能让他感到很难做出同样的效果。如图一，我们可以清楚地看到它是由字母与线条 制成，但如何实现它却需要一些精细的工作，如层的运用，字体的镂空，等等。图一2、制作：当我们环顾四周时，我们的世界充满了形形色色的物体，但当我们仔细观 察后会发现，不论它们的形式有多么复杂，结构多么繁琐，最终我们都可将其 归结为一些基本的几何形体。就是这些基本的几何形体，如果处理得当，可以 表达出丰富的内容与新意。如果你已有了LOGO的形体概念，那么就可以用这些 基本的几何形体去实现它；如果还没有，不妨随意制作一些

8、形体然后通过一定 的组织与逻辑进行LOGO制作。下面我就用最简单的长方形为例开始制作一个公司的LOGO：先制作两个长方形，然后进行移动，缩放，旋转操作，最终结果如图二： 图二图二仅仅是两个长方形，没有任何指向信息与空间概念，下面我们为其赋 予3D时空与指向概念。如图三： 图三图三缺少具体的形体概念，我们可以通过添加(复制)合适的长方形做到这 一点。如图四，是不是有一点信笺书轧的味道？ 图四一个好的形体，还得遵循客观的逻辑定理，一个叛经背道的作品很难真正 让人相信并接受。接下来我们给做好的形体加上重力作用，如图五： 图五图五的形体给人一个下坠的感觉，现在我们让它停止下坠，这样，形体制作完成。如图

9、六： 图六 二、颜色：1、原理：网页的特殊性质为我们的LOGO颜色选择添加了诸如安全色等诸多限制，而 其中最重要的是尽量使用最少的颜色。一方面减小图象尺寸，另一方面以免给 人过于花哨的感觉。我们应该做到“惜色如金“，在进行每一种颜色的选择时都 问问自己，是否有选择这个颜色的必要？这种颜色是要传达一种什么信息?当然，这种最小原则并不是处处实用，如图七，但我们得注意，它是以不 切断色泽平衡为基础的。 图七在我们的创作中，LOGO用色同样要遵循客观现实，比如一本书的封面与内 页，我们不能填充同样的颜色，即使同样的颜色，也得在饱和度或亮度上加以 区分。LOGO用色可以虚拟，但不能背离。2、制作：继续我

10、们的公司的LOGO制作：在这个LOGO中，三个不同角度的方块我们将其当作一个物体的运动过程， 根据经验，我们给它们赋予阴影状颜色。如图八： 图八好了，现在我们的图标变得具体与有趣了，下面我们给它添加字体。三、字体：1、原理：在实际的设计中，字体的设计往往放在最开始，因为在网络带宽的限制下， 不可能用大量的其他图象信息来表达我们的意图，这时我们的字体就得担负更 为重要的使命。它常常决定了整个LOGO的风格与形态，因此我们的习惯就是将 它放在形体选择前进行制作。字体作为设计中非常重要的一环，我们却只是在偶然的场合中提到，这不 是因为我们不知道它的重要性，而是因为要谈清楚它是一件非常复杂的事。对 于

11、一种字体，我们不仅要了解其历史，还得弄清楚它的应用场合。哪一种字体 具有古典风范，哪一种字体比较新颖，哪一种字体在这种场合中更便于阅读， 都是专业级的设计师应该考虑到的。真正谈起字体的历史，恐怕得追溯到古埃及的象形文字，不过我们不是考 古学家，对于那些古老的语言我们只需领会其“象形“就行了。现在我们把字体的范围限制在日常工作中经常用到的字体的圈子里，以免把话题扯得太远了。现代史上出现最早的字体应该是在15世纪，在此之前最为流行的字体被称 为“blackletter“字体，又叫作“Old English“字体，如图九： 图九这种古怪的字体非常复杂，书写与辩认都很不容易，而更为严重的是，它 与当时

12、文艺复兴运动提倡的希腊罗马人文主义文化相背离。于是在第一次文艺 复兴时期就出现了名为“Antiqua“的字体。它在继承了古希腊与古罗马的字体风 格的基础上，增添了大写字母的书写。而正是这种字体，成为了“blackletter“ 后所有字体的鼻祖。因此也有人把它称作“Old Style“或“Humanist Antiqua“字 体。具有讽刺意义的是，这种被称作“老式“的字体却在今天大行其道，无论是 Garamond， Minion， 还是Jenson字体，都因为其光亮，整洁，漂亮的轮廓外 观与人性化风格而成为今天设计之中的流行字体。另外，这种字体所特有的斜 性笔压更增添了其个性化，给人一种手绘的

13、感觉。如图十： 图十二十世纪中叶是复兴字体最为盛行的时期，而一种新的字体“Sans Serif“字体逐渐显示出其强大的生命力。最初它只是少量应用于装饰流程中， 随着“Futura“字体严谨，实用，结构化风格逐渐被世人所接受而大量应用到其 他作业中。如图十一： 图十一减少润饰，更为严谨实用的风格，使其成为仅仅以显示为目的的媒体字体。 由于两大类字体并不是平行发展的，因此在我们的实际制作中很少会有两 种字体混用的情况。一方面会破坏风格的协调，另一方面会使得字体过于复杂。 但也有例外，如一个单词中，我们常常为一个或几个字母定制一种不同的字体 以使其更为醒目，而其他字母则采用另外一种字体用以完成整个字

14、母的表意。 如图十二中的LOGO，一种是更为人性化的Garamond字体，一种是非常严谨的 Frutiger字体，却由于没有空间断层的概念而协同配合得很好。 图十二LOGO制作中，字体的选择起着相当重要的作用，但选择的标准却是没有定 式的，除了告诉你诸如“serif“字体具有古典风味，便于阅读的特点，“sans serif“字体更趋于现代风味等没有用的建议外，我们也没有更多的建议。对于 一个LOGO，我们永远不知道倒底哪种字体才是最贴切的，我们唯一可做的，就 是不断地尝试，直到找到让我们自己满意的字体。在制作初期这种繁琐的工作 可能让你极为不耐，但当你熬过一段时间，你将会发现，无论你的艺术品味

15、还 是对事物的观察力都提高了!因此，它是值得的!再谈一下字体大小写的问题。一般地，无论是我们的字体还是图象都得保 持风格的一致性，因此在字体大小写的选择上也要遵循这个原则。选择大写主 要是取其整齐，选择小写主要是图其起伏，千万不要大小写混用!因为大小写的 字体，无论是宽度还是高度，以及整个字体风格都会变得格格不入。最后谈一下字体放置的问题。字体放置在哪里没有定式，但必须遵循彼此 不干扰的原则。图上套字不是个好主意，它本来常常用在脱离不了纸张载体的 传统设计中，由于受到它们的启发，现在很多网页LOGO设计也采用这种图上套 字的憋脚方式。比较科学的字体放置方式是将其放在紧贴形体的下面，其次， 右置

16、式也是不错的主意。2、制作：在形体的下方我选择了“Times“字体并输入“company inc“字样，全部采用 小写，重在图出字样的起伏。如图十三： 图十三四、收尾工作：1、原理：当我们完成LOGO元素的设计与放置后就可以进入收尾工作了，包括诸如纹 理，阴影，高光，渐变，透明，渲染等在内的操作。收尾工作往往使我们的 LOGO看起来更为专业。收尾工作我们常常通过诸如Photoshop之类的图象处理软件完成，这方面 的技巧很多，我们就不去讨论了。2、制作： 前面我们讲到字体与图象的互不干扰，但我们又不能让其失去整体概念， 因此为我们的字体与图象找到一个完美的结合点是不错的主意。在我们实际制作经验中，“i“这个字母实在令人感到亲睐。上部的点可以跟 任何图象承上启下，整个字母又可以跟无论是大写还是小写的其他字母相匹配。 这里我们也用它作为LOGO承上启下的标记。去掉上部的点，并将其做成圆球状。 如图十四： 图十四在图十中我们可以看到，上部的形体占据了大部分空间，有点“头重脚轻“ 的感觉。现在我们为字体加上阴影，力求整个LOGO的平衡性。阴影不一定要用 黑色，这应该与我们整