首页 > 其他分享 >如何设计一个“高大上”的 logo

如何设计一个“高大上”的 logo

时间:2022-12-26 18:09:17浏览次数:65  
标签:思维 草图 导图 猴头 高大 猴子 设计 logo

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


标签:思维,草图,导图,猴头,高大,猴子,设计,logo
From: https://blog.51cto.com/u_15147537/5969583

相关文章

  • 23种设计模式 之 快速记忆
    导读本文仅仅是设计模式知识点汇总,适用于备考、想要装b的情况,不适用想要详细钻研学习的情况。1、什么叫做设计模式设计模式是解决方案!设计模式是解决反复出现问题......
  • 系统架构设计师论文--微服务2021 系统架构设计师备考分享
    --摘要   2019年8月,我司承接了某市医疗集团,智慧药房项目,该项目主要为集团下属36家社区卫生服务中心提供药品统一目录管理、药品集中采购、库存管理、处方合理用药审核......
  • 基于加权人工鱼群算法的深空天线定位PID控制器优化设计附matlab代码
    ✅作者简介:热爱科研的Matlab仿真开发者,修心和技术同步精进,matlab项目合作可私信。......
  • 为什么说每个程序员都要尽早掌握设计模式相关知识?
    分享下前Google工程师「王争」对于这个话题的思考。 大家好,我是王争。 我相信,很多程序员都已经意识到基础知识的重要性,觉得要夯实基础,才能走得更远,但同时对于如何将基础......
  • photoshop设计针脚线效果
    互联网上利用设计photoshop设计​​针脚线​​​的教程还是蛮多的,今天​​真功夫​​​再来跟大家分享的一个设计​​针脚线​​​的方法。想必大家学会这个方法之后就省去......
  • 行为型:设计模式之状态模式(十八)
    “人有悲欢离合,月有阴晴圆缺”,包括人在内,很多事物都具有多种状态,而且在不同状态下会具有不同的行为,这些状态在特定条件下还将发生相互转换。就像水,它可以凝固成冰,也可以受热......
  • 行为型:设计模式之中介者模式(十四)
    腾讯公司推出的QQ作为一款免费的即时聊天软件深受广大用户的喜爱,它已经成为很多人学习、工作和生活的一部分(不要告诉我你没有QQ哦,)。在QQ聊天中,一般有两种聊天方式:第一种是用......
  • 创建型:设计模式之单例模式(三)
    3.1单例模式的动机对于一个软件系统的某些类而言,我们无须创建多个实例。举个大家都熟知的例子——Windows任务管理器,如图3-1所示,我们可以做一个这样的尝试,在Windows的“任......
  • 课程设计验收2
    使用自己研究的算法库中的一种完成下面任务产生一个sm4加解密密钥k,产生两个sm2公私钥对A(puba,pria),B(pubb,prib)2明文p为你们小组的成员的学号,从你的开始依次排列,发送方A......
  • 课程设计验收2
    使用自己研究的算法库中的一种完成下面任务1.产生一个sm4加解密密钥k,产生两个sm2公私钥对A(puba,pria),B(pubb,prib)2明文p为你们小组的成员的学号,从你的开始依次排列,发送......