设计神器HaiKei！在线快速生成各种精美的SVG形状

admin

设计师日常工作中，会需要与各种形状去打交道，UI 设计师更甚，需要一些 SVG 形状去进行卡片 背景的设计。那自己做是不是有点儿花费时间呢～答案是肯定的，自己画多多少少都会占用一部分时间。那接下来要介绍的这款神器，完全可以替代自己画的过程，快速生成 SVG 形状供我们使 用～

神器介绍

神器户口本上写着姓名：Haikei，是一款用于生成独特 SVG 形状、背景和图案的在线工具，可 在我们的设计工具和工作流程中应用，免费、无需注册撒上辣椒面即可食用。常居 Product Hunt 日榜第一名。界面简洁大气丝毫不拖泥带水。

了解完大概信息后，开始进入相亲第二步：使用说明！

使用说明

点击首屏的「Start designing for free（开始免费设计）」按钮，进入操作面板：

在操作面板中我们可以看到在左边的预设样式版块，有多达 15 种的样式供我们选择，比如平常 用的很多的 Wave（波浪），比如形似马赛克的 Stacked steps（方块堆叠），比如经久不衰的 Low Poly Grids（低多边形）。更可怕的是它还在一直更新中！可见这个性别不明的嘉宾是多么强的可持续发展力！

有这么多样式，那我就先用 Blob Scene（可理解为水滴形状）给大家举例吧。首先，选中 Blob Scene，会出现该项的编辑面板：

中间的大图，是结果显示区域，最右边的侧边栏，是我们编辑各项数值的区域，想要生成我们想要的效果，需要操作最右边的各项数值。其他任何一个样式都是如此一样的面板和操作，只不过有的样式操作项目少一点而已。

在当前 Blob Scene 的操作项目中，我们可以定义 CANVAS（画布）的比例：

有网页的比例还有移动端的比例，特别好用～其次，两边形状的 POSITION（位置）也可以编辑，同时可以选择 Fixed ends（固定端点）：

在往下就是色彩的定义了，因为 Blob Scene 是存在色彩梯度的，所以得选择两个颜色。其次我们还可以变更颜色的色阶，就像这样：

鬼知道它吃了多少斤德芙，要不然变换色阶怎么可以这么丝滑！完全没有延迟加载的感觉！

再下面的项目 SHAPE（形状）的定义了，SHAPE 的定义下有三项可操作类目：Complexity （复杂度）、Contrast（对比）、Gap（间距）。非常人性化的一点就是，这些比较容易混淆概念的项目，都会有图标来表示最终的效果大概是什么样子，比如这三项类目：

不懂英文也能看出来滑块左右最终结果会是什么程度。不过还是得跟大家演示一下这三项效果， 更直观一点：

调着调着有迷幻风内味儿了。除了动右边的数值之外，中间不是有个骰子图标吗，它其实是个随机按钮，点一次随机生成一次形状：

最终产生我们心仪的形状之后，就可以通过右下角的 Download 去下载当前形状到本地啦！有 SVG 和 PNG 两种文件供我们选择：

下载的结果不能说是一模一样吧，起码是毫无差别！

案例展示

神器的应用范围非常广泛，以神器本身展示的案例来看，在 PPT、作品集、卡片背景、UI 界面展 示时都可以使用，并且效果超群，关键是很快啊，要是用钢笔钩，用布尔运算切，都没它快。

结语

矢量形状在很多设计中都能有不俗的表现，但是也不是每次做图都有充足的时间去研究究竟采用 哪种形状节奏比较好，就算研究出来了，那也不是正好都有充足的时间供我们精细化。那这个神 器会让这些问题迎刃而解，它可是有 15 种样式供我们自由使用呢！还免费免注册，这么香的工具，你还不心动吗？心动不如行动，快去试试吧～

神器链接：haikei

https://haikei.app/