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

[[381300]]

1、Pinterest

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

2、大作

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

3、Motion 2

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

4、Design Camera

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

5、藍湖

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

6、undraw

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