前不久,我们老大写的一篇博客《 Coding,做一个有情怀的产品 》中有提到设计 Coding logo 的大致由来,今天我就设计 Coding 猴头的过程具体说说如何设计一个 logo。方法仅供参考,如有雷同,纯属巧合…

第一步:搞清楚需求——我们需要一个什么样的 logo

工具:交流(如果这也算的话)

对于整个 Coding 的 logo,老大跟我说明了他的想法,主要思路是:卡通形象(猴子)+CODING 字样,logo 上可以加我们的 slogan——Cloud Development。

其实想到猴子这个形象并不复杂,因为我们服务的用户是程序“猿”,很自然得想到了更加可爱的猴子;当然我们也想过是不是可以用其他的形象代替,但一直没有找到更好的。

讨论的结论是——一定要高大上,碉堡了!

是的,作为一个互联网公司,我们一定要紧跟潮流,不能做出那种 out 了的 logo,同时我们希望自己能给用户一种亲切的感觉,而且要一眼能被人记住。

于是,就有了一些关键词——猴子、扁平、简洁、可爱。

第二步:思维导图

工具:白纸、铅笔

思维导图我们从小就接触过(上语文课老师大括号里面列出来的总结)其实并不是一个高大上的东西,但思维导图确实是一个能很好的帮助我们发散思维的方式,一支笔,一张纸就好。当然你也可以借助一些专业的思维导图软件。

下图是我设计猴头时所画的思维导图:

我深刻感觉我贴出这张图会让我掉粉,这字… 我保证这绝对不是我的正常水平!

确实我这个思维导图并不是很美观,思维也只是简单的发散,大家自己在设计从一个关键词去构建整个思维导图时,尽量去发散,寻找更多的可能性,不要局限自己的思维。

至于如何画好思维导图,大家可以网上找一些资料或者买本书看看。

虽然图画的丑,但并不能阻止我得到一些可用的关键词:

猴子——猴头、帽子、可爱、大耳猴、眼睛、眺望…

利用这些关键词,我得开始寻找“灵感”,把想法图形化出来。就有了下一步——绘制草图。

第三步:草图

工具:白纸、铅笔和网络

纸笔是最简单也最好用的画草图的工具,你的思维不会受限于电脑的各种操作,会更开放,姿势会更随意舒适。

所谓灵感,其实就是根据你的需求去寻找一个与之契合的点,然后表达出来。

动手画草图,看着这些关键词,你也许会没有任何想法。没关系,网络便是最直接获取灵感的方式。但为什么还需要网络?因为我们不可能凭空想象所有的东西,特别是当我们思维被局限在某一点时,我们需要靠各种各样的图片去打开自己的思维。但不一定说你设计 logo 就一定要去欣赏各种漂亮的 logo,你可以看随便点进去看,摄影、绘画、广告设计、服装…更不是说你直接去抄一个 logo,而是根据你的关键词寻找与你想要的东西的相关画面。

其实说实话,因为我并不是专业学美术出身的(我是学计算机的,我自豪,哈哈),上面一些关键词我并不能很好的想像它究竟会是怎么样子的。我会 Google 了倒挂在树上的猴子的图片,看它们究竟是什么姿势;看看假如猴子带个帽子会是什么样子;还有看怎么用漫画的形式表现一个猴子(因为我们的 logo 必须简单,真实的猴子形象太复杂了,我必须学学如何简化真实的猴子)…

(Google 搜索倒挂的猴子)

同时,我会参考各种 logo,我上 dribbble 找一些我去找我们这个行业的 logo,不只是有猴子形状的 logo,而且我会参考一些互联网公司的 logo。

(在 Dribbble 上搜索有关猴子的图片)

(一些漂亮的 logo)

也许有人会说,你不就是想抄别人的么!没错,确实是这样,我相信应该没有一个设计师敢说自己的设计没有任何“抄”(其实我们更愿意说借鉴)。

在设计的时候不要去抵制看各种优秀的作品,唯一你要确认的是,你是在做适合这个主题的东西,不是一味的生搬硬套。

看了很多之后,于是有了下面的草图。因为是草图,所以很草…

画好草图,找老大商量看看哪些是可行的,然后选择感觉合适的图形进行矢量化。上面草图左下角的那个猴子便是候选之一。

第四步:logo 数字化

工具:AI(当然你也可以用 PS 或者 CDR 等)

当有了好的想法,数字化其实是最简单的工作了,不过要得到一个完美的 logo 确实需要不断地优化。

下面的图片是一些猴头的优化过程,中间那个是最后你们在网站上看到的那个猴头。

这个猴头基本上就是以圆/椭圆为基本形状去变化的,得到基本的形状后再进行视觉上的调整(其实这个过程并没能准确化,我能说我是凭感觉的么…),所以得到的图片并不是那种完全符合数学规范得到的 logo,人眼看着舒服也是一种标准,相信自己的眼睛也是一种方法。

不过我也可以举一个完全数字化的例子,下面这个 CLOUD 是我以前的一个练习,它就是完全用各种正圆切出来的,这种图形通常会给人一种很牛逼的感觉,有木有?

不过也要分情况,并不是所有的 logo 都试用于这样的方式去发展,就像我们可爱的猴头,哈哈…

来个大头!

第五步:最后,来个完美组合

我们的 Coding 字样和猴头是分开设计的,文字 logo 的设计过程和猴头是一样的,具体的过程我就不说了。

不过,最后的结果得他们俩完美结合,感觉上一定要统一。最开始,我设计的字体问题太细,导致两边不平衡,经过调整得到最后的结果。

好啦,看到这里不知道大家对如何设计一个 logo 有没有感觉了呢?最后给大家推荐一本书——《超越 LOGO 设计》,上文中的方法基本来源于这本书,让我从一个完全不知道如何开始的状态到现在也做出了几个能拿得出手的 logo 。

