1、为什么我要自己设计键帽（想看方法的可以跳过这部分）

键盘，是陪伴我们生活、工作时间最长的工具。对于客制化的玩家而言，键盘更是一个伙伴。为了追求更好的体验，客制化玩家们尝试各种轴体，尝试各种结构来提升键盘的手感与听感。

但我认为，键盘就像妹子，手感上弱骨丰肌，听感上清脆婉转固然重要，但人终究还是视觉动物，拥有能让人一眼沉沦的外貌有时甚至可以让你忽略她其他的缺点。

如果说键盘是妹子，那么键帽，就是妹子的容颜。至少在我入坑客制化之后，第一件事情就是研究各种好看的键帽，来给我的美化我的键盘，点缀我的桌面。

看了各种好看的键帽之后，我作为一个初玩机械键盘的小白，预算自然有限，在预算内我并没有找到那个能让我一见钟情的键帽之后，我就想要根据自己审美，给自己定制一个属于我自己的键帽娘。（人工少女？罗辑直呼内行）

我个人也是萌新设计师，有说的不对的地方，大家一起探讨。

2、设计键帽的模板在哪里搞

程序员们都知道一句话——不要重复发明轮子

在键帽设计里也同样适用，自己画一个空白键盘是低效的，键盘配列的模板就是节省我们时间的工具。

我个人使用的模板是这个：http://kle.geekark.com/

网站一进去是这样的：

2-1 调整配列

这时我们需要把键盘调整成我们需要的配列，通常我们需要先画一个104配列的键盘。

上图是选择了“预设配列”-“104-ANSI”之后的样子。

之后我们再在下面增加各种高度的增补键帽。具体各个高度需要增加哪些按键，可以参考现在世面上在售的小全套或者大全套键帽。

添加完之后，每个人的想法不同，你得到的模板大体应该与下图相似：

2-2 调整颜色颜色固然可以在本地AI上调，但我一般倾向于在这个网站上先行调好。因为在这里调整更方便一些。

调整颜色的方式也很简单，使用鼠标选中想变色的按键，可以通过框选和Ctrl+选中方式进行多选，如图。

在图中我选中了字母区的按键。

选中按键后，在下方调整颜色。

需要注意的是，这里选择的颜色是键帽周围阴影的颜色，实际在键帽上的颜色比选择的更浅。

于是我们字母区的颜色就变成了这个样子。

其他区域每个按键的颜色都可以像刚才的方式更改，小伙伴们可以自行尝试。

2-3 下载模板

我们调整完颜色之后，不要在这里继续调整字体，以及字体的颜色。因为下载模板的时候，文字并不会在上面。

调整完颜色之后，直接下载下来，下载SVG矢量文件。

3、本地编辑

在本地编辑矢量文件，一般需要AI或者CorelDraw，如果只使用基础功能的话，入门不算难。（精通就难了）

我们画键帽，只需要使用入门功能就可以了。把它当成windows画图来用。

我这里用AI来做示范。

3-1 载入模板

打开我们刚刚下载的模板。

我们就得到了一个颜色编辑过后的键帽布局模板。

3-2 策马奔腾吧！

到了这一步，我想不用我多说了。

选择合适的字体、字体颜色输入到对应的按键中，

接下来随便画几个个性键

目前阶段画完大概就是这样：

接下来顺着自己的创作思路，把键盘都填满，调整配色，画面，尝试。

大概就是这样了，大家按照自己的喜好策马奔腾放飞自己的想象力吧！

4、渲染图

有了矢量图之后，有许多小伙伴还想画高大上的渲染图。

首先说明一下，渲染图不是必须的，我个人就没有使用渲染图（因为电脑跑不动）。

如果有想要做渲染图的小伙伴，我这里也可以提供一个模板网站。

https://www.dakotafelder.com/keycap-designer-resources

网站上有几个老外常用高度的模板。我们下载最左边一列原厂高度的就可以了。上面是在键盘上装配的3D渲染模板，下面是单纯陈列的渲染模板。

小伙伴们可以下载下来，然后把自己的设计搞上去渲染。

我因为电脑跑不动，就不贴图了，小伙伴们可以自己尝试。

至此，键帽设计阶段就完成了，小伙伴们尝试起来吧。