跳至正文
首页 » 博客 » Indigo.Design 2018 Roadmap

Indigo.Design 2018 Roadmap

Indigo.Design为可视化设计、用户体验原型、代码生成和应用程序开发提供了一个统一的平台。我们使用Indigo.Design的目标是为您提供工具和功能,以提高组成负责为客户提供出色体验的团队的所有角色的生产力。它由四个部分组成:

  • 草图库形式的草图UI套件,包括组件、模式和应用程序;

  • Indigo.Design Cloud包括基于图像的原型设计,与利益相关者的协作以及无节制的可用性研究的服务;

  • 生成Angular代码的Visual Studio代码扩展;

  • 用于Angular UI组件的Ignite UI、用于高性能、触摸优先移动设备和桌面web应用的Angular数据网格和控件。

每件作品都有自己的路线图,基于几个因素:

  • 我们如何在整个工具链中提供价值,以推动团队的协作和生产力

  • 我们如何为每个目标角色选择的工具提供同类最佳的功能

对于其余2018年,我们为工具链中的每个工具制定了积极的目标,如以下各节所示:

平面设计师/视觉设计师角色

由于Sketch目前是核心的视觉设计工具,因此我们将UI套件集中在它周围。Sketch使我们能够通过对我们提供的符号的自定义覆盖来定制我们的UI套件-从而允许我们需要的细节,以确保准确生成代码。我们将继续改进库中草图符号的功能。在2018第三季度,我们将发货:

  • 其他UI模式-UI模式是应用程序的基础,它们通过消除常用场景的重复性工作来帮助提高生产力。我们将提供更多的模式,帮助您更快地设计/构建应用程序。

  • 额外的排版,形状和密度功能-Sketch的一个更重要的方面是它的灵活性,并且随着Material 6的限制被删除,意味着交付基于Material 6的应用程序,我们将改进我们的Sketch UI套件,以利用Material 6的功能,因此,您可以使用Material & Indigo.Design提供更多创意设计。

  • 模具-应用程序更完整的抛光用户界面,高度程式化的模具,图形和图像。这些不仅有助于支持页面的含义和意图,还可以为您的应用程序添加真正的修饰。我们将运送特定领域的模具库,如金融,医疗,制造等,因此您可以设计更漂亮的应用程序,并在您的生产体验中使用这些图形。

  • Sketch插件-我们希望尽快改进Sketch中的两个方面:

    1. 一个草图插件,可自动将画板与Indigo.Design工作区同步。这使得可视化设计器和UX设计器之间的工作保持同步。
    2. 一个可视配置,允许您通过自定义对话框创建控件并将其直接布局到画板。这意味着可以轻松地将图表和网格等丰富的控件快速添加到您的设计中,从而节省时间并确保当前在Sketch中为代码生成服务设置了更丰富的控件。

UX设计师/架构师角色

Indigo.Design Cloud将获得重大的、非常令人兴奋的更新,因为我们在第三季度和2019年之间的目标是将我们基于桌面的原型工具迁移到基于HTML Web的体验。您将拥有可通过web访问的高性能设计工具,以便与利益相关者比以往任何时候都更轻松地设计和共享原型。Q4计划是:

  • 基于云的屏幕设计器预览-Indigo.Design上基于图像的原型工具的当前化身,允许您上传图像并向这些图像添加导航或流。使用屏幕设计器,您将能够在同一UI中设计新的屏幕和体验。我们将有一个工具箱/属性编辑器的经验,加上一个WYSIWYG设计图面,包括所有的核心组件从草图UI工具包,以及附带的UI模式。这提供了对新屏幕和应用程序设计的完全控制,而无需使用Sketch来访问和使用我们设计系统中的Sketch UI套件和模式库。

这种方法的独特优势在于,可视化设计师,UX架构师甚至开发人员都可以在基于云的WYSIWYG中将屏幕,屏幕流,交互状态和整个应用程序拼凑在一起,从而输出最佳实践的Angular代码!

开发人员角色

Visual Studio Code扩展是Indigo.Design中的设计与Angular代码库之间的粘合剂。在扩展的当前迭代中,一个链接打开你的原型,你选择你想要生成的角代码,它插入HTML,CSS,TS到你的角项目。在接下来的几个月里会有显著的改善:

  • 我们正在添加一个 “登录” 的扩展,这将给你更多的灵活性,你可能想要代码生成和何时。您可以访问Indigo.Design cloud中的所有工作区和设计。这将使开发人员更灵活地选择设计团队正在进行或已完成的内容,开发团队可以选择合适的时间将代码集成到他们的应用程序中。

  • Flutter代码生成-我们正在超越Angular,并为Flutter提供代码生成。我们将在设计系统中为Sketch添加新的UI套件,并添加支持Flutter的附加功能。这对我们来说真的很令人兴奋; 我们在今年5月的Google I/O期间预览了我们的Flutter功能,我们期待着提供这个2018年。

  • 更多模板和starter-apps-围绕Indigo.Design的兴奋的一部分是,任何人都可以使用设计系统在Sketch中创建屏幕,UI模式和应用程序,并获得角度代码。我们将在设计系统中添加更多的工件,这样您就可以更快地从应用程序中受益,而不必成为专家设计师!

我们还在Angular的Ignite UI中添加了大量功能,Q3 / Q4的一些亮点是Angular电子表格,一个完整的Excel库,一个基于云的样式工具,可以更轻松地为Angular应用程序创建漂亮的CSS。更高性能的反应网格和图表,以及更多。有关web UI控件的完整路线图,请在此处查看路线图:

https://www.infragistics.com/community/blogs/b/infragistics/posts/ coming-up-2018-roadmap-for-ignite-ui-for-角

如果您有任何问题,或你想看到的功能,请给我一个电子邮件在jasonb@infragistics.com

</p