教你零基础五分钟快速设计出一个LOGO!

好文转载 分类: 教程 版权: 原作者: @优设微博
1551 16 17 0
2017-07-17
9.5

零基础?没关系,看完都会做

看完本文,你差不多能在5分钟内自己设计出一个logo,没错,零基础。

当然,如果你想做一个特别好看 的 logo,我建议你还是要去找最专业的设计从业者。

在开始之前,你要下载两个软件:Sketch 和 Illustrator 或者 Figma,别虚,不要担心用不明白,我们只需要用里面最基础的、最简单的图形功能和文本编辑即可。

我假设我开了个公司,名字叫做「Dancygram」,我就用这个名字来设计 logo。

Step.1 选择一个经典的字体

很多设计师会选择一个经典的字体,然后快速出原型。举个例子,Target 的 logo,没什么特别的,就是用了 Helvetica Neue 字体而已。Image title

用不同的字体,把我们的 logo 写出来,来看看不同的大小写,字体,样式。操作如下:Image title

Step.2 得到你的文字版 logo

然后我为 Dancygram 选择 Futura这个字体,这是一个有趣的,矮粗胖的非衬线字体。

我们要探索字体粗细、间隙和空间感,究其穷变,思其型尽。

思考你要表达的价值,举个例子:

细体会表达出优雅,简洁和精致漂亮。 粗体会表达出友好,坚固和稳重可靠。Image title

Step.3 给你的 logo 设计一个 icon

当你有了一个 logo 字体之后,也可以设计一个简单的 icon,一个最简单的办法就是用名字的首字母配合简单的图形,比如圆形、方形等等。

比如我的「Dancygram」,我提取了首字母「D」,然后做了简单的设计,无外乎加粗、阴影、加外部轮廓、加外框等等的方法,得到如下设计稿。Image title

Step.4 添加颜色

一个视觉形象需要颜色和风格的统一来加深印象。而颜色那么多,我们经常挑花眼,这里推荐一个配色网站,能够帮我们解决不少问题:Color Claim(园长:这个网站内容较多,加载时间稍微有点长,相信我等待是值得的!)

我在 Color Claim挑选了一些奇怪的和好看的配色方案,然后和我的 icon 结合。Image title

Step.5 完成logo,把它贴出来

我喜欢#64这个配色(上面第三个),非常抢眼。重复上述步骤,做出彩色版,黑色版,白色版,和透明版的icon。

你可以在你的设计稿和照片上面打上 logo。Image title

附加Step,其他图像的icon

虽然用首字母非常简单,但是很有可能无法到达我们的要求,所以我们可以把实物矢量化,用它们做logo。

这里有一个项目 the Noun Project ,icon everything,你一般用到的 icon 在这个网站上都能找到。

我用我的「Dancygram」和牛仔裤 icon 配合,出现了戏剧性的效果(仅仅是换了个 Step.3 的icon,其他步骤不变)。Image title

希望大家能够通过本文,设计出属于自己 logo。

欢迎想学习UI设计的同学可以扫描下方二维码进群哦(验证信息:拍拍老师)Image title

UI那些事

学习探讨UI可以加我QQ:2129049070

132粉丝/6关注

致那些自学路上的UI初学者们新手入门-UI设计相关整理

UI那些事

UI那些事

学习探讨UI可以加我QQ:2129049070

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2017 UI.CN