作为一家小公司的部门组长,我总是因为设计人手不够而感到苦恼,因为领导们往往并不在意设计的效果和质量,不愿意增加设计岗位,只对结果提出要求。专业人员的缺失,让我不得不寻找一些快速设计的方案来满足宣传需求。令我没想到的是,尽管我们团队内没有任何一位设计专业出身的成员,凭借这些设计工具竟然都最终都取得了不错的宣传效果,还不时有人向我们询问是如何制作的。

我相信对快速设计的需求无论是现在还是将来,一定不会少,故撰文记录一下这些效率设计工具,让更多人非设计专业的用户,也能方便地完成一份设计。

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

灵感仓库+调色板收集:Muzli

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

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

这款 Muzli 是一款 Chrome 插件,提供了新标签页版本 Muzli非新标签页版本 Muzli Lite。我目前已经使用了一款新标签页工具,所以我选择了后者。这两个版本在别的地方没有什么区别。

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

除了设计类网站,Muzli 还集成了一些技术、新闻、文化类的网站,无版权图库 500px、软件推荐站 Product Hunt、公开课 TED 和 YouTube 科普博主 Kurzgesagt 都在此列。遗憾的是 Muzli 不支持添加自定义源,只能用他们提供的列表中的网站。

注意:登录需要用到 Gmail 账号,很多信息也来源于海外设计网站,所以起码需要一个稳定代理。

Muzli 要求登录账号也并非空穴来风,账号有收藏设计、趋势分析等功能。平时积累的灵感,为后续做实际宣传资料提供了基础。

🔗 Muzli 2

无版权素材库:Freepik

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

知名的无版权素材网站 FreepikStockio,能为我提供大量的矢量图素材、图片素材、无版权字体等可供商用的素材。

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

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

🔗 Freepik

另一款工具 Stockio 则提供更多种类的素材,图片、矢量图、图标、视频、字体。Stockio 都有所涉猎。不过素材质量相比 Freepik 要差一些,可以通过它下载一些无版权的英文字体。

🔗 Stockio

统一风格图标生成器:illustrio、Icons8

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

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

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

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

illustrioIcons8 是两个优质的图标生成器。

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

🔗 illustrio

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

🔗 Icons8

效率设计工具:Canva

我们有一个并不专业的微信运营团队,一直以来都是直接用文章内缩略图作为微信号题图,并不美观。但花大量的时间去学习 PS、用 PS 作图并不现实,所以我想找一款工具能够解决这一问题。

Canva 是一款零基础就能上手使用的设计工具,个人用户和商业用户都能用它快速完成一份设计。很适合没有专职设计师的小团队使用。不仅省去了安装和学习 Photoshop 的烦恼,操作难度也更低。并且针对国内的运营提供了微信公众号封面、公众号小图,微博长图等专属图片尺寸和专属模板。

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

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

像找素材这种需要反复操作的烦心事,也都可以通过 Canva 的模板节省下大把的时间。让设计这件事情变得容易很多。图库方面,Canva 收购了与 Unsplash 齐名的优质图库如 Pexels 和 Pixabay,这样降低了筛选素材的时间成本。原本花一两个小时都没法找到一张合适的背景,用 Canva 只需要几分钟就能完成整个设计。

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

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

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

由于涉及到商用,我特意了解了一下版权,Canva 的国内版比国际版多了汉仪字体的商用授权、视觉中国的商用图片授权等。

如果是用到了版权图片和字体,允许单笔支付和包年支付两种付款方式。如果没有付费素材,则使用不需要收费。

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

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

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

🔗 Canva

快速 Mockup 工具:Artboard Studio

除了从头开始做宣传画报,Mockup 也是一个很重要的需求。最基础的手机套壳截图可以有很多工具完成,但像是一些场景化的展示,就不得不花大量的时间找 Mockup 素材,并用 Photoshop 进行修改。

这种情况下,可以通过 Artboard Studio 快速解决问题。

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

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

最后完成 Mockup,Artboard Studio 的保存到本地按钮(Export your project)放在了右下角。能导出 2K 和 1080P 分辨率的图片到本地。

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

🔗 Artboard Studio

可视化图表工具:Flourish Studio

如果更想展示数据,除了 Excel 还有更好用的可视化工具,比如 Flourish Studio 推出的这款工具,能让你快速创建美观的展示图表。

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

Flourish Studio 提供的图表多达 116 种。比如展现事务关系的 Directional graph(关系图)、展示顶部数据的 Hierarchical bars(等级图)、朴实无华又常用的 Line, bar and pie charts(折线图、条形图、饼图)。

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

🔗 Flourish Studio

总结

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

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

尤其是团队内如果经常需要为公众号设计文章题图、宣传长图。都能通过以上工具快速找到合适的素材。如果只是简单做一些文字内容的调整,很快就能完成一份题图的设计。丝毫不耽误时间,还能大幅改善宣传的效果。

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