2017 年你應該嘗試的 7 個最有前景的設計工具
隨著新工具的發布,現有工具版本的更新迭代,2016 年顯然是設計類工具蓬勃發展的一年。在本文中,我挑選了一些在 2017 年值得我們關注的設計工具。這些工具在設計工具類的社區中都擁有著大量的人氣,所以挑選出來與大家一同分享。
Have Fun!
01. Figma
隨著 Sketch 越來越流行,基於矢量的繪圖軟體也逐漸的成為了主流。在擁有核心設計工具集的基礎上,Figma 突顯了其實時協作功能。就像程序員可以將自己的代碼實時添加到項目中一樣,Figma 允許多名設計師遠程協同工作。
或許,你在想多名設計師在同一項目中是如何協同工作的呢?我們假設一個場景:在會議中,團隊成員們在觀看同一個項目的進展情況,並實時提供一些反饋對項目進行修改。針對上述場景,Figma 將會是你的不二之選。
- 官網地址:https://www.figma.com/
- 更多信息:https://medium.com/figma-design
- 社區:https://www.facebook.com/figmadesign/
02. Adobe XD
一個鮮為人知的事實是,長期以來 Adobe 公司一直進行著大量的原型設計軟體的開發工作。在 2012 年 Adobe 推出了 Edge Tools,但不幸的是,2015 年它便停止更新了。然而,2016 年 Adobe XD 的推出又讓它強勢回歸。Adobe XD 是一款矢量化的圖形設計應用程序,你可以通過眾多的畫板來創建可點擊交互的原型。一些用戶說,XD 效仿了 Sketch。而很可能 Adobe 將繼續改進 XD,並在其他 Adobe 軟體之間建立更強的連接。此外,與 Sketch (Mac OS X 專用)不同,XD 也可在 Windows 上使用。
- 官網地址:http://www.adobe.com/products/experience-design.html
- 更多信息:https://blogs.adobe.com/creativecloud/tag/xd-product-updates/
- 社區:https://www.facebook.com/AdobeExperienceDesign/
03. Sketch & 插件
2016 年 11 月 Sketch 41 版本正式發布,此版本展示了各種全新功能,如嵌套元件復用。設計師們所提到的 Sketch,通常是指 Sketch 與其相關的插件,例如 Measure、Content Generator 和 Icon Stamper 等插件,它們都有助於提高設計師的生產力。在 2017 年,讓我們期盼著 Sketch 將迎來更優秀的版本以及更豐富的插件吧。
- 官網地址:https://www.sketchapp.com/
- 插件:https://speckyboy.com/plugins-sketch-app/
- 更多信息:https://medium.com/sketch-app
- 社區:https://www.facebook.com/sketchapp/
04. Zeplin
Sketch 中最流行的插件非 Zeplin 莫屬了。它能夠幫助開發人員輕鬆的識別設計圖上 UI 圖層的規格。此外,你可以直接在畫板上進行標註,或者通過 Zeplin 直接下載開發時必備的資源。在 Zeplin 的幫助下,設計師不必單獨的繪製 UI 規範,而開發人員也不用再追著設計師詢問設計規範,或是為遺忘提供的資源而煩惱了。
- 官網地址:https://zeplin.io/
- 更多信息:https://medium.com/zeplin-gazette
- 社區:https://www.facebook.com/zeplin.io/
05. Stage & Gallery
繼 Google 收購了 Pixate 和 Form 後,這兩大軟體開發團隊正共同打造一些嶄新的設計工具。Stage 是一個交互原型工具,而 Gallery 則是專為設計師打造的協作工具。除此之外,其他的功能還尚未公開。一些人認為,這兩款應用程序可能會充分藉助 Google 的雲平台,但具體又如何呢,讓我們一起期待著它們正式發布的那天吧。官網地址:https://material.io/stage/, https://material.io/gallery/
06. Framer
與其他專為設計師打造的原型設計工具不同,Framer 採用了代碼形式(Coffeescript)進行原型設計。在本文中所提到的所有原型工具中,自然它的學習曲線更為陡峭。在以前的版本中,設計人員必須手動鍵入代碼,但 2016 年夏季發布的修訂版本中,它增加了自動編寫代碼功能。
- 官網地址:Design everything with code
- 更多信息:https://blog.framerjs.com/
- 社區:https://www.facebook.com/groups/framerjs/
07. ProtoPie
ProtoPie 讓無需編碼創建微交互原型成為了可能。而其他的工具,則需要設計師們從編程的角度上進行原型框架的設計。目前 ProtoPie 已成為了設計師的專屬工具,你能夠以設計師的角度來重新詮釋交互。而 ProtoPie 製作的原型,不僅能在移動端屏幕上預覽原型的效果,你還能夠通過手勢測試,使用感測器以及設備間的通信,創建應用在真實環境中適合大多數智能設備的原型功能。在已發布的新版本中,ProtoPie 還能夠實現條件交互, 而目前 Windows 版本的開發也在有條不紊的進行中。
- 官網地址:https://www.protopie.io/
- 更多信息:https://blog.protopie.io/
- 社區:https://www.facebook.com/protopie/
在不久的將來,新興的設計工具會如雨後春筍般蓬勃而生。那麼,在新的一年裡,你是選擇固步自封,還是打算了解、掌握新的工具來提高生產力呢?這真是個值得思考的問題。希望本文所提到的這些工具將會讓你邁出全新的一步。
感謝你的閱讀。
註:
- 本文版權歸原作者所有,僅用於學習與交流。
- 如需轉載譯文,煩請按下方註明出處信息,謝謝!
英文原文:The most promising design tools you should try in 2017
作者:Ji Hong Kim譯者:IT程序獅譯文地址:http://www.jianshu.com/p/0c14bb3b4132
推薦閱讀:
※產品經理該如何進行刻意學習
※我們讓智能音箱做了6篇「閱讀理解」後......
※感覺有些APP真的是在用盡全力自黑
※如何評價一加手機獲得了iF 2015產品設計大獎?
※產品學習之路:產品設計流程清單(翻譯)