简单制作LOGO

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

1. 灵感

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

比如，针对 PageHelper：

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

一朵花中的PageHelper。

2. 素材

素材分为两部分：

• 图标
• 字体
• 配色方案

2.1 图标

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

直接搜索flower时，花都挺简单，于是搜索 chrysanthemum 结果如上图。

挑选了下面这个图标：

下载SVG格式。

2.2 字体

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

2.3 配色方案

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

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

3. 设计

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

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

选择 T，输入文字 PageHelper。

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

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

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

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

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

4. 导出设计

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

导出可以选择倍率，格式，可以一次有多个导出。

最终的这个设计不一定让很多人满意，设计的整个过程才是本文的重点。

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

重复上述步骤，针对新版通用Mapper也做了一个Logo：

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