转载

Atomic：Android、iOS和网页的设计工具

Atomic 是在浏览器中运行的用户界面设计工具。不必写任何代码，应用程序设计人员就能够用它来展示在执行一些命令时应用程序的界面应该是怎样的，是如何动作的。

当前，Atomic可以运行在Windows和Mac OS上的Chrome中。有计划在将来使它运行在其他浏览器中。而且，据Atomic的联合创始人和CTO Vimal Jobanputra说，大部分功能可能已经可以在Linux上正常工作，但还没有经过测试，公司正集中精力于最常见的平台。

Atomic可以用来描述iOS、Android或web应用的界面。该工具把所有的项目和资源保存在Atomic的服务器上，必须始终保持联网才可以使用。项目包括若干分层的页面和在页面间跳转的热点。有一些基本的绘画工具——长方形、椭圆形、直线、文字——和图片导入，接受PNG、JPG、SVG和GIF文件。图像可以从Sketch和Photoshop中拷贝粘贴。页面中的对象可以分组成不同深度的层。页面间的转换可以加入动画效果，在预览模式下Atomic使用 GSAP 实现动画。

任何时候用户编辑一个页面，Atomic会保存该页面，并保留前一个版本，为每个页面保持历史记录，以便随时切换版本。

可以有多人在一个项目中协作。设计人员可以把项目共享给开发人员，向他们展示她是如何构想应用程序的界面的。这让开发人员可以准确地看到设计人员要把用户界面做成什么样子，精确到像素级别，协作者可以看到详细的元素属性——尺寸、位置、颜色，等等。

Atomic最近已经完成了beta测试，推出了三个付费配套可供选择。更多的配套——教育和团队配套——将会在稍后推出。

查看英文原文： Atomic: A UI Designer for Android, iOS and the Web

感谢张龙对本文的审校。

给InfoQ中文站投稿或者参与内容翻译工作，请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博（@InfoQ，@丁晓昀），微信（微信号： InfoQChina ）关注我们，并与我们的编辑和其他读者朋友交流（欢迎加入InfoQ读者交流群 Atomic：Android、iOS和网页的设计工具（已满），InfoQ读者交流群（#2））。