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

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

2015/12/13 62748评论区

design-fabulous-logo-2

编者按:新手看完这篇完全可以入门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。

【LOGO设计实战教程系列好文】

乱斗西游的LOGO:
《大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)》

百度钱包的LOGO:
《向高手学习!百度钱包品牌LOGO设计过程全揭秘》

腾讯Lightalk的LOGO:
《LOGO实战好文!腾讯新聊天软件Lightalk英文Logo诞生记》

作者:Summer

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量106万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/design-fabulous-logo

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 设计流程 视觉设计 配色 用户体验设计 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里