首先，打开它的首页是这样的，简洁明了。

接下来，让木木来带大家逐一了解一下它的神奇之处吧。

1. Duotone

Duotone 应该是这个网站的主要功能。点进去之后就看到了这样蓝紫配色的双色调图片群。

搜索功能

你可以在右上角的搜索框内输入你需要的图片内容，比如「girl」，就能看到超多漂亮的小姐姐了。

替换颜色

颜色的替换有两种。

一是直接修改左边的两个颜色（修改色值，或者吸取颜色）。

二是点击左边的小水滴，切换预设的几种色彩搭配。

一键生成双色调图片素材

还可以点击右上角搜索框旁边的 「Upload」 直接上传你需要的图片进行色彩处理。

图片下载

点击搜索出来的图片，或者是自行上传的图片都会以放大的形式出现在画面上，只需要点击页面下方的「Download」，即可获得一张双色调图片素材（png 格式）。

2. Pigment & Gradient

这两个工具都是提供配色的。

其中，Pigment 是提供双色色卡的。点进去之后页面是这样

色卡使用

每一个渐变里都含有两个颜色的层次渐变色卡，特别适合 UI 设计。

点开之后页面是这样的，你可以随机搭配其中几种色彩。

颜色的下方显示它的色值，只需要点击，就会变成「copied（已复制）」，去 PS 里直接粘贴色值即可使用，非常方便。

右上方的「more Actions」包括了将色卡下载为 SVG、Sketchpalette 格式或者是可导入 adobe 软件作为颜色预设的 ase 格式；另外，它还与其他三个工具进行互联，比如前面介绍过的 Duotone。

页面进入 Duotone 后，我们能发现，图片被直接修改为了这样的配色。

场景搜索

右上角有一个搜索框，可以搜索你想要的配色场景。

夏天快要来了，我们搜索「summer」试试。

通过色彩寻找配色

整个页面的左边有三个控件，分别是饱和度、色温以及色系挑选，大家可以自行尝试。

在 Gradient 中，色卡的使用方法与 Pigment 相类似。**的区别是可以通过转动渐变圆盘来改变渐变方向。

3. LOGO

作为设计师难免遇上想要免费/低价做设计的人，他们还会假惺惺说「随便做做」，然后对你的设计挑三拣四；但是有时候遇上完全没法拒绝的人，这时怎么办？ShapeFactory 就能帮你解决烦恼，你只需要选择组合一个 logo，3分钟描图就能轻松解决！

点进去在输入框内输入产品的英文名。

比如输入美丫的英文「MEiiA」，在众多方案中选择一个最合适的。

再选择一个图标分类：

选择一个喜欢的图标：

一个 logo 就生成了。

当然，甲方如果需要它的源文件，还是得付费，不过也就200多人民币。再多花点钱，这个网站还可以提供多种着色和动画展示，真是贴心的不得了。

最后，ShapeFactory 整个网站除了 logo 设计以外的素材和色卡均不收费，页面简洁舒适，最适合设计师小伙伴使用了。