antdesign 原创Ant Design 4.0:创造快乐工作


ETCG 2.0的几个字母代表不同的含义,第一个是功能示例,第二个是模板。模板是我们基于业务的抽象,旨在帮助新手或者不同的设计师保持设计的一致性,指导如何设计页面。例如,这是一个典型的列表页面,由高级搜索和表格组成。今年,在模板的基础上,我们做了更大的细化。我们抽象并标准化了模板组件。当一行模板组件不能满足您的需求时,您只需一行代码就可以获得完整的序列。

antdesign 原创Ant Design 4.0:创造快乐工作


文章图片

除了列表页,还有表格页,还有图表、表单、布局,构成了我们对系统的抽象,叫做“四表一局”,大概涵盖了中后台系统或者企业级产品80%以上的业务需求。同时,本着非常开源、开放、包容的精神,整个“四表一局”正式对外开放,大家可以访问蚂蚁设计的仓库下载使用。
ETCG中的c是一个组件,是Ant Design第一次和大家见面的内容。在过去的五年里,我们在数量和质量上都有了很大的提高,同时也创造了很多社会价值。五年前,我们非常自豪有近千个投稿人参与了蚂蚁设计的建设。同时,TOP 50中有60%来自社区,将2万家企业的R&D效率提升了3-5倍。去年年底,我们正式成为世界上第一个开源组件库。五年前,蚂蚁集团推出了AntDesign,但它今天的成就来自于社区和我们的共同努力。这里的荣誉和掌声应该献给所有为蚂蚁设计贡献代码的同学。谢谢你的支持。
ETCG中有两个g。第一个g是组件风格的抽象,以可变的方式进行约束和控制。它能做什么?很简单。你的老板今天不喜欢蓝色,但是想要橙色。您只需要一行代码,组件库已经经历了全新的变化。ETCG的第二个G,是我们今年建设的关键部分,也是一个全新的部分,叫做Guides,指的是人和机器如何互动的过程。
比如,我们应该在这里放一个数字输入框还是一个输入框?以及如何放置。我们抽象封装琐碎的交互规则,让机器学习这些规则,让机器帮助我们执行这些规则。只要导入原始数据,几乎不需要进行任何配置或更改,就可以得到一个可以进入生产环境进行开发的表单页面。设计可能比初级设计师产生更好的结果,你想要的一切都应该放在正确的地方。
这是我们对蚂蚁设计确定性的理解。设计没有设计师参与的产品,大大提升了设计和研发的体验,当然商业化还需要很长时间。现在怎么解决问题?仰望星空空脚踏实地。作为一个设计师,我在思考五年前如何解决这个问题,我真的想说我自己能行。
我们如何使用它?利用厨房的编辑能力,扔13%给我的伙伴。如果你认为还不够,你想做更多的管理和控制。甚至可以利用“四表一局”的能力搭建服务,搭建可以进入生产环境的服务产品,把设计师变成设计工程师。
如何让设计更自然?
在今天分享的最后一场晚会上,我将和大家聊一聊这个环节中经常听到的一个词,那就是“自然”。学术界和工业界对自然有很多了解。我们把它定义为形容词。我们觉得这种行为很自然。我们经常在各种场合听到一句话,设计是关于如何操作的。在此基础上,蚂蚁设计想谈谈它是如何自然工作的。
还分享一个小案例。有一天在我们的用户群中,我们的用户反馈了一个非常有趣的问题。他有没有说雀可以插画?俞阙负责人在现场,他回答说:“当然,最基本的能力。”。我们的用户会问第二个有代表性的问题:“但是我们找不到它在哪里”。语言鸟是阿里内外都喜欢的文档文件。在编辑页面的第一页,我们的工程师将其设为绿色。你点的第一行是上传图片的功能。但是你想过吗?我们只隐藏了一级,让用户记不住这个功能,我们只隐藏了一级,让用户找不到这个功能。这不是雀的独有特点和问题,而是这个时代大多数问题的特点和问题,因为大部分产品都是基于1973年的。

推荐阅读