跳至正文
首页 » 博客 » The Alchemy of Indigo.Design UI Kits

The Alchemy of Indigo.Design UI Kits

我们如何定义我们的原子,分子,和有机体 *

无与伦比的生产力,绝对的一致性和改进的协作: 设计系统无疑改变了我们对设计的看法。大约一年前,我们的团队偶然发现了这个新的时尚概念,这绝对是一见钟情。作为一家被公认为组件供应商的公司,我们在过去几年中能够真正致力于设计并将其深深嵌入到我们的文化中。我们看到了我们的流程和产品是如何改进的,但仍然觉得设计似乎没有兑现承诺。这是因为我们意识到,在Infragistics,我们可能会1:10设计师与开发者的比例,但在整个行业中很少出现这种情况。我们与之交谈或长期以来一直是客户和合作伙伴的许多企业生活在一个不同的世界。他们的设计人员与开发人员的比例通常约为1:100,这基本上意味着设计是过程中的瓶颈,并且仅从正在构建的众多软件中精心挑选的几个项目中阐明了这一点。通过设计系统,我们看到了扭转局面和推动设计的机会,从而对大型软件组织产生更大的影响。

的灵感

设计系统的基石之一是工作f布拉德·弗罗斯特和,更准确地说,他2016年出版的一本书叫原子设计。它在化学和设计系统之间画了一个有趣的相似之处,从原子的角度来看界面元素,当它们结合在一起时会形成构成更大生物的分子。的Indigo.Design用于Sketch的UI套件通过提供三个库来采用这种方法。样式具有亚原子部分,例如颜色,阴影,排版样式和图标字形,它们定义了在组件库中找到的原子和分子的外观。开发人员熟悉组件的概念,这通常是一个代表原子的按钮或超链接,但也可以是更复杂的布局,如日历界面或带有模板项的列表,其中多个原子用于形成分子。在谨慎和适当的指导下混合时,原子和分子可以变成一个美丽的有机体。这就把我们带到了第三块,模式库。它允许人们跳过组装登录表单,用户配置文件和详细信息页面的平凡任务,为他们提供预设的UI模式集合,灵感来自众多现实世界的场景,并保证满足您的实际需要,因为。请注意,这些模式仍处于起步阶段,并且反馈或建议非常感谢!

确保您的设计不会在您的手中着火或爆炸,我们的反应绝对想要为了避免期间化学课在高中,我们的团队有制作了很多规范性指导那应该即使是开发人员到工艺体面的设计。不是我们低估了开发人员,而是他们的设计工作已经在美学方面相当臭名昭著。靛蓝.设计 被带到世界改变这一点,让任何人,设计师、开发人员、产品负责人或业务分析师,能够自信地createa不错和稳定一块的设计只要他们遵循提供的导。

超越草图库

提供了背景和基础我们的靛蓝.设计UI套件,生产率的飞跃和一致性的提高应该是怀疑。但是合作怎么样?Indigo.Design不仅仅是素描库的集合,其余的工具都与协作有关。能够将您使用库制作的草图项目上传到靛蓝.设计C大声,定义精确的交互,在时间紧迫的情况下,运行可用性研究是无价的正在尝试从第一次开始就把事情做好。但是一旦你确信你的设计功能和满足所有用户需求,你就可以跳过烦人的过程,将您的设计交给开发人员团队,只需使用我们的Visual Studio插件。只要您拥有将要使用的数据,就可以通过返回到Sketch并使用一些我们定义的特殊覆盖属性,或与开发人员一起工作并填补空白,使您的资产以美丽的方式流动为Angular点燃UIapp。

* 平行之间的设计系统和化学是首先由布拉德·弗罗斯特,谁解释了组织的设计系统在他的书 “原子设计” 的长度 </p