案例实战一个高大上的LOGO是如何设计出来的?

编者按:新手看完这篇完全可以入门LOGO设计了。今天Summer同学将工作中的一个LOGO设计思路分享出来,过程循序渐进,关于需求和找灵感部分说得超级赞,借鉴价值很高,建议马克。 Summer:下面,我就设计Coding 猴头的过程具体说说如何设计一个 logo。方法仅供参考,如有雷同,纯属巧合…
第一步:搞清楚需求——我们需要一个什么样的 Logo? 工具:交流(如果这也算的话) 对于整个Coding的logo,老大跟我说明了他的想法,主要思路是:卡通形象(猴子)+CODING 字样,logo上可以加我们的slogan——Cloud Development。 其实想到猴子这个形象并不复杂,因为我们服务的用户是程序“猿”,很自然得想到了更加可爱的猴子;当然我们也想过是不是可以用其他的形象代替,但一直没有找到更好的。 而关于整体的视觉呈现,我们对此讨论的结论是——一定要高大上! 是的,作为一个互联网公司,我们一定要紧跟潮流,不能做出那种out了的logo,同时我们希望自己能给用户一种亲切的感觉,而且要一眼能被人记住。 于是,就有了一些关键词——猴子、扁平、简洁、可爱。
第二步:思维导图 工具:白纸、铅笔 思维导图确实是一个能很好的帮助我们发散思维的方式,一支笔,一张纸就好。当然你也可以借助一些专业的思维导图软件。 下图是我设计猴头时所画的思维导图:
9ym20151213 确实我这个思维导图并不是很美观,思维也只是简单的发散,大家自己在设计从一个关键词去构建整个思维导图时,尽量去发散,寻找更多的可能性,不要局限自己的思维。 虽然图画的丑,但并不能阻止我得到一些可用的关键词: 猴子——猴头、帽子、可爱、大耳猴、眼睛、眺望… 利用这些关键词,我得开始寻找“灵感”,把想法图形化出来。就有了下一步——绘制草图。
第三步:草图 工具:白纸、铅笔和网络 纸笔是最简单也最好用的画草图的工具,你的思维不会受限于电脑的各种操作,会更开放,姿势会更随意舒适。 所谓灵感,其实就是根据你的需求去寻找一个与之契合的点,然后表达出来。 现在来看,网络是最直接获取灵感的方式——因为我们不可能凭空想象所有的东西,特别是当我们思维被局限在某一点时,我们需要靠各种各样的图片去打开自己的思维,网络自然是找图最方便的地方啦。 但不一定说你设计 logo 就一定要去欣赏各种漂亮的 logo,你可以看随便点进去看,摄影、绘画、广告设计、服装…更不是说你直接去抄一个 logo,而是根据你的关键词寻找与你想要的东西的相关画面。 说实话,因为我并不是专业学美术出身的,上面一些关键词我并不能很好的想像它究竟会是怎么样子的。我会 Google 倒挂在树上的猴子的图片,看它们究竟是什么姿势;看看假如猴子带个帽子会是什么样子;还有看怎么用漫画的形式表现一个猴子。
8ym20151213 (Google 搜索倒挂的猴子) 同时,我会参考各种 logo,我上Dribbble找一些我去找我们这个行业的 logo,不只是有猴子形状的 logo,而且我会参考一些互联网公司的 logo。 7ym20151213 (在 Dribbble 上搜索有关猴子的图片) 6ym20151213 (一些漂亮的 logo) 看图借鉴,并不代表「抄袭」,在设计的时候不要去抵制看各种优秀的作品,唯一你要确认的是,你是在做适合这个主题的东西,不是一味的生搬硬套。 看了很多之后,有了下面的草图…… 5ym20151213 画好草图,找老大商量看看哪些是可行的,然后选择感觉合适的图形进行矢量化。上面草图左下角的那个猴子便是候选之一。
第四步:logo 数字化 工具:AI(当然你也可以用 PS 或者 CDR 等) 当有了好的想法,数字化其实是最简单的工作了,不过要得到一个完美的 logo 确实需要不断地优化。下面的图片是一些猴头的优化过程,中间那个是最后你们在网站上看到的那个猴头。 4ym20151213 这个猴头基本上就是以圆/椭圆为基本形状去变化的,得到基本的形状后再进行视觉上的调整,所以得到的图片并不是那种完全符合数学规范得到的 logo,人眼看着舒服也是一种标准,相信自己的眼睛也是一种方法。 不过我也可以举一个完全数字化的例子,下面这个 CLOUD 是我以前的一个练习,它就是完全用各种正圆切出来的。
3ym20151213 不过也要分情况,并不是所有的 logo 都试用于这样的方式去发展,就像我们可爱的猴头!


2ym20151213
第五步:最后,来个完美组合 我们的 Coding 字样和猴头是分开设计的,文字 logo 的设计过程和猴头是一样的,具体的过程就不说了。 1ym20151213 最后,给大家推荐一本书——《超越LOGO设计》,上文中的方法基本来源于这本书,让我从一个完全不知道如何开始的状态到现在也做出了几个能拿得出手的logo。