超级实用的设计神器，真是太方便了

工具对人类活动的重要性

会制作和使用工具是人类进化到高级阶段的重要标志。脱离工具的人类社会是不存在的。在社会的发展中，工具的内涵和外延都不断发生变化。特别是1946年计算机诞生以来，衍生了一大批工具，工具逐渐从实物向数字转化，从有形向无形转化，深刻影响了人类认识和改造世界的思维模式、方法手段、深度广度。在短短的60多年里，很多行业依靠以计算机技术为核心的工具变革，发生了翻天覆地的变化。与其同时，人们的思维方式和行为方式也深受生产工具变革的影响，以前想都不会想到的新工作思维、新工作流程和新工作模式都出现了。在这样科技日新月异、工具升级换代的时代里，不关注不学习不研发新技术新工具，无论是行业还是企业还是个人，都注定要落伍的，甚至被淘汰的。

废话不多说，进入主题！

这次一口气为大家带来10个 超级好用的设计神器！

到底有多好用？包你满意！

以下神器都是在线工具，无需下载 由于担心大家过目就忘 本人亲身试毒，制作了超多案例 所以，文章比我还长 喜欢就好！

》开发团队：ShapeFactory

》工具地址：duotone.shapefactory.co

Duotone，中文是双色调的意思，一种欧美杂志惯用的设计风格。顾名思义，这个神器能让你一键无痛生成酷炫的双色画风！完全不用开 PS！

工具的界面如下图， 左侧是调色板，右侧是默认推荐的图片，素材都是来源于大名鼎鼎的免费可商用图库 Unsplash ：

除了可以选用默认推荐的图片，你还可以上传自己的，直接把图片拖拽进工具即可：

你还可以随意修改配色，所见即所得：

》案例参考：

现在，当你再看到这样的设计时，是不是已经毫无压力了呢：

受这些作品启发，我在 #PPT365# 打卡时也用神器做了几张双色PPT，抛砖引玉一下~

》隐藏彩蛋：

这个神器其实还有一个彩蛋，就在左上角的开发团队里，点击一下试试~

你会发现卧槽原来除了Duotone之外， ShapeFactory 旗下还有其他三个小工具！篇幅原因就不详细介绍了，带大家浏览一下吧~

● LOGO：输入文字就生成 LOGO 的生成器：

● Pigment：一个骚气的色卡生成器：

● Gradient：一个骚气的渐变色生成器：

》开发团队：Airtight Interactive Inc.

》工具地址：photomosh.com

《银翼杀手》《攻壳机动队》等科幻电影构建了一个风格独特的赛博朋克（Cyberpunk）世界，也成功催生了一种名为故障艺术（Glitch Art）的设计风格，近年越来越受设计师的追捧。

说人话，就是一种你家电视坏了 / 你手机屏幕碎了的效果，在国内也被称为抖音风…

网上有很多一键生成故障艺术的工具，但 PhotoMosh 是最屌的一个（不接受反驳）。使用方法很简单，直接把图片拖拽进工具即可：

PhotoMosh 一共提供了27种故障特效，如果你有选择困难，点击下方的随机按钮【MOSH】就能一键把你的屏幕摔坏啦：

另外，它居然还支持静图 / 动图 / 视频三种格式的导出：

如果你对特效不满意，除了可以继续点击【MOSH】切换，还可以在右侧列表调整参数：

27种特效，通过排列组合你肯定能找到自己想要的效果：

》案例应用：

每一种特效都值得你去深挖。比如这个叫【wobble / 摇晃】的效果，可以瞬间让你的图片扭动起来，感受一下：

如果把这种扭动效果保存为动图或视频应用到 PPT 中会怎样呢？会很骚：

再比如这个叫【Jitter / 抖动】的效果，看起来是不是很抖音呢？

于是，我们工作室 AbleSlide 把这种特效直接应用在了抖音的发布会上，偷偷剧透给你们看：

未来我们还会在公众号里做详细的设计复盘喔，有兴趣的同学可以关注一下：

》隐藏彩蛋：

在 PhotoMosh 的特效列表中，你会发现一个熟悉的名字：Doutone

是的，你没猜错，功能和上文推荐的第一个神器一模一样！也就是说，以后我们有 PhotoMosh 就够了。

》开发者：Ben Matthews

》工具地址：codepen.io/tsuhre/full/BYbjyg

这是我在 CodePen 社区上偶遇的一个生成器，虽然它只是工程师 Ben Matthews 的一个编程练习，但我们可以利用它生成各种各样的炫彩背景。毫无操作可言，点击鼠标就随机生成一张图，就这么简单粗暴：

另外，这些光带会根据浏览器窗口的尺寸来自动填充，你可以拉伸窗格来获得不同密度的背景：

