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

  • Abel Avram
  • 朱明

2015 年 11 月 27 日

话题:AndroidiOS架构

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 读者交流群(已满),InfoQ 读者交流群(#2))。

AndroidiOS架构