设计师日常工作中，会需要与各种形状去打交道，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
本文编辑：CCOA
看过这篇神器的朋友也看过...
非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。
转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
继续阅读与本文标签相同的文章：
发表评论 快来秀出你的观点