从运用火炬诞生文明的那一刻起,人类对于工具的追求就从未停止,文明的发展就是工具的发展史,而对于设计人人员和开发人员而言,UI工具更是如此,其重要性不言而喻。

Ant Design设计规范

Ant Design设计规范

UI工具的趋势

社会的运转伴随着文明的发展,将会越来越高效。无法高效运用的UI工具也必然会被淘汰,如果使用Figma 和 Sketch制作的模型,固然在制作模型上是合适的,但在这个在高效性上却是不合适的,因为设计人员与开发人员是断开连接的,制作的模型与源代码之间是没有链接,高效性也就无从谈起。

这会导致设计人员会与开发人员在交接的过程中,甚至会疲于交接,从而在交接阶段浪费太多时间且心身疲倦,并无法形成高效高质量的工作水平,基于此的Pixso的多人协同设计,将会是下一代UI设计工具趋势,也就是应该更注重全面整合设计和代码,能让设计人员和开发人员提供高效无缝的工作体验。

UI工具的整合设计和代码

我们需要像Pixso工具一样的优秀的用户的界面工具设计,可以将设计和代码结合在一起,也就是要保持一致,不仅仅降低设计人员和开发人员的沟通/学习难度,也就不用像当前的工具设计出来的Web UI,看到的不是Web UI的具体,而是它的抽象表现。

当前的工具本就应该抛弃就定制的,不强大的编程模型来生成设计组建,进行灵活创作。而模型所最终导出的HTML、CSS 或 JavaScript自动生成代码,设计人员也可以从设计文件中查看,开发人员则可以进行编辑行为。

UI工具设计的新常态

往往在解决方案的阶段,会导致模型的浪费,而模型从构思,再到构建非常耗时间,并且在数字产品设计也显得不那么突出,虽然在构思过程中可能存在某些意义,但这也是一种资源浪费,我们应将这种过时的模型,踢出场外。

新常态——我们应该多考虑的是抛弃极繁琐的任务,去做更加有意义的事情。当前的UI工具在考虑所有系统的状态方面,所有数字产品的状态都会与之它们的定时发生的事情作捆绑,需要对在运作的过程中发生每种状态,如加载过程中的停止或显示错误消息,这对设计师而言,就会迫使他们创建单个组件的多个变体。

而通过Pixso的UI工具,节省大量重复工作时间,可以将真实数据取代占位符的内容位置。正如设计师为多种状态创建组建一样,也可以为他们的各种数据进行设计。UI设计师需要能够使用实际输入(副本、图像、日期、名称、标题等)来测试他们的组件,通过这些数据最终将填充到他们的设计中的组件。目前的UI工具很难无法做到这点,设计师只能通过手动的将数据复制粘贴到面板上来模拟数据,这将是一项极其繁琐的重复性任务。

UI工具的优势体现

当 Pixso的UI 工具运用真实数据测试并最终满足所有状态进行数据测试时,设计师将能够更好地预测边缘情况,边缘案例测试将变得更容易。如创建组件后,设计人员将对它的各种状态进行压力测试,用不同的数据对其进行爆破,就可以查看到它在不同场景中的表现。

将设计师和开发人员将并行工作,就可避免了同样的事情,所产生的重复性指导或建议,它可能会有起到作用,但更多的它则是表现出所需更长的协同时间并且效率要显得低效很多,当如使用上述Pixso的UI工具的广泛使用,才将是标志着数字产品创作的全新革命的开端。