欢迎大家到 Coding.net 粉我,哈哈,我是 Summer,有什么好的意见也可以私信我!

https://blog.coding.net/blog/how-to-design-a-great-logo

如何设计一个“高大上”的 logo的更多相关文章

  1. 【github】论怎么去写一个高大上的ReadMe

    前言 以前我时常觉得,自己写的ReadMe很单调乏味,但后来仔细研究一下后,发现有很多方式可以让ReadMe在简洁的基础上变得好看些,所以在这里和大家分享,如果大家有更好的想法,也非常欢迎在评论区留言 ...

  2. UI设计教程分享:设计一个高质量的logo要从哪方面入手呢?

    有的人觉得logo只是一个简单的图形,对品牌影响无关紧要:但有的人却觉得logo对品牌有较大的影响.其实logo承载着一个公司的品牌形象.公司背景.公司理念等.就像Landor往往给一个企业做logo ...

  3. PS网页设计教程XXIV——从头设计一个漂亮的网站

    作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,“熟读唐诗三百首,不会作诗也会吟”. 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试 ...

  4. 如何一步一步用DDD设计一个电商网站(九)—— 小心陷入值对象持久化的坑

    阅读目录 前言 场景1的思考 场景2的思考 避坑方式 实践 结语 一.前言 在上一篇中(如何一步一步用DDD设计一个电商网站(八)—— 会员价的集成),有一行注释的代码: public interfa ...

  5. 如何一步一步用DDD设计一个电商网站(八)—— 会员价的集成

    阅读目录 前言 建模 实现 结语 一.前言 前面几篇已经实现了一个基本的购买+售价计算的过程,这次再让售价丰满一些,增加一个会员价的概念.会员价在现在的主流电商中,是一个不大常见的模式,其带来的问题是 ...

  6. 如何一步一步用DDD设计一个电商网站(十)—— 一个完整的购物车

     阅读目录 前言 回顾 梳理 实现 结语 一.前言 之前的文章中已经涉及到了购买商品加入购物车,购物车内购物项的金额计算等功能.本篇准备把剩下的购物车的基本概念一次处理完. 二.回顾 在动手之前我对之 ...

  7. 如何一步一步用DDD设计一个电商网站(七)—— 实现售价上下文

    阅读目录 前言 明确业务细节 建模 实现 结语 一.前言 上一篇我们已经确立的购买上下文和销售上下文的交互方式,传送门在此:http://www.cnblogs.com/Zachary-Fan/p/D ...

  8. 如何一步一步用DDD设计一个电商网站(六)—— 给购物车加点料,集成售价上下文

    阅读目录 前言 如何在一个项目中实现多个上下文的业务 售价上下文与购买上下文的集成 结语 一.前言 前几篇已经实现了一个最简单的购买过程,这次开始往这个过程中增加一些东西.比如促销.会员价等,在我们的 ...

  9. 如何一步一步用DDD设计一个电商网站(五)—— 停下脚步,重新出发

    阅读目录 前言 单元测试 纠正错误,重新出发 结语 一.前言 实际编码已经写了2篇了,在这过程中非常感谢有听到观点不同的声音,借着这个契机,今天这篇就把大家提出的建议一个个的过一遍,重新整理,重新出发 ...

随机推荐

  1. sql中日期转换

    date_format的函数使用令日期格式转换变得十分便捷首先先说一个自己粗心踩到的坑.因为最开始自己建的表里面存的数据,已经固定是周一的时间了,然后有一个状态判断是需要拿到所有周一是否有数据,当时忘 ...

  2. 一些c++多线程习题

    题目1:子线程循环 10 次,接着主线程循环 100 次,接着又回到子线程循环 10 次,接着再回到主线程又循环 100 次,如此循环50次,试写出代码 代码1: #include <iostr ...

  3. 【bzoj4036】[HAOI2015]按位或 fmt+期望

    Description 刚开始你有一个数字0,每一秒钟你会随机选择一个[0,2^n-1]的数字,与你手上的数字进行或(c++,c的|,pascal 的or)操作.选择数字i的概率是p[i].保证0&l ...

  4. 关于C语言中printf函数“输出歧视”的问题

    目录 关于C语言中printf函数"输出歧视"的问题 问题描述 探索问题原因 另一种研究方法 问题结论 关于C语言中printf函数"输出歧视"的问题 问题描述 ...

  5. MyBatis与JDBC的对比

    //JDBC的步骤,1.加载驱动.2.获取连接.3.执行sql语句.4.处理结果集.5.关闭资源 Class.forName("com.mysql.jdbc.Driver").ne ...

  6. 神奇的Form表单

    今天坐标单上传,提交的按钮使用了<button>,发现不论怎么写ajax和设置form表单,都会刷新页面,百思不得解,然后偶然间把<button>变成<input typ ...

  7. Java 实现发送邮件

    javax.mail.AuthenticationFailedException: 530 Error: A secure connection is requiered(such as ssl). ...

  8. 【转】xml文件中加入本地的dtd约束文件

    首先,我是以加载Struts2的来演示: 1 我们可以看到,越是文件中的 显示的是PUBLIC, 即从网络中获取约束文件dtd ,此时我需要将其配置成从自己的本地来获取dit文件 首先,先要有stru ...

  9. Android 日历视图(Calendarview)

    1.介绍 2.常用属性 3.xml文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayou ...

  10. C++_IO与文件5-文件的输入与输出

    大多数计算机程序都使用了文件.文件本身是存储在某种设备上的一系列字节. 通常,操作系统管理文件,跟踪它们的位置.大小.创建时间等. 除非在操作系统级别上编程,否则通常不必担心这些事情. 真正需要的是将 ...