UI設計是一項依靠一定的工具去實現設計師創意和想法的工作，日常中需要很多優秀的工具源源不斷地提供優質的素材或靈感來幫助大家。以前需要手動標注的部分，現在只需一個html文件就可以全部搞定，原來用AE制作好動效需要我們批量導出圖片交給開發，現在一個代碼文件就可以輕松解決。下面就分享一些優質的工具、網站。

[[381300]]

1、Pinterest

它是一個自我學習開拓的重要平臺，內容全部都是鏈接形式的，可以根據圖片鏈接中找到圖片原本發布的地方，快速直觀地打開通往設計世界的大門!設計師除了學校學習的專業基礎知識，更重要的是對于設計知識和信息的更新、學習。這個網站就是一個能夠讓人持續性學習并且沉浸其中的地方。它的強大之處在于一張圖片下會緊跟很多相關的圖片，無論是從設計、顏色、構成等方面，有沾點邊的就可能會出現，這正是需要你巧妙提取重點，然后靈活掌握的地方。

2、大作

大作就是一個設計網站，類似中轉站的工具，會員通過客戶端可以到pinteres等國外網站，速度也還行。可能由于國內外設計用語不一致的原因，搜索引擎不太精確。對比花瓣中的成品，這里以創意為主，質量比較高，局限于平面類，各有所愛，各取所需。每天都有免費的下載次數，如果你喜歡它可以選擇成為vip。

3、Motion 2

這是一個AE插件——MG動效神器。個人最常用到的功能是“錨點設置”。它提供了九個位置的錨點選擇。不管是做MG動效還是UI動態演示稿，在確定中心點位置的時候非常好用。而且其他功能也非常豐富。比如：彈性動效、爆炸效果、復制關鍵幀、批量命名等等，功能非常全面且操作簡單。

4、Design Camera

設計好界面之后，需要套上各種樣機進行展示。它可以省去找樣機的時間，將我們的設計稿拖入界面中的3D樣機當中就完成了。手機顏色、背景顏色、燈光、畫面比例都可自行調節。當你插上數據線，還可以實時顯示記錄我們在手機上的操作。

5、藍湖

這是一個PS插件，它本身的功能就非常強大，有小伙伴說天天都會用到。主要功能是上傳設計稿和標記切圖。上傳之后可以和團隊其他成員共享制作完成的設計稿，且網頁端會自動標注，簡直是UI之光非常方便。各種功能都很簡單，比如標記切圖，將要切圖的元素添加標記，上傳之后開發人員可以一鍵下載切圖，非常高效。

6、undraw

很多小伙伴是不是常常有找不到符合主題的圖標、好看的圖片這種煩惱?一個網站解決你的問題——undraw!它海涵多種各式各樣的矢量圖片，沒有你找不到只有你想不到，喜歡的直接選擇自己需要的格式下載圖片。支持按場景搜索素材和在線一鍵換色，下載后也可以自由組合。它讓沒有繪圖技能的人也能用上風格新潮，專業統一的優質插圖。非常適合視覺設計和前端開發使用。并且不斷更新，訪問速度快。