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测试,推出了三个付费配套可供选择。更多的配套——教育和团队配套——将会在稍后推出。

时间: 2024-10-14 10:59:38

Atomic:Android、iOS和网页的设计工具的相关文章

去掉 wap (android/ios)网页等点击后的阴影

tap后会出现一个半透明的灰色背景,(被批...),起初以为是outline作怪,加上后发现没反应,最后发现是tap后的背景高亮,要重设这个表现,则需要设置-webkit-tap-highlight-color为所需色彩,直接透明吧: a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);} 另外,如何去掉textarea,input的默认样式(IOS上的圆角及内阴影等,Android未测试): i

关于Android开发的免费UI设计工具

推荐使用 http://pencil.evolus.vn/ 它在全平台上都可以安装使用,同时也包含了 Android Material Design 的一些组件库 非常方便使用与 APP 开发过程中的原型设计 提供两个 Material Design 的开源素材地址 Widgets(组件): https://github.com/nathanielw/Android-Lollipop-Pencil-Stencils Icons(图标): https://github.com/nathanielw

推荐两个界面原型设计工具--GUIDesignStudio 和 Mockups For Desktop

前段时间,有幸参加一次高级软件架构师的培训,授课老师介绍了两个很好玩的界面原型设计工具:GUIDesignStudio 和 Mockups For Desktop,现分享一下,截图说明,洗洗眼球,权当娱乐. 以前在做界面原型设计的时候(不多,但有时候要做的),印象中多数用Visio或者一些UML工具来大致描述一下,效果及交互性较差,不知您是否做过这方面的工作,不管有没有,我们来了解下这两个比较有意思的东西吧.GUIDesignStudio 运行后,随便画上几个控件,界面如下: 运行设计好的内容后

21个免费的UI设计工具和资源网站,不管是web,js,android都

本帖最后由 hua631150873 于 2014-9-12 18:26 编辑 Lumzy 官方地址:http://www.lumzy.com/ Lumzy是一个网站应用和原型界面制作工具.使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中. Lumzy还具有团队协作编辑工具. Mockingbird 官方地址:https://gomockingbird.com/ Mockingbird(中文名:百舌鸟)是一个在线工具,它使您轻松地创建UI界面模型,预览UI,并可以共享你的版面编排效果

麦子学院干货 | iOS开发者需要的九大设计工具

麦子学院[www.maiziedu.com]干货 | iOS开发者需要的九大设计工具 1.AppCooker AppCooker是一款方便的iPad应用.它能够提供可点击的原型模板,集合了所有需要编码或渲染的重要部件,并且还可以帮助开发者无需任何代码编写就能够构思.设计和测试iOS应用.目前AppCooker在App Store上的售价为19.99美元. 主要功能: 全功能模型编辑器拥有所有iOS UI部件 位图图画.矢量形状和文本工具 带有链接的整体屏幕视图 收存箱和Box支持云服务 2.Sk

10款设计师必备的响应式网页设计工具

随着便携设备用户的指数级增长,网页设计师采用响应式设计作为多平台布局解决方案,不但节省了设计师的时间,而且从长远角度来讲,响应式设计能够为用户提供更舒适的操作环境. 如果你毫无经验,不知从何开始,那么这份工具列表将大大的帮助你,能够让你的布局更有“弹性”. Simple Grid Simple Grid是难以置信的CSS框架,无所限制的栅格布局,支持不同大小的屏幕. Susy Susy “语义变焦”的栅格系统,无需额外标记和特殊的类,很方便使用Sass的人. Tiny Fluid Grid Ti

10个超有用的网页设计工具和资源

网页设计师有福利了,下面给大家介绍10款超有用的网页设计工具和资源. 1.Unheap 这里收集了N多的jQuery 插件,现在已经有726款. W eb Color Data 颜色提取器,只要输入网址就能够快速提取你想要的网站的颜色,赶紧试试吧. Screen Sizes 提供各种主流手机.平板.电脑的屏幕尺寸.分辨率及像素密度等. Topcoat Topcoat是Adobe最新推出的一款CSS框架.好看的UI.免费的字体和图标,高度定制化并且轻量级,能让你节省不少时间. CSS3 Gener

设计师必备的响应式网页设计工具

作为一名码农,在项目开发过程中经常会涉及到项目的需求变更,变更的理由也是多种多样,总结而来分为外部和内部,从外部讲,例如:为了顺应某行业新的工作操作规范,甲方要求现有项目在工作流程环节上进行局部功能的变更:从内部讲,通过对市场环境的不间断调研和数据分析,公司产品在同类产品竞争中处于不利地位,市场份额日渐缩小,那么我们的产品设计人员会积极行动起来对产品的整个定位和新业务展开新的思考以寻求更加稳健的创新突破口,这就会对项目产生一定的需求变更. 此图是从CSDN社区截取下的,我相信很多看到这个问题的筒

Android:界面设计工具DroidDraw

DroidDraw是款强大的安卓界面设计软件,基于Java Swing开发,可以通过它拖动控件.设置层属性.设置颜色等步骤轻松地生成复杂的安卓XML布局文件. >>>>>>>>下载 Android:界面设计工具DroidDraw