2016年瞧柔,是設(shè)計(jì)工具迸發(fā)的一年桃纯。新的不斷上線,已上線的不斷加強(qiáng)赫悄。我從中挑選了幾款2017年個(gè)人比較期待的推薦給大家原献。這些主要是設(shè)計(jì)圈里經(jīng)常被提到的一些工具,當(dāng)然也會(huì)有一些遺漏埂淮。
Figma
隨著Sketch的普及姑隅,矢量繪圖工具開始變得更為主流。Figma區(qū)別于其他工具同诫,主打同步協(xié)作功能粤策。就像開發(fā)人員遠(yuǎn)程共享同一畫面寫代碼一樣,如今設(shè)計(jì)師也有望遠(yuǎn)程協(xié)作了误窖《E蹋可能你會(huì)質(zhì)疑:多名設(shè)計(jì)師同時(shí)編輯一個(gè)畫面的情況會(huì)很多嗎?想象一下在一個(gè)會(huì)議上霹俺,團(tuán)隊(duì)成員們盯著一個(gè)畫面各執(zhí)一詞的場面柔吼,這時(shí)Figma就會(huì)成為最合適的設(shè)計(jì)工具。
官網(wǎng):https://www.figma.com
更多信息:https://medium.com/figma-design
社區(qū)交流:https://www.facebook.com/figmadesign/
ProtoPie
ProtoPie讓設(shè)計(jì)師無需寫任何代碼就可以輕松制作微交互原型丙唧。其他工具感覺就像讓設(shè)計(jì)師帶著編程的思維來做視覺作品愈魏。而ProtoPie則是站在設(shè)計(jì)師的角度,它的概念模型可以讓設(shè)計(jì)師對交互的解讀更加清晰想际。此外培漏,它的不同之處還有就是,ProtoPie不僅考慮手機(jī)畫面上要看到什么胡本,還支持多指手勢牌柄、傳感、設(shè)備交互等在更多交互形式侧甫,讓交互變得更智能珊佣。最近蹋宦,ProtoPie添加了條件式交互,而且Windows版也正在開發(fā)中咒锻。
官網(wǎng):http://www.protopie.cn/
更多信息:http://weibo.com/protopie
社區(qū)交流:http://protopie.net/
Adobe XD
其實(shí)Adobe也花了很長時(shí)間一直在研究原型工具冷冗。雖然2012年拋出了Edge Tool,可惜的是2015年宣布對其終止維護(hù)惑艇。不過在2016年蒿辙,Adobe憑借AdobeXD又殺了回來。XD是矢量繪圖工具滨巴,同時(shí)也可以制作像流程這樣的簡單交互须板。有人說XD抄襲了Sketch,也有人說XD是Sketch和Invision或者Sketch和Craft(別名Silverflow)的合成體兢卵。盡管如此,Adobe還是會(huì)繼續(xù)推廣XD绪颖,并尋求和其他Adobe系列產(chǎn)品的連接秽荤。此外,和支持Mac OS X的Sketch不同柠横,XD還支持Window系統(tǒng)窃款。
官網(wǎng):http://www.adobe.com/products/experience-design.html
更多信息:https://blogs.adobe.com/creativecloud/tag/xd-product-updates/?segment=design
社區(qū)交流:https://www.facebook.com/AdobeExperienceDesign/
Sketch & Plugins
2016年11月上線的Sketch41版本中添加了Nested Symbol Overrides等功能。當(dāng)設(shè)計(jì)師們說道‘Sketch’時(shí)牍氛,比起單獨(dú)的Sketch晨继,往往指的是Sketch和它的插件。Measure,Content Generator,Icon Stamper等插件讓設(shè)計(jì)師的工作效率得到了提升搬俊。2017年將會(huì)看到更棒的Sketch和更豐富Sketch插件紊扬。
官網(wǎng):https://www.sketchapp.com/
插件:https://speckyboy.com/plugins-sketch-app/
更多信息:https://medium.com/sketch-app
社區(qū)交流:https://www.facebook.com/sketchapp/
Zeplin
Zeplin是和Sketch銜接的插件中比較出名的一個(gè)。它幫助開發(fā)人員更容易地檢查界面屬性參數(shù)唉擂。此外這款工具還支持在界面上直接添加評論餐屎,開發(fā)人員更可以從Zeplin下載需要的圖像素材。設(shè)計(jì)師不需要像以前一樣把圖像的數(shù)值一個(gè)個(gè)標(biāo)記出來玩祟;開發(fā)人員也不用向設(shè)計(jì)師索要參數(shù)和素材腹缩。
官網(wǎng):https://zeplin.io
更多信息:https://medium.com/zeplin-gazette
社區(qū)交流:https://www.facebook.com/zeplin.io/
Stage & Gallery
Pixate和Form被谷歌收購以后,聽說兩個(gè)團(tuán)隊(duì)合二為一開始開發(fā)新的工具空扎。Stage是交互原型工具藏鹊,Gallery說是設(shè)計(jì)協(xié)作工具。不過具體的內(nèi)容并未對外公開转锈。我猜測這兩款工具可能會(huì)結(jié)合谷歌云服務(wù)盘寡。官方說會(huì)明年(譯者:指2017年)上線,個(gè)人還是很期待黑忱。
官網(wǎng):https://material.io/stage/,https://material.io/gallery/
Framer
Framer和其他原型設(shè)計(jì)工具不同宴抚,需要編寫代碼(Coffeescript)制作原型勒魔。區(qū)別于這篇文中提到的其他工具,F(xiàn)ramer的學(xué)習(xí)成本最高菇曲。在既有的版本中冠绢,用戶不得不去編寫代碼。不過2016年夏天出的版本添加了自動(dòng)生成代碼功能以降低手寫的負(fù)擔(dān)常潮。
官網(wǎng):https://framerjs.com/
更多信息:https://blog.framerjs.com/
社區(qū)交流:https://www.facebook.com/groups/framerjs/
更多優(yōu)秀的設(shè)計(jì)工具弟胀、更棒的功能還會(huì)一直涌現(xiàn)。新的一年喊式,不要再固執(zhí)地堅(jiān)持使用老工具孵户。不如嘗試一下更具有生產(chǎn)力的工具如何?也許上面的這些工具就是你嘗試新工具的起點(diǎn)岔留。