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

[[381300]]

1、Pinterest

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

2、大作

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

3、Motion 2

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

4、Design Camera

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

5、藍湖

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

6、undraw

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