7款小众设计网页工具推荐，高效实现优质设计

下面这些工具是我喜欢和常用的快速设计工具，覆盖到了设计的各个步骤，希望能给大家带来帮助。

说实话，优质的设计灵感库、灵感网站都有不少，像是知名的设计网站Dribbble、Behance这些大网站经常能获得推荐。不过对我而言，工作的繁忙使得点开特定的网站浏览效率太低，毕竟光是浏览也没办法产生什么有效的输出价值，经常是当休闲看一看就抛到脑后了。

能否有一款工具能将他们的内容集成到一起，让我时不时浏览一下呢？

Muzli集合了InvisionBlog、Behance、Dribbble、DesignerNews等多个信息源，作用类似于RSS，主要内容是英文的。不过Muzli在界面设计上下了不少功夫，能够一键下载设计中的调色板并生成SVG格式图片。

优质的设计素材到哪里找？虽然各种素材网站层出不穷，但素材质量良莠不齐，国内素材网站往往为了走数量而忽视了质量。可以发现许多素材网站中提供的素材含有Freepik.com字样，其实它们都是从Freepik上扒下来的。所以直接到原地址寻找素材，有助于更快更高效地完成内容设计。

Freepik中专门有一个Vectors（矢量）分类供用户筛选矢量化的素材，还提供PSD素材、图片素材、图标素材。筛选过程中提供了颜色、尺寸等作为更进一步的筛选项。

未注册用户在下载时会有每日下载限额，注册后能多次下载。开通会员后可以下载会员素材。实际使用时，免费素材也已经足够优质。实际下载素材后，通常提供EPS、PSD、JPS格式的素材，并且提供文字License。

如果只要找少量图标，大家可以在不同的网站上寻找和组合。但如果要用在自己的应用或设计中，就需要保持图标风格的一致性。

找图标简单，找风格统一的图标就没那么容易了。

如果仅仅是下载图标而不能改变图标的颜色、大小，下载完毕后还需要一一调整，为自己徒增工作量。

这里推荐的两个网站并不仅仅提供图标下载服务，还提供图标的风格切换、格式大小的调整。

Illustrio提供了大量的基础图标图案，图标可以定义主颜色和副颜色，形成一份设计。每种图标都有16种风格、SVG、PNG双格式下载。PNG格式是1024*1024分辨率的。

Icons8则更大众一点，提供了19套图标包，每套图标包的数量都在几千到上万张不等，制作非常精良。不过对下载也有一定的限制，一些SVG并不提供免费下载，PNG最高分辨率会被锁定在100px以内。但总的来说还是值得推荐的。

我之前用过一些网页端设计工具，经常遇到的一个问题就是素材同质化严重、模板质量太差，这个月打开设计界面是这样的素材，下个月可能还是这些素材，我还是需要从头查找素材的名称、进行组合……如果设计工具只提供最基础的功能而不提供素材和模板，那我为什么不用功能更强大的Photoshop呢？Canva在这一点上恰好解决了我的问题。

Canva内置了模板库和素材库，经常紧跟热点，比如近期的热点新冠病毒、儿童节、618、端午节等，都能提前一周左右推送最新的设计模板，这样就能保证一点开设计界面，就能看到最新的素材。

对于我们这种并不以设计导向的小团队而言，着实非常便捷。有时候不用我安排，负责文字内容的同事自己就去做了一份题图放了进去，因为实在太简单了。本文的题图就是在Canva中完成的。

当然，如果实力够强，Canva也允许上传自己的素材和图片，前面找到的素材与设计灵感都能在这里派上用场。不过免费版只有1GB的云存储空间，这一点需要注意。Canva中还有几项小功能非常好用，智能抠图、二维码在线生成都被内置在了Canva中。在做设计时进一步提升了效率。

很多设计工具缺乏对中文的支持，这一点一直都是国外产品的老大难。原本帅气的英文海报改成中文，失去了飘逸的手写字体加持，美感就大幅下降了。而Canva内置了中文文字的排版和设计，这个问题也得到了解决。文字模板也是模块化的，不仅仅是提供一张简单的图片，而是可以对已有的文字排版对文字和周围的装饰进行高度定制，来适应产品的要求。

关于Canva还有一些小技巧，比如在模板中心里搜索「插画」，能够搜索到不少插画素材，比如水果、人物、风景，矢量化的素材使得每个部分都可以进行编辑，有着很强的可塑性。插画部分也会根据时节推荐更符合需求的素材，比如端午节的粽子素材目前显示在最上方。

据我了解，Canva还有手机端和小程序版本，网页版功能依然是最多的，网页版在操作时也更符合办公的需求，更推荐使用网页版。当然，Canva也有不少针对个人的素材，如果想为朋友圈封面、桌面壁纸做一些简单的设计，也可以用手机端完成。

总的来说，Canva的设计效果和设计效率令我满意。

操作也非常简便，注册账号后，选择一个想要的基础模板，进入图片编辑器。

然后选择背景大图，点击右侧菜单栏中的Placeyourdesign按钮，就能修改需要Mockup的部分。上传自己的企业Logo或是产品设计图（背景透明），它就能将Logo放置到合适的位置。最后经过微调就能得到想要的结果。

最后完成Mockup，ArtboardStudio的保存到本地按钮（Exportyourproject）放在了右下角。能导出2K和1080P分辨率的图片到本地。

这里用一张他们官网的动图，足够展现这款工具在Mockup方面的效率。

免费版就可以创建大量图表类型。免费版的缺点是数据会被公开、无法下载HTML版本的图表。但除此之外，绝大多数简单功能都可以通过免费版解决——如果你只想做一张图片的话。

FlourishStudio提供的图表多达116种。比如展现事务关系的Directionalgraph（关系图）、展示顶部数据的Hierarchicalbars（等级图）、朴实无华又常用的Line,barandpiecharts（折线图、条形图、饼图）。

复杂的图表都可以通过导入数据和拖拽的方式来制作。用它来制作关系图就变得简单易用。我们的工作时不时需要创建这种关联关系，有了它就能帮我们理清关系，并很快导出一张美观的图表图片。

我从不认为这些工具能够替代设计师的工作，相反，正是因为设计师们在背后的工作才能让大家用上这些好用的设计工具，能最大程度地节省我们的工作。

另一方面，小团队对这些工具的需求又确实存在，在需要宣发但没有专职设计师的情况下，借助外部工具的力量，能够很大程度上提升产品的美感。

如果你像我一样没有太多设计经验，又对设计有一定的要求，可以试试用这些工具，高效率的完成一份不错的设计。