直接右键就能保存到一堆酷炫的背景素材啦：

》案例应用：

如此百搭的图片素材，不用来做背景实在有点浪费，继续抛砖：

而且这种抽象的炫光通过复制、水平翻转，就可以拼接出一张大气的超宽屏素材啦，很适合应用到发布会设计：

》隐藏彩蛋：

每个神器的背后总是隐藏着一个大神，你总能顺藤摸瓜摸到一堆其他的工具。比如这位作者 Ben Matthews，你会发现在他的 CodePen 主页中还有其他小玩意，自己去淘宝吧：

》开发者：Yuri Vishnevsky

》工具地址：weavesilk.com

作为在线生成器的鼻祖之一，Silk 早在 2010 年就发布了，而且效果至今无人超越。

打开工具后，你只需要用鼠标瞎画就能生成一组非常对称的炫光图形了，就是这么简单：

参数设置也很简单，个人比较常用的有这些：

其中修改渐变色的方式有点萌，需要你拖拽一个色块去勾搭其他色块：

有了这个神器，我们又解锁了一类超炫的背景素材了！！！

甚至！我们可以利用这个神器的对称性来画画！

另外，你还可以取消【镜像对称】选项，这样鼠标就变成一支自由控制的画笔了，再来看看大神的作品吧：

》案例应用：

大神离我们太远，我等凡人可以怎么开脑洞呢？其实我们可以利用镜像对称来绘制一些简单的结构图，看，是不是比 PPT 自带的 SmartArt 酷炫一百倍？

》隐藏彩蛋：

眼尖的同学肯定会发现，这个神器还有app版：

Silk 一共出了两款付费应用，比在线版多了更多参数调整和玩法，这里就不展开啦，有兴趣的同学可以买来玩玩：

》开发者：Fabio Ottaviani

》优化者：@pissang

》工具地址：codepen.io/pissang/full/geajpX

看过我打卡教程的同学都知道，在PPT中可以利用 iSlide 插件快速生成这样的渐变层：

本以为这已经是最快的生成方式了，直到我在 CodePen 社区上遇到这个神器……居然直接用鼠标拖拽就能搞定，来，想要多少层随便点：

而且提供超多调整参数，调整过程本身就是一种视觉享受，比如调水平方向的弧度：

比如，调垂直方向的弧度：

当然，还有每个神器的标配功能【随机生成】：

遗憾的是神器本身不能直接保存图片，但好基友@pissang 在源代码基础上加了一个下载SVG格式的功能！这意味着我们不仅可以下载图片，还能下载到矢量格式，拖进PPT里取消组合就能一层一层一层地剥开它来编辑：

》案例应用：

没啥好说的，你平时怎么用色块就可以怎么玩这个神器：

》开发者：Karim Maaloul

》工具地址：codepen.io/Yakudoo/full/rJjOJx/

嗯，看这不正经的网址就猜到，这又是 CodePen 上另一位大佬的编程练习。他说盯着这些流动的渐变层看一分钟就会有凝神静气的奇效……但，为什么我越看越骚动！

如此养眼的配色提供的调整参数却不多，个人使用最多的就是这俩选项：

如果你需要静态背景的话，直接右键就能另存高清图了，看这溢出屏幕的骚气啧啧：

如果你需要动态背景，建议你使用录屏工具直接录制 Gif 或者视频，强烈推荐一款叫 HoneyCam 的软件，不仅可以调整时长和尺寸，还可以逐帧编辑：

》案例应用：

录制好后，直接应用到 PPT 中就能做出这样的页面啦：

》开发者：Marpi

》工具地址：demo.marpi.pl/biomes

你能想象封面这个背景你也可以一键生成么？用的是国外 WebGL 大神 Marpi 的一个工具：Biomes，可以随机生成抽象的体素地形：

这个工具提供调整的参数也不多，但对于这种不规律的随机图形，我们有【随机】按钮就够了：

由于配色经过特殊优化，随机生成的每张图片都看起来好好吃……严重怀疑这是马卡龙植入了广告，你们感受一下：

》案例参考：

于是，我们又又又解锁了一类背景素材啦，做两页PPT庆祝一下：

》隐藏彩蛋：

值得一提的是，Marpi大神还有自己的个人主页，里面全是他的 WebGL 作品喔~~你会惊叹，这是一位把浏览器用成了 C4D 的男人。

》开发者：@pissang

》工具地址：pissang.github.io/voxelize-image

终于讲到我最爱的男人（之一）了！

Voxelize Image 十分简单易用，你只需要往右下角的方框拖拽一张图片，它就会自动把图片转换成这种立体的体素效果：

你看，这比刚刷完的厕所地板还要亮丽的效果，居然是一个在线工具一键生成的，完爆那些打开都要半天的专业 3D 软件！！

