如今，越來越多的工具可以幫助我們在設計工作中縮短時間、提高效率。比如，以前需要我們手動標注的部分，現在一個HTML文件就可以搞定；原來用AE制作動效需要我們批量導出圖片交給開發(fā)人員，現在一個代碼文件就可以輕松解決。

不僅如此，很多優(yōu)秀的網站還在不斷為我們提供優(yōu)質的素材或者靈感，幫助我們完成日常的工作。下面就分享一些我日常會用到的工具和網站。

插件

1.AE插件：

目前這是我所知道的最簡單，最高效的視頻轉GIF插件。

在用這個插件之前sketch標注插件，導出GIF最常見的方式是先通過AE導出視頻，然后再用PS導出，缺點是操作繁瑣，文件大的時候很耗內存；第二種方法是用Adobe自帶的media導出，缺點是需要再安裝一個軟件，而且需要反復調試才能導出最終滿意的效果，操作起來不太方便。

該插件完全萬無一失，還可以導出高質量的 GIF 文件。

2.AE插件：2個

MG動畫工具。不過我最常用的功能還是“錨點設置”。軟件提供了九個錨點選項，無論是MG動畫還是UI動態(tài)呈現，在確定中心點的時候都非常有用。而且其他功能也非常豐富。比如：彈性動畫、爆炸效果、復制關鍵幀、批量命名等，功能非常全面，操作也非常方便。

3.AE插件：

設計師在設計動畫效果時有很多想法，但AE軟件可以輕松制作的效果，開發(fā)人員不一定能實現，在時間緊迫的情況下，花費大量精力和時間去還原這些動畫效果顯然是不現實的。

但在其開發(fā)開源之后情況就不同了，設計師可以通過這款插件導出JSON格式的文件，讓工程師放入APP項目中，就能100%還原在AE中制作的效果。

雖然該插件還不夠完善，一些復雜的效果還無法實現，但是項目中90%的效果都可以轉換導出。

4.PS插件：、、、四件套

切圖君開發(fā)的幾款PS插件。切圖工具；自定義參考線工具，我在網頁上用得最多；支持全方位標注的插件；實時預覽工具，我最常用。

上面三款插件都是收費軟件。不過考慮到價格都在百元以內，可以永久購買，免費升級，還是很劃算的。插件都是中文的，還附有使用說明，很良心了。

5. PS插件：Blue Lake

Blue Lake 本身的功能就非常強大，插件的主要功能包括上傳設計稿和標記切圖，完成的設計稿上傳后可以分享給團隊其他成員，并且網頁會自動標記，非常方便。標記切圖功能也非常簡單，給需要切圖的元素添加標記，上傳后開發(fā)者就可以一鍵下載切圖，非常高效。

6. 插件：ight

在公眾號里發(fā)現一個插件，徹底解決了開發(fā)圖和設計圖行高不一致的問題，為了讓字體行高更加準確，避免反復調整，可以使用這個插件來幫助我們解決此類問題。

7.插件：

高效的切片標注工具與軟件完美匹配，擁有豐富的標注、切片功能，并且能夠直接導出HTML格式，包含了所有規(guī)范細節(jié)以及css格式等，有效降低溝通成本，提高效率。

軟件

1. 堅果云

非常適合快速存儲需求。界面簡潔，功能強大，操作簡單，全平臺同步。甚至不需要打開客戶端，右鍵就可以同步到云端，非常適合團隊協作和臨時存儲需求。

2.

一款思維導圖軟件。選擇它的理由很簡單，“夠好看”。

3.有道云筆記

可以同步各平臺，界面簡潔干凈，功能豐富，我經常用它作為學習工具，是我整理筆記的首選軟件。

4. 文字

云字體庫功能非常方便，省去了尋找和下載字體的麻煩?？梢栽赑S、AI等多個軟件中使用。

5.

我們在設計完界面之后，總喜歡用各種原型進行展示，這款軟件可以省去我們找原型的時間，把我們的設計稿拖到界面里的3D原型里就完成了，手機顏色、背景色、燈光、屏幕比例都可以調整，同時軟件還可以錄制視頻、自定義視頻等，當數據線插上去的時候，還可以實時顯示和記錄我們在手機上的操作。

網站

1. 畫廊

①——

免費用于商業(yè)用途

②——

免費用于商業(yè)用途

③——

免費用于商業(yè)用途

④ UI界面——

UI頭像圖庫，內容豐富，多種過濾功能。

2. 壓縮工具

①——

我個人認為這是最好的圖片壓縮網站。它支持導入.png和.jpg格式的圖片。

②——

一個壓縮pdf格式文件的網站，操作簡單sketch標注插件，直接拖拽文件進去就可以壓縮，還支持將其他格式的文件轉換成pdf等功能。

3. 字體

① 子客網——

② 網站站長資料--

4.矢量圖標

①——

②——

③——

5. 顏色

① 色彩尋寶——

提供多種優(yōu)質配色方案。您還可以搜索符合您想法的顏色。

② Adob??e Color CC--

③ +--

6. 規(guī)格

頂級互聯網公司設計標準網站。

① 蘋果——

②——

③——

④ 螞蟻金服

--

⑤ 微信小程序--

另外還有、、Uber等大公司，大家可以登錄他們的設計網站，了解全球頂級互聯網公司的產品規(guī)格。

7.可用性測試網站

您可以在強光下測試字體顏色是否清晰可見，比例大于或等于4.5:1為正常。

8. 緩和函數快速查找表

可以作為運動效果設計工作中動態(tài)曲線的參考。

9. 下載資料

①

②——

11. 感謝

1、網站設計三件套，無需多言。

2.

3.

4.

5.

瀏覽器插件 ()

1.muzli

設計靈感插件。安裝后，每次打開瀏覽器，都可以看到各大設計網站的每日推薦。

2. 網站

可以快速區(qū)分當前網頁的主色調、中間色調、MD配色，同時可以下載調色板供PS或者其他軟件使用。

3. 截圖大師

一個非常方便的網頁截圖插件。

至此，我已經總結了大部分我平時會用到的設計軟件、插件、網站，我會繼續(xù)分享新發(fā)現或者好用的軟件，不斷擴充我的“武器庫”。

如有侵權請聯系刪除！