开源原型设计工具Indigo Studio发布v2.0 全面支持HTML5

发布时间:2020-07-23 15:51:36 作者:mikez1026
来源:网络 阅读:480

Indigo Studio是由infragistics所开发的一款免费开源的UI原型设计和交互设计工具。帮助你快速而简单地创建活生生的UI原型。它的每一步都保持以用户体验为中心。有了Indigo Studio你可以用超过100个不同的场景、线框(内置交互控件以及桌面、网站和移动应用的原型)创建脚本,全部不需要代码。

如今更新至Version 2,有了诸多新特性,为移动设备设计原型变得再简单不过了。有了对运行HTML5的设备的全面支持(包括iOS设备)。用户能够利用Indigo Studio所支持的触控手势,支持PDF的文档设计、真实使用环境的脚本设计、快速原型交互应用设计,创造出功能齐全、充满生气的UI原型。下面,让我们来看看更新详情。


Indigo Studio v2.0专为移动设备设计

到目前为止,Indigo Studio v2最重要的新增特性就是所有我们对移动设备的新的支持。

目标平台

开源原型设计工具Indigo Studio发布v2.0 全面支持HTML5你现在可以选择一个目标平台,默认的是“Generic”,这是Indigo v1里面所有的。当你还不为平台发愁的时候,它对于快速草图很有帮助。它同样还可以用作桌面OSes和其它很多事。

我们所新增的是这些其它的选择——浏览器和众多的移动设备。选择其中之一将添加该目标的“chrome”在设计界面,但它远不止这些。

我们调用新的chrome相关材料,“视口”是华而不实的,虽然它会对设置环境很有帮助。你可以改变视口chrome透明度,如果仍然觉得碍眼,甚至可以直接隐藏它。

视口也支持移动设备的方向

视口给予你目标的可见框架,并且帮助定义什么是可滚动的/可摇动的。如果你使用新的iOS目标之一,你将拥有一个基于设备尺寸的的已修复视口。但是,如果你使用浏览器或Generic设备之一,你可以指定目标视口尺寸。

一旦你设置了视口尺寸,你就可以将canvas(白色bit)拖出视口使得目标能够滚动/摇动,一旦你这样做了,你就可以拖动视口本身来指定你想让什么可见。

选择,当你预览/运行或共享你的目标原型时,我们将在浏览器中展示目标视口,举个例子,如果你在桌面浏览器查看一个手机原型,我们将把原型放置到手机chrome中,这有助于给你你对那些原型有更接近真实的体验,即使是在浏览器中。但当你在一个实际存在的手机上运行同样的原型,我们会隐藏该chrome——因此,就好像它是在那台设备上运行一样。

新的触控手势

开源原型设计工具Indigo Studio发布v2.0 全面支持HTML5

当然,当你将触控手势作为目标时,支持目标移动平台还有更多的意义。当你用v2指向一个移动平台时,Indigo智能地为你的原型提供“touch-specific”(特定触控)手势。当你在桌面浏览器查看原型时,这些手势能够被模仿(比如点击和快速拖动),但很显然它们在移动设备上才有最佳表现。对于定向手势,你可以选择方向并创建互动。

屏幕到屏幕的转换

开源原型设计工具Indigo Studio发布v2.0 全面支持HTML5

如果你试图在Indigo v1中创建移动原型,你必须模拟屏幕到屏幕的转换使用基于状态的动画。你依然可以那样做,但是新嵌入的屏幕到屏幕转换使得原型设计常见的移动转换更加简单。你不能在v1中实现Flip,但现在你可以了!

内置iOS支持

开源原型设计工具Indigo Studio发布v2.0 全面支持HTML5

即使这在v2列表中是一个“bullet point”,它也是很大的一个,因为我们不是给你漂亮的图片,我们是给你互动控件,超过30种新的iOS控件,超过15种新的iOS图标。特别支指定目标iOS,很多“quick-drop”定位有助于共同元素加快iOS原型。

你可以看到这远不只是一组简单的模板,我们希望你能看到它显著加快你速写iOS原型的能力。

Indigo Studio v2.0支持导出为PDF

开源原型设计工具Indigo Studio发布v2.0 全面支持HTML5

一个倍受关注和呼吁的特性便是将Indigo原型直接导出为PDF。在v2中,我们新增了次特性。棘手的部分是如何转换一个交互的、多路径的原型到一系列逐页文档格式。我们将为你完成这一部分。Indigo Studio分析你的屏幕状态流并将提供一波接一波的分解。因为状态是基于用户的互动自动命名的,在很多情况下,这是可以理解的。

在注释方面,我们支持可选的内置注释工具。这带来一个好处就是:你添加的注释是(可选择地)可见的,无论是在运行的原型中还是在导出的文档中。


Indigo Studio v1.X亮点回顾

共享你自己的服务器——这使得对于indigo用户很重要的两个脚本成为可能——在防火墙之后自行分享原型,当你的原型被移除时控制,并“更新到位”,你不需要为每次更新获取新的URLs。

改进的导出——伴随着更多的共享选项,我们围绕着“导出”添加了更多的控制(和一个更好的UX)包括导出选择性的部分项目以供他人继续处理,和一个新的“Quick Snapshot”(快照)全局特征来快速抓取图像。

预览/运行的更多选择——你现在可以选择从你的原型home、当前屏幕开始状态、当前状态来运行,并且“try interaction”(尝试互动)在之前的状态启动,为了快速尝试你正在设计的互动。

新的密码框——添加一个密码输入框如同拖动和放下一样简单。

分散/隔开我们的元素——你现在可以轻松地将选择的元素分散/隔开了。

Storyboard增强——你只需简单地双击来开启新的屏幕,这将很有助于文字示意图交互。

推荐阅读:
  1. php用什么工具进行编程
  2. Facebook开源自用工具,可从GitHub获取

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

原型设计 免费开源

上一篇:解决pycharm代码不提示的问题

下一篇:pycharm找不到模块怎么办

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》