Voxelize Image 还提供超多参数配置，但个人用得比较多的是金属材质选项：

如果你觉得金属感太强，可以试试把【roughness】参数调大，画风马上就突变了：

比起 blingbling 的金属质感，这种画风在日常设计中更常用，比如，我把一张PPT拖拽进来，一秒钟就生成了一张3D海报了：

放大看看细节，少了金属反光的刺眼，多了几分朴实的像素感：

即使放大到局部，细节也不会丢失，反而更加丰富：

如果你导入的是一张色彩丰富的图片，层次感就更加鲜明了：

放大让你们感受一下：

再换个8倍镜，一张抽象的背景素材秒 get：

》案例参考

现在你还担心自己的 PPT 配图不够酷炫吗？我们都能冒充3D大神了：

》开发者：@pissang

》工具地址：pissang.github.io/papercut-box-art

前不久，我和@pissang 不约而同地迷上了这种层次分明的剪纸风格：

有段时间我的打卡都是长这样的：

当我兴致勃勃地拿着PPT去跟@pissang 吹牛逼时，发现他……他做了个剪纸风格生…生成器……是的，一键生成那种：

带着挑剔的目光打开工具，发现……还真特么好用！！很多细节都可以在右侧的参数面板微调，个人用得比较多的是这几项，供大家参考：

以前我们制作这样的背景图片至少花半小时，现在只需要一分钟：

》案例参考

好看的背景素材总是那么百搭，PPT张手就来：

》隐藏彩蛋：

@pissang 其实是百度 ECharts 团队的其中一位大神，平时主要活跃在 Twitter 以及全球最大同性交友社区 GitHub ，经常会发布各种各样的小玩具，有兴趣的同学可以关注一下喔：

Twitter：twitter.com/pissang1

GitHub：github.com/pissang

》开发者：@亚赛大人

》工具地址：wangyasai.github.io/Stars-Emmision

这是一款效果比名字更浮夸的生成器，可以一键生成小米海报这种背景效果，大大节省了我们的设计时间：

一打开工具就会有一堆射线迫不及待地向你射来：

个人常用的参数如下，供大家参考：

直接右键就能另存高清图：

》案例参考：

恩，这是我们今天解锁的最后一类素材：

当然，你也可以录制成动图 / 视频，效果会酷炫一百倍：

》隐藏彩蛋：

梦想成为一名 processing 大神的亚赛同学，一般活跃在 Instagram，在这你能看到她每天的编程打卡，喜欢她的同学可以关注一下喔，你会发现会编程的设计师是多么有魅力：

ins：www.instagram.com/yasaisai/

设计工具对设计师的影响

设计工具很大程度上影响设计师的思维方式、设计内容和工作流程。每个行业都有自己相对特定的工具，工具表征了本行业的工作内容和工作特点。工具的改进和变化，往往会在业内引起革命性的影响，尽管这个过程有长有短。设计行业（本章节的设计特指广义建筑学含义上的设计）是一个古老的行业。工具在很长的一段时间里没有质的变化，一直都是利用笔墨尺规作图。

随着20世纪中后期计算机技术和图形设备的研发成熟，特别是各类设计软件的推出，逐渐形成了计算机辅助设计(CAD-Computer Aided Design)学科。笔墨尺规作图也慢慢被计算机作图所代替，到了20世纪90年代中后期，计算机作图在国内成为主流了。

时至今日，设计行业的思维方式、设计内容和工作流程都已深受计算机作图这种模式的影响了。设计周期大幅度缩短，造型复杂的建筑形体相继出现，各类建筑物理现象虚拟分析的成熟运用，等等。这些革命性的变化无疑表明了设计工具的变革给设计行业、设计师带来的深刻影响。

同时我们应该看到，设计行业的核心宗旨是“设计”，无论是笔墨尺规作图，还是计算机出图，都是为“设计”服务的。严格的说，在很长一段时间里，计算机辅助设计(CAD-Computer Aided Design)并没有起到“设计”的作用，更多的作用是按照设计快速作图，设计本身还是利用传统的模式完成的。但是，传统的利用笔墨草图和人工草模进行设计，是有很大的局限性的，对复杂形体、异形空间、构件细节、物理功能分析等等方面都显得束手无措，难以应对设计行业越来越高的要求。

基于这种情况，在21世纪最初几年，一些针对设计本身的软件纷纷研发出来了。这给计算机辅助设计(CAD-Computer Aided Design)注入了名副其实的新鲜血液，在计算机进行“设计”也成为了可能。在这些软件中，各有侧重，各有千秋，各有长短。由于设计本身的客观规律和国内设计行业的工作模式，草图大师SkethUp在众多软件中脱颖而出，被认为是最有推广价值和发展前途的设计工具之一。