前不久,我们老大写的一篇博客《 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. 怎样设计一个伟大的logo

    公司Logo是你开展业务和宣传的基础,也是你首次与客户的交互方式.一个有效的Logo能建立起正确的语气和特有的气质.经过这么多年的logo设计项目,每次交付项目之前我总问自己一些问题: 1. Logo ...

  2. 设计一个圆形文字LOGO

    LOGO设计 每一个标志都是独一无二的,它们所代表的含义也是不一样的,我们应该不断学习,不断寻找新的灵感,去设计不一样的LOGO. 那我们开始啦! 设计上图LOGO教程如下: 1.点击插入字符按钮,输 ...

  3. ui效果图生成html,四步制作一个高大上的iPhone效果图模版 UI呀-学UI设计网

    小编:大家好,你还在为找不到符合场景的手机模板而发愁么?今天给大家带来一个炒鸡实用的教程,想要什么模版自己动手做起来,接下来跟我一起自给自足吧~ 第一步 浏览器打开www.apple.com.cn 找 ...

  4. linux logo程序设计,教你在线设计一个简单美观的LOGO

    当你配置好Linux服务器并上传网站程序到服务器上,直到架设网站成功,你可能需要一个美观的LOGO,如果你对LOGO的要求不高,可以在线自己设计一个,因为网站发展初期,你没有什么资金,请不了专业的美化 ...

  5. 用这4步完成一个有理有据的LOGO 设计

    @苏大牙牙牙:大家都知道,LOGO对于一个产品来说,至关重要.成功的LOGO可以让用户在短时间内判断你是谁,做什么的,而且区别于竞品的同时,传递自己的品牌理念,让用户达成共识,并进行广泛传播.那么设计 ...

  6. 怎么用计算机求logo,pclogo小海龟里帮我设计一个复杂图

    写过程急~~~~~~~~~~~~~~~~~~~~~~~~TO HJ FD 50 RT 45 FD 15 RT 90 FD 15 RT 45 FD 50 LT 45 FD 30 rt 135 fd 90 ...

  7. 【面试题】如何设计一个高并发的系统?

    每个行业都一样,人才都是分层次的,从事技术行业的程序员们更是如此,按照技术能力分为三六九等. 每个层次的人出去面试,面试官考察的方向是不一样的. 刚入职场的小白,会问你很多基础性的知识,有过几年经验的 ...

  8. mfc 窗体不可点击的原因_如何设计一个简单的Access登录窗体(2)

    书接上回~ 上回书中提到了如何从零开始设计一个Access的窗体.经过简单的操作,我们已经造出了一个登录窗体,但是这个窗体是空白的,需要向其中增加一些元素,以增加登录窗体的功能性. 因此,接下来我们要 ...

  9. 如何设计一个良好的接口

    在设计接口时,有很多因素要考虑,如接口的业务定位,接口的安全性,接口的可扩展性.接口的稳定性.接口的跨域性.接口的协议规则.接口的路径规则.接口单一原则. 接口过滤和接口组合等诸多因素,本篇文章将简要 ...

最新文章

  1. Transformer的PyTorch实现
  2. 【数据挖掘】基于密度的聚类方法 - DBSCAN 方法 ( K-Means 方法缺陷 | 基于密度聚类原理及概念 | ε-邻域 | 核心对象 | 直接密度可达 | 密度可达 | 密度连接 )
  3. Uri跟Url的区别
  4. 003_ZooKeeper服务端集群搭建
  5. 咖啡馆的故事:FTP, RMI , XML-RPC, SOAP, REST一网打尽
  6. Microsoft Operations Management Suite 启用NPM网络性能监视
  7. There is no public key available for the following key IDs: 3B4FE6ACC0B21F32
  8. Kubernetes Liveness and Readiness Probes
  9. vscode中 解决格式化后将单引号变双引号
  10. 桦仔 笔记3-徐 设置数据库自动增长注意要点
  11. 13. 永无止境:网站的伸缩性架构
  12. 关于HTML中onSubmit属性的触发时机
  13. 吴军信息论40讲_刘润对谈吴军:每个人都一定要有数学思维
  14. 学生宿舍管理系统的设计与实现
  15. 管理系统中计算机er图怎么画,使用PowerDesigner绘制ER图的详细教程
  16. SAN(存储区域网络),WWN, WWPN,WWNN区别
  17. php中rand函数怎么用,php rand函数用法是什么
  18. 蒟蒻朱的 CSP2020 J/S 游记
  19. 聚焦网络攻击|知道创宇云安全2018年度网络安全态势报告
  20. java 对话框计算器,《Java程序设计》第16周礼拜四:GUI编程及文件对话框的使用 计算器...

热门文章

  1. DP接口显示器,在win10中,桌面图标重排,窗口都缩到左上角
  2. JUC练习代码-力扣多线程1126题目:哲学家进餐,解题详解
  3. iTunes Connect上传APP屏幕快照图片尺寸和屏幕分辨率大小
  4. 2021-04-29 Ubuntu重启 关机命令
  5. IEEE 754浮点数简介与C代码实现
  6. java计算机毕业设计婴幼儿玩具共享租售平台源程序+mysql+系统+lw文档+远程调试
  7. ChatGPT和GPT-4带你选笔记本电脑
  8. 从行业发展趋势入手,看电商直播系统未来发展重点
  9. ajax请求动态生成dmo无法绑定事件解决方案
  10. Android之微信分享