0
点赞
收藏
分享

微信扫一扫

简单制作LOGO


本文参考: ​​Design a simple text logo in 15 minutes with Google Fonts and Figma​​

1. 灵感

制作Logo可以先从一些专业网站寻找灵感,把自己想要的整体设计确认一下,有一个非常不错的网站,可以根据你的文字生成大量Logo的效果:

比如,针对 ​​PageHelper​​:

简单制作LOGO_搜索图


通过挑选自己喜欢的设计,我找到一个参考:

简单制作LOGO_logo_02


一朵花中的PageHelper。

2. 素材

素材分为两部分:

  • 图标
  • 字体
  • 配色方案

2.1 图标

使用 ​​flaticon​​ 来搜索图标,在搜索图标的时候可以在过滤器中选择免费授权的图标:

简单制作LOGO_logo_03


直接搜索flower时,花都挺简单,于是搜索 chrysanthemum 结果如上图。挑选了下面这个图标:

简单制作LOGO_搜索_04


下载SVG格式。

2.2 字体

在 ​​Google Fonts​​ 输入自己的文字,查看不同字体的效果。

简单制作LOGO_搜索图_05

2.3 配色方案

有很多种选择配色方案的方式,第一种就是直接从 ​​Color Hunt​​ 选择一个自己喜欢的配色。

简单制作LOGO_搜索图_06

另外就是在 ​​flaticon​​ 搜索图标时,挑选喜欢的配色图标作为参考。

简单制作LOGO_logo_07

3. 设计

使用 ​​Figma​​ 进行在线设计,创建一个免费帐号登录。

创建一个新的空白设计,选择下面 Place image… 按钮导入 SVG 图标:

简单制作LOGO_搜索_08


选择 T,输入文字 PageHelper。Figma中提供了大量免费的字体,也可以选择自己本地的字体,如果从 Google Fonts 下载了字体安装到本地,在 Figma中使用时,需要先安装一个插件。

简单制作LOGO_搜索图_09


打开字体设置,在 Fonts 下面有一个下载链接,下载安装后会如下图所示:

简单制作LOGO_搜索图_10

因为导入的SVG图标,在Figma中可以方便的对图标进行各种可能的编辑。例如我选择的这朵花,可以修改每一个花瓣:

简单制作LOGO_logo_11

然后就是根据灵感加入自己的设计。下面是设计过程中的多个效果:

简单制作LOGO_logo_12

简单制作LOGO_搜索图_13


最终参考上面那朵小红花的配色,做出了一个最终设计的方案:

简单制作LOGO_logo_14

4. 导出设计

在 Figma中可以选择不同的层,对象,在右侧添加 Export 进行导出:

简单制作LOGO_制作Logo_15


导出可以选择倍率,格式,可以一次有多个导出。最终的这个设计不一定让很多人满意,设计的整个过程才是本文的重点。

简单制作LOGO_制作Logo_16

其中花瓣代表了每一页,1,2,3,4,5,6代表了分页中的页码,左右两侧的 PREV,NEXT代表的上一页和下一页

重复上述步骤,针对​​新版通用Mapper​​也做了一个Logo:

简单制作LOGO_logo_17

一只和MyBatis小鸟有些像的小鸟落在了Mapper上


举报

相关推荐

0 条评论