2017 年你应该尝试的七个最有前景的设计工具

JesusSorian 8年前
   <p style="text-align: center;"><img src="https://simg.open-open.com/show/54bd598bf7669904d1eb5aefe65ace30.jpg"></p>    <p>2017 年你应该尝试的七个最有前景的设计工具</p>    <p>随着新工具的发布,现有工具版本的更新迭代,2016 年显然是设计类工具蓬勃发展的一年。在本文中,我挑选了一些在 2017 年值得我们关注的设计工具。这些工具在设计工具类的社区中都拥有着大量的人气,所以挑选出来与大家一同分享。</p>    <p>Have Fun!</p>    <h2>01. Figma</h2>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/02ec71405511fa44d1f0fa78026d550f.png"></p>    <p>Figma</p>    <p>随着 Sketch 越来越流行,基于矢量的绘图软件也逐渐的成为了主流。在拥有核心设计工具集的基础上,Figma 突显了其实时协作功能。就像程序员可以将自己的代码实时添加到项目中一样,Figma 允许多名设计师远程协同工作。</p>    <p>或许,你在想多名设计师在同一项目中是如何协同工作的呢?我们假设一个场景:在会议中,团队成员们在观看同一个项目的进展情况,并实时提供一些反馈对项目进行修改。针对上述场景,Figma 将会是你的不二之选。</p>    <ul>     <li><strong>官网地址:</strong> <a href="/misc/goto?guid=4959736915924981522" rel="nofollow,noindex">https://www.figma.com</a></li>     <li><strong>更多信息:</strong> <a href="/misc/goto?guid=4959736916025335395" rel="nofollow,noindex">https://medium.com/figma-design</a></li>     <li><strong>社区:</strong> <a href="/misc/goto?guid=4959736916114327024" rel="nofollow,noindex">https://www.非死book.com/figmadesign/</a></li>    </ul>    <h2>02. Adobe XD</h2>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/f5d600c3827b3d59f08acb5f4677cbf0.png"></p>    <p>Adobe XD</p>    <p>一个鲜为人知的事实是,长期以来 Adobe 公司一直进行着大量的原型设计软件的开发工作。在 2012 年 Adobe 推出了 Edge Tools,但不幸的是,2015 年它便停止更新了。然而,2016 年 Adobe XD 的推出又让它强势回归。</p>    <p>Adobe XD 是一款矢量化的图形设计应用程序,你可以通过众多的画板来创建可点击交互的原型。一些用户说,XD 效仿了 Sketch。而很可能 Adobe 将继续改进 XD,并在其他 Adobe 软件之间建立更强的连接。此外,与 Sketch (Mac OS X 专用)不同,XD 也可在 Windows 上使用。</p>    <ul>     <li><strong>官网地址:</strong> <a href="/misc/goto?guid=4959736916197823936" rel="nofollow,noindex">http://www.adobe.com/products/experience-design.html</a></li>     <li><strong>更多信息:</strong> <a href="/misc/goto?guid=4959736916277262921" rel="nofollow,noindex">https://blogs.adobe.com/creativecloud/tag/xd-product-updates/</a></li>     <li><strong>社区:</strong> <a href="/misc/goto?guid=4959736916380207634" rel="nofollow,noindex">https://www.非死book.com/AdobeExperienceDesign/</a></li>    </ul>    <h2>03. Sketch & 插件</h2>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/c788b6cbf40bc05d03a0ae0b27a2d7a9.png"></p>    <p>Sketch & 插件</p>    <p>2016 年 11 月 Sketch 41 版本正式发布,此版本展示了各种全新功能,如嵌套元件复用。</p>    <p>设计师们所提到的 Sketch,通常是指 Sketch 与其相关的插件,例如 <a href="/misc/goto?guid=4958875005902574910" rel="nofollow,noindex">Measure</a> 、 <a href="/misc/goto?guid=4958875005323077610" rel="nofollow,noindex">Content Generator</a> 和 <a href="/misc/goto?guid=4959736916517858972" rel="nofollow,noindex">Icon Stamper</a> 等插件,它们都有助于提高设计师的生产力。在 2017 年,让我们期盼着 Sketch 将迎来更优秀的版本以及更丰富的插件吧。</p>    <ul>     <li><strong>官网地址:</strong> <a href="/misc/goto?guid=4959653613789678801" rel="nofollow,noindex">https://www.sketchapp.com/</a></li>     <li><strong>插件:</strong> <a href="/misc/goto?guid=4959736916634904045" rel="nofollow,noindex">https://speckyboy.com/plugins-sketch-app/</a></li>     <li><strong>更多信息:</strong> <a href="/misc/goto?guid=4959736916711849804" rel="nofollow,noindex">https://medium.com/sketch-app</a></li>     <li><strong>社区:</strong> <a href="/misc/goto?guid=4959736916798610896" rel="nofollow,noindex">https://www.非死book.com/sketchapp/</a></li>    </ul>    <h2>04. Zeplin</h2>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/5b8d67db2d38ca64aa645b0dd364061c.png"></p>    <p>Zeplin</p>    <p>Sketch 中最流行的插件非 Zeplin 莫属了。它能够帮助开发人员轻松的识别设计图上 UI 图层的规格。此外,你可以直接在画板上进行标注,或者通过 Zeplin 直接下载开发时必备的资源。在 Zeplin 的帮助下,设计师不必单独的绘制 UI 规范,而开发人员也不用再追着设计师询问设计规范,或是为遗忘提供的资源而烦恼了。</p>    <ul>     <li><strong>官网地址:</strong> <a href="/misc/goto?guid=4958987336206524862" rel="nofollow,noindex">https://zeplin.io</a></li>     <li><strong>更多信息:</strong> <a href="/misc/goto?guid=4959736916908791693" rel="nofollow,noindex">https://medium.com/zeplin-gazette</a></li>     <li><strong>社区:</strong> <a href="/misc/goto?guid=4959736916990614862" rel="nofollow,noindex">https://www.非死book.com/zeplin.io/</a></li>    </ul>    <h2>05. Stage & Gallery</h2>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/eca8d9cab4ce0f5aefb23312c18f5d81.png"></p>    <p>Stage & Gallery</p>    <p>继 Google 收购了 Pixate 和 Form 后,这两大软件开发团队正共同打造一些崭新的设计工具。Stage 是一个交互原型工具,而 Gallery 则是专为设计师打造的协作工具。除此之外,其他的功能还尚未公开。一些人认为,这两款应用程序可能会充分借助 Google 的云平台,但具体又如何呢,让我们一起期待着它们正式发布的那天吧。</p>    <p>官网地址: <a href="/misc/goto?guid=4959736917076851430" rel="nofollow,noindex">https://material.io/stage/</a> , <a href="/misc/goto?guid=4959736917148249732" rel="nofollow,noindex">https://material.io/gallery/</a></p>    <h2>06. Framer</h2>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/7976ab436df5558b3fcc5bfadbb96805.png"></p>    <p>Framer</p>    <p>与其他专为设计打造的原型设计工具不同,Framer 采用了代码形式(Coffeescript)进行原型设计。在本文中所提到的所有原型工具中,自然它的学习曲线更为陡峭。在以前的版本中,设计人员必须手动键入代码,但 2016 年夏季发布的修订版本中,它增加了自动编写代码功能。</p>    <ul>     <li><strong>官网地址:</strong> <a href="/misc/goto?guid=4959736917235150499" rel="nofollow,noindex">https://framerjs.com/</a></li>     <li><strong>更多信息:</strong> <a href="/misc/goto?guid=4959736917320299494" rel="nofollow,noindex">https://blog.framerjs.com/</a></li>     <li><strong>社区:</strong> <a href="/misc/goto?guid=4959661831327224065" rel="nofollow,noindex">https://www.非死book.com/groups/framerjs/</a></li>    </ul>    <h2>07. ProtoPie</h2>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/e124478feb5daac3e4a214bf970a40d5.png"></p>    <p>ProtoPie</p>    <p>ProtoPie 让无需编码创建微交互原型成为了可能。而其他的工具,则需要设计师们从编程的角度上进行原型框架的设计。目前 ProtoPie 已成为了设计师的专属工具,你能够以设计师的角度来重新诠释交互。而 ProtoPie 制作的原型,不仅能在移动端屏幕上预览原型的效果,你还能够通过手势测试,使用传感器以及设备间的通信,创建应用在真实环境中适合大多数智能设备的原型功能。</p>    <p>在已发布的新版本中,ProtoPie 还能够实现条件交互, 而目前 Windows 版本的开发也在有条不紊的进行中。</p>    <ul>     <li><strong>官网地址:</strong> <a href="/misc/goto?guid=4959736917434662295" rel="nofollow,noindex">https://www.protopie.io/</a></li>     <li><strong>更多信息:</strong> <a href="/misc/goto?guid=4959736917514196014" rel="nofollow,noindex">https://blog.protopie.io/</a></li>     <li><strong>社区:</strong> <a href="/misc/goto?guid=4959736917598622199" rel="nofollow,noindex">https://www.非死book.com/protopie/</a></li>    </ul>    <p>在不久的将来,新兴的设计工具会如雨后春笋般蓬勃而生。那么,在新的一年里,你是选择固步自封,还是打算了解、掌握新的工具来提高生产力呢?这真是个值得思考的问题。希望本文所提到的这些工具将会让你迈出全新的一步。</p>    <p>感谢你的阅读。</p>    <p>注:</p>    <ol>     <li>本文版权归原作者所有,仅用于学习与交流。</li>     <li>如需转载译文,烦请按下方注明出处信息,谢谢!</li>    </ol>    <p> </p>    <p>来自:http://www.jianshu.com/p/0c14bb3b4132</p>    <p> </p>