隨著設(shè)計(jì)領(lǐng)域的細(xì)分以及用戶(hù)群體的發(fā)展，各類(lèi)設(shè)計(jì)工具開(kāi)始涌現(xiàn)，這些新興工具別離針對(duì)差別的使用情景和需求，讓產(chǎn)品的設(shè)計(jì)、運(yùn)營(yíng)甚至靈感的獲取都更為順暢、系統(tǒng)地完成。然而要找到一款最適合的工具也并非易事。在這里，我們整理了 10 款專(zhuān)為UX/UI設(shè)計(jì)師打造的熱門(mén)工具，它們能有效地幫手你制作交互原型、網(wǎng)頁(yè)設(shè)計(jì)，并提供收集、辦理設(shè)計(jì)素材的便當(dāng)。

1.  Mockplus-全平臺(tái)“更快、更簡(jiǎn)單”的原型設(shè)計(jì)工具

Mockplus是一款支持全平臺(tái)的快速原型設(shè)計(jì)工具，滿(mǎn)足包孕手機(jī)項(xiàng)目、平板項(xiàng)目、網(wǎng)友項(xiàng)目、桌面項(xiàng)目、自定義項(xiàng)目及自由項(xiàng)目的原型設(shè)計(jì)需求。它以“更快、更簡(jiǎn)單”的特點(diǎn)在國(guó)內(nèi)甚至國(guó)際原型市場(chǎng)中占有一席之地。比來(lái)3. 0 版本中發(fā)布的團(tuán)隊(duì)協(xié)作功能，更是大大提高了團(tuán)隊(duì)溝通默契和效率。此外，高度封裝的智能交互組件、完全可視化的交互設(shè)計(jì)，在同類(lèi)原型工具中也是獨(dú)有的。

官網(wǎng)地址：

更多信息：https://www.mockplus.cn/blog

2. Figma-協(xié)作式界面設(shè)計(jì)工具

Figma可以說(shuō)是一款新興的協(xié)作式界面設(shè)計(jì)工具，它的界面布局和Sketch幾乎一樣。這款工具以云端為基礎(chǔ)，允許多人同時(shí)合作一個(gè)項(xiàng)目，設(shè)計(jì)稿會(huì)按照評(píng)論及修改進(jìn)行實(shí)時(shí)更新。美中不足的是，這款工具對(duì)中文的支持不太好，經(jīng)常出現(xiàn)字體無(wú)法識(shí)別(實(shí)際已安置)的情況。免費(fèi)版本中，只能創(chuàng)建 3 個(gè)項(xiàng)目，最多支持查看 30 天內(nèi)的歷史版本。

官網(wǎng)地址：https://www.figma.com/

更多信息：https://www.facebook.com/figmadesign/

3. Framer-開(kāi)源型原型工具

與其他原型設(shè)計(jì)工具有所差別，F(xiàn)ramer允許用戶(hù)以編代碼的形式(Coffeescript-精簡(jiǎn)版的JavaScript)進(jìn)行設(shè)計(jì)，對(duì)于大多數(shù)設(shè)計(jì)師來(lái)講，上手難度和學(xué)習(xí)曲線(xiàn)相當(dāng)高。盡管Framer憑借其強(qiáng)大的交互和動(dòng)畫(huà)優(yōu)勢(shì)逐漸在原型設(shè)計(jì)領(lǐng)域有必然熱度，但所有設(shè)計(jì)只能通過(guò)代碼才能實(shí)現(xiàn)這點(diǎn)，讓它注定更受程序員的歡迎。 

官網(wǎng)地址：https://framer.com/

更多信息：https://blog.framerjs.com/

4. Sketch及插件-矢量繪圖軟件

Sketch想必大家并不陌生了，別的兩款被大家所熟知的矢量繪圖軟件還有Photoshop和Adobe Illustrator這兩款工具。通常大家提到的Sketch是指與其相關(guān)的插件，好比ContentGenerator、Icon Stamper、Measure等等。不過(guò)，它只支持基于制作好的UI視覺(jué)圖進(jìn)行交互，并且只有MAC版本，對(duì)于Windows用戶(hù)來(lái)講不太友好。

官網(wǎng)地址：https://www.sketchapp.com/

更多信息：https://www.sketchapp.com/extensions/

5. Protopie-新興原型工具

Protopie這款交互工具比來(lái)比較火，它是來(lái)自韓國(guó)的創(chuàng)業(yè)團(tuán)隊(duì)產(chǎn)品，可以通過(guò)差別模塊組成一個(gè)完整的交互原型，使用時(shí)無(wú)需編碼且以可視化的方式進(jìn)行設(shè)計(jì)。不過(guò)，它比較大的缺點(diǎn)在于目前不支持電腦預(yù)覽、文字輸入、Web端網(wǎng)頁(yè)制作和導(dǎo)出。

官網(wǎng)地址：https://www.protopie.io/

更多信息：https://www.facebook.com/protopie/

6. Pidoco-基于Web的原型設(shè)計(jì)軟件

Pidoco是一個(gè)基于網(wǎng)頁(yè)和云端的在線(xiàn)原型圖、線(xiàn)框圖制作工具，可以在瀏覽器、iOS、Android設(shè)備上實(shí)時(shí)演示原型。但它的不足之處在于，沒(méi)有密碼掩護(hù)，并且內(nèi)置的組件模板十分有限。

官網(wǎng)地址：https://pidoco.com/en

更多信息：https://pidoco.com/en/company/press

7. Webflow- 在線(xiàn)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)工具

標(biāo)簽：烏魯木齊 林芝 鹽城 東營(yíng) 九江