今日主題：

提高設(shè)計(jì)師工作效率的，在線小工具

設(shè)計(jì)師提升工作效率神器：

1.https://tinypng.com/ ，快速壓縮圖片

作設(shè)計(jì)師的都知道，流量就是金錢，用戶體驗(yàn)高于一切，圖片在視覺效果合格的情況下，越小打開的越快也越省錢，所以設(shè)計(jì)師經(jīng)常需要壓縮圖片，所以今天的第一款神器就是用來(lái)壓縮圖片的神器。

傻瓜式操作，頁(yè)面和使用方法如下：

在線秒壓縮

2.http://grid.guide/，快速創(chuàng)建珊格

做為UI設(shè)計(jì)師，珊格的作用無(wú)需多提，無(wú)論是做移動(dòng)端的Tab bar，還是做產(chǎn)品圖時(shí)的Icon展示，珊格都是必須品，但是自己畫多麻煩，這個(gè)網(wǎng)站的作用就是為大家快速提供完美珊格。

下載下來(lái)的圖片為Png格式，大家自行使用就好啦，比自己畫方便很多。

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

中文網(wǎng)站，功能強(qiáng)大，設(shè)計(jì)師主要用來(lái)壓縮包裝展示后的pdf、JPG轉(zhuǎn)PDF、壓縮等功能，如果你還順便兼著文案的活兒，這款神器將是你的福音。

集合了大部分轉(zhuǎn)換方式

4.http://www.gridzzly.com/ ，快速制造網(wǎng)格定制本。

大家在做設(shè)計(jì)前，都應(yīng)該會(huì)用紙畫草圖吧，那么問題來(lái)了，大家希望用的是帶網(wǎng)格或是規(guī)則點(diǎn)線的圖還是一片空白，畫兩筆之后就迷失方向感的白紙呢。反正我比較喜歡用點(diǎn)圖，方便自己畫框圖，也方便和別人溝通交流。

這個(gè)網(wǎng)站就是幫忙快速制造定制本的，依舊快速傻瓜操作，特別好用！??！

5. https://placeit.net/，快速UI設(shè)計(jì)產(chǎn)品展示。

作為UI設(shè)計(jì)師，交稿子時(shí)只交光禿禿的稿件太LOW了，我們一般都會(huì)選擇包裝一下設(shè)計(jì)稿，顯得更加高大上一點(diǎn)（更容易過稿），而這個(gè)網(wǎng)站就是福音了，通過選擇機(jī)型設(shè)備和展示場(chǎng)景，再上傳想要展示的設(shè)計(jì)稿，最后就能得到你想要的展示圖，恩，高清的展示要用錢買，不過你忘了之前我教過的如何下載不能下的圖么（F12），另外網(wǎng)站有點(diǎn)慢。

找圖方法點(diǎn)這里

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

有的時(shí)候我們需要一些紋理簡(jiǎn)單，但是不能顯得low，又要有一定新意的背景圖，這時(shí)候我們就需要這個(gè)網(wǎng)站，在這個(gè)網(wǎng)站，我們可以自定義上傳圖案或是選擇網(wǎng)站自帶圖案，再在這些簡(jiǎn)單圖案基礎(chǔ)上創(chuàng)建不同顏色、間隔、位置分布的紋理并互相疊加、下載。

操作簡(jiǎn)單，摸索幾下就會(huì)。

7. http://editor.method.ac/，快速生成簡(jiǎn)單的矢量圖形

一個(gè)可以有著部分AI功能的在線做矢量圖形的網(wǎng)站。Method Draw是一個(gè)基于網(wǎng)絡(luò)的矢量編輯器，用來(lái)做一些簡(jiǎn)單的矢量圖形，省去打開AI、Sketch的麻煩試件，主要是快、方便，懶人設(shè)計(jì)師必備（當(dāng)然沒有渲染那些功能?。?/p>

8.https://clippingmagic.com/，快速簡(jiǎn)單摳圖。

摳圖是設(shè)計(jì)師永恒的話題，每張圖都打開ps慢慢摳，殺了我吧這簡(jiǎn)直是要我的命，對(duì)于簡(jiǎn)單的圖我們可以選擇這個(gè)網(wǎng)站，drag想要處理的圖片之后，綠色是涂抹想要留下的，紅色涂抹不要的，橡皮擦除筆刷，左邊原圖，右邊自動(dòng)運(yùn)算后的圖片。

簡(jiǎn)單粗暴，快捷方便。

9.http://ocr.wdku.net/，快速文字識(shí)別。

有的時(shí)候我們需要客串一下文案，需要用一些別人圖片上的文案（設(shè)計(jì)員好苦啊···），但是我們不是打字員??！所以我們有時(shí)候會(huì)用到這一款網(wǎng)站，自動(dòng)識(shí)別文字并生成pdf、word文檔，方便復(fù)制粘貼，并且也可以將一些圖片轉(zhuǎn)換為黑白可復(fù)制文字形式。

分為，提交圖片（最多200張），選擇輸出格式（word或者pdf），提交等待結(jié)果，下載文檔四個(gè)步驟。

10. http://huaban.com/about/goodies/ 花瓣采集器：作為設(shè)計(jì)師，收藏素材是必備操作

11.photomosh.com 故障藝術(shù)生成器（國(guó)內(nèi)稱抖音風(fēng)）

網(wǎng)上有很多一鍵生成故障藝術(shù)的工具，但 PhotoMosh 是最厲害的一個(gè)。使用方法很簡(jiǎn)單，直接把圖片拖拽進(jìn)工具即可：

PhotoMosh 一共提供了27種故障特效，如果你有選擇困難，點(diǎn)擊下方的隨機(jī)按鈕「MOSH」就能一鍵把你的屏幕摔壞啦：

另外，它居然還支持靜圖 / 動(dòng)圖 / 視頻三種格式的導(dǎo)出：

如果你對(duì)特效不滿意，除了可以繼續(xù)點(diǎn)擊「MOSH」切換，還可以在右側(cè)列表調(diào)整參數(shù)：

27種特效，通過排列組合你肯定能找到自己想要的效果。

?再比如這個(gè)叫「Jitter / 抖動(dòng)」的效果，看起來(lái)是不是很抖音呢？

12、codepen.io/tsuhre/full/BYbjyg 炫光生成器

這是我在 CodePen 社區(qū)上偶遇的一個(gè)生成器，雖然它只是工程師 Ben Matthews 的一個(gè)編程練習(xí)，但我們可以利用它生成各種各樣的炫彩背景。毫無(wú)操作可言，點(diǎn)擊鼠標(biāo)就隨機(jī)生成一張圖，就這么簡(jiǎn)單粗暴。

與其把自己圈在 PPT 中坐井觀天，整天妄想著逆襲 PS 逆襲 AE，不如保持好奇心，跳出來(lái)看看外面的世界，因?yàn)椤?/p>

最后和大家共勉一點(diǎn)：看過不等于會(huì)，收藏不等于記得，花一點(diǎn)碎片時(shí)間將別人辛苦整理后已經(jīng)篩選過的東西跟著操作一遍，這會(huì)在以后需要的時(shí)候節(jié)省很多時(shí)間少走很多彎路，希望在設(shè)計(jì)的道路，大家都能找到自己的高效方式，不是別人比你多牛逼，只是別人比你更加想成功！