前不久,我们老大写的一篇博客《 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. fputs()

    原型:int fputs(const char *str, FILE *stream) 参数解释: const char *str : const限制函数内部修改指针指向的数据(在函数形参使用cons ...

  2. 网页控件很多时最好用绝对定位absolute

    否则动一个位置可能影响其他的,牵一发而动全身

  3. Linux man语法结构说明

    一.man手册的内容结构(说明书页的格式): 标题含义: Name命令的名称和用途(摘要) Synopsis命令语法(摘要) Description完整描述 Environment命令使用的环境变量 ...

  4. pycharm中设置工程

    1.设置pycharm多工程以及工程的依赖关系: a.在打开工程时候,选中add current open projects(添加到项目中),   b.设置(settings)->project ...

  5. 谈谈easyui datagrid 的数据加载

    文章目录 1url方式加载数据 1.1调用方式 1.2相关方法 1.3二次加载问题 2加载本地数据方式 2.1调用方式 2.2如何分页 2.3加载中效果 2.4如何不统计总数 这篇文章只谈jQuery ...

  6. OEL6.8安装虚拟带库模拟器

    最近在虚拟机下搭建了一个OSB备份环境,其中使用到了虚拟带库,以下是虚拟带库的配置过程,简要记录之. 1.下载虚拟带库的源码(mhvtl-2016-03-10.tgz). 2.解压缩源码. # cd ...

  7. α测试,Beta测试

    α测试(内测)是由一个用户在开发环境下进行的测试,也可以是公司内部的用户在模拟实际操作环境下进行的测试.α测试的目的是评价软件产品的FLURPS(即功能.局域化.可使用性.可靠性.性能和支持).尤其注 ...

  8. C++_异常8-异常、类和基础

    异常.类和继承以三种方式相互关联. 首先,可以像标准C++库所做的那样,从一个异常类派生出另一个. 其次,可以在类定义中嵌套异常类声明来组合异常. 第三,这种嵌套声明本身可以被继承,还可以作为基类. ...

  9. C++_异常4-将对象用作异常类型

    通常,引发异常的函数将传递一个对象.这样做的重要优点之一就是,可以利用不同的异常类型来区分不同的函数在不同的情况下引发的异常. 对象可以携带信息,程序员可以根据这些信息来确定异常的原因. 同时,cat ...

  10. [BZOJ 3613][Heoi2014]南园满地堆轻絮

    传送门 这题......注意读题就行 刚开始读成了Ans = Σ{|A[j]-B[j]|}以为是道神题,结果是Ans = Max{|A[j]-B[j]|}. 嗯.......可以证明Ans = 最大的 ...