[干货分享]提高设计效率和设计师工作体验幸福感的设计在线工具

1.https://tinypng.com/ ，快速压缩图片

作设计师的都知道，流量就是金钱，用户体验高于一切，图片在视觉效果合格的情况下，越小打开的越快也越省钱，所以设计师经常需要压缩图片，所以今天的第一款神器就是用来压缩图片的神器。

傻瓜式操作，页面和使用方法如下：

 

2.http://grid.guide/，快速创建珊格

做为UI设计师，珊格的作用无需多提，无论是做移动端的Tab bar，还是做产品图时的Icon展示，珊格都是必须品，但是自己画多麻烦，这个网站的作用就是为大家快速提供完美珊格。

下载下来的图片为Png格式，大家自行使用就好啦，比自己画方便很多。

 

3.https://smallpdf.com/cn，快速处理PDF。

中文网站，功能强大，设计师主要用来压缩包装展示后的pdf、JPG转PDF、压缩等功能，如果你还顺便兼着文案的活儿，这款神器将是你的福音。

 

4.http://www.gridzzly.com/ ， 快速制造网格定制本。

大家在做设计前，都应该会用纸画草图吧，那么问题来了，大家希望用的是带网格或是规则点线的图还是一片空白，画两笔之后就迷失方向感的白纸呢。反正我比较喜欢用点图，方便自己画框图，也方便和别人沟通交流。

这个网站就是帮忙快速制造定制本的，依旧快速傻瓜操作，特别好用！！！

 

 

5. https://placeit.net/，快速UI设计产品展示。

作为UI设计师，交稿子时只交光秃秃的稿件太LOW了，我们一般都会选择包装一下设计稿，显得更加高大上一点（更容易过稿），而这个网站就是福音了，通过选择机型设备和展示场景，再上传想要展示的设计稿，最后就能得到你想要的展示图，恩，高清的展示要用钱买，不过你忘了之前我教过的如何下载不能下的图么（F12），另外网站有点慢。

找图方法点这里

 

 

6.http://bgpatterns.com/，快速制作特色纹理背景图。

有的时候我们需要一些纹理简单，但是不能显得low，又要有一定新意的背景图，这时候我们就需要这个网站，在这个网站，我们可以自定义上传图案或是选择网站自带图案，再在这些简单图案基础上创建不同颜色、间隔、位置分布的纹理并互相叠加、下载。

操作简单，摸索几下就会。

 

7. http://editor.method.ac/，快速生成简单的矢量图形

一个可以有着部分AI功能的在线做矢量图形的网站。Method Draw是一个基于网络的矢量编辑器，用来做一些简单的矢量图形，省去打开AI、Sketch的麻烦试件，主要是快、方便，懒人设计师必备（当然没有渲染那些功能！）

 

8.https://clippingmagic.com/，快速简单抠图。

抠图是设计师永恒的话题，每张图都打开ps慢慢抠，杀了我吧这简直是要我的命，对于简单的图我们可以选择这个网站，drag想要处理的图片之后，绿色是涂抹想要留下的，红色涂抹不要的，橡皮擦除笔刷，左边原图，右边自动运算后的图片。

简单粗暴，快捷方便。

 

9.http://ocr.wdku.net/，快速文字识别。

有的时候我们需要客串一下文案，需要用一些别人图片上的文案（设计员好苦啊···），但是我们不是打字员啊！所以我们有时候会用到这一款网站，自动识别文字并生成pdf、word文档，方便复制粘贴，并且也可以将一些图片转换为黑白可复制文字形式。

分为，提交图片（最多200张），选择输出格式（word或者pdf），提交等待结果，下载文档四个步骤。

 

 

最后另外和大家共勉一点：看过不等于会，收藏不等于记得，花一点碎片时间将别人辛苦整理后已经筛选过的东西跟着操作一遍，这会在以后需要的时候节省很多时间少走很多弯路（严肃脸）。