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

2016/11/02 37477

5-minites-fast-logo-design-1

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

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

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

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

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

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

uisdc-201611-31

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

uisdc-201611-32

Step.2 得到你的文字版 logo

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

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

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

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

uisdc-201611-33

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

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

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

uisdc-201611-34

Step.4 添加颜色

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

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

uisdc-201611-35

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

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

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

uisdc-201611-36

附加Step,其他图像的icon

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

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

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

uisdc-201611-37

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

欢迎同学们关注译者的微信公众号:「极光日报」以及知乎专栏:https://zhuanlan.zhihu,每天为开发者导读三篇优质英文文章。

jgrbqr

「技多不压身的设计师工资高!」

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计:《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图:《零基础入门!给非科班生的自学路径图之交互设计篇》

原文地址:journal.designinc

2016uisdc-classroom-new

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/5-minites-fast-logo-design

好文 界面设计 UI 平面设计 转场动效 交互设计师 设计师 设计师专访 扁平化设计 排版布局 设计流程 职场 用户体验设计 素材下载 视觉设计 配色 web前端开发 设计规范 海报设计 AI教程 产品设计 字体下载 设计理论 设计趋势 神器下载 动效设计 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 用户体验 优秀网页设计 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里