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

[[381300]]

1、Pinterest

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

2、大作

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

3、Motion 2

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

4、Design Camera

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

5、藍(lán)湖

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

6、undraw

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