AGILOR Design System
2022年,随着安捷(AGILOR)的成长和市场变化,我们的产品设计和用户体验必须保持高质量和一致性。在这样的情景下,以前的后台难以满足公司产品的日趋发展,于是便有了AGILOR Design System这个项目。
这是安捷(AGILOR)第一个成型的内部产品后台设计系统。它包含了可复用的WbU川
组件、视觉样式和设计准则。
开端
为什么要构建一套完整可复用的设计系统呢?回答这个问题之前,我们先回到当时团队
遇到的问题中来,在实际问题中一步步找到答案。
一缺少统一的视觉语言
一无法复用造成的资源浪费
一非单一真实来源的设计资源
一工程师和设计师之间不同的「语言」体系
起步的难点
经验主义让我们退缩。对于没经验,从前没涉及过的事物总会有人心的畏惧感,而且还
是着手做像「构建设计系统」这样大的项目。不过幸运的是,我们尚能在庞大的互联网
中找到许多优秀的设计系统进行学习和借鉴,在这个方面一点也不用忌讳或是回避,我
们确实在没经验的情况下向各个设计系统学习了很多,
一切开始之前是要让团队成员看到价值。这件事做与不做,成功与否,最终效果如何和
大家投入的热情程度,我觉得让团队成员理解到这是一个有价值的项目是非常有必要
的。毕竟大家都不想投入精力在一个价值产出比失衡的事情上。
我们平常手上都有其他的任务,时间安排使成了一个问题。不消说,虽然对构建设计系
统没有经验,但是能够想到这一件耗时耗力的事情。那就需要有一个统筹的任务计划来
对时间进行合理的安排。
指导原则
这4项原则是团队共同的指导方针,它们有助于塑造我们的设计方法,并在整个过程中
协助我们在产品设计过程中评估权衡。
一连贯一致
面对众多的元素和组件,在确保最大程度的灵活性和模块化的前提下,要求所有组件在
设计交互上的连贯一致。
一信息抽象化
设计和交互应当从较大的范国上全局思考,透过众多复杂化的功能抽离出重要的信息,
构建必要的内容而不是言目堆砌。
一共享语言
通过为设计师和开发工程师创建一种统一的共享语言,快速的响应问题,不断的有效传
达以构建高效的沟通环境。
一持续更新
设计系统是持续演变的,我们鼓励分享好的想法,采纳各个渠道的建设性意见,努力打
造一个成长型的设计系统。