Uber设计总监自述:每天1000万次出行背后的设计智慧( 三 )

这套系统必须能够在不破坏用户熟悉的体验情况下引入创新。

基础设计系统

通过为设计打造一个坚实的地基,我们构建了一个灵活的系统,使设计师能够自由探索,同时保持核心一致性和质量。

Uber设计总监自述:每天1000万次出行背后的设计智慧

优步设计系统的基础元素

在2018年,我们创建了一个Web React库,并将其作为Base Web开源项目发布给公众。我们将其称为“基础”,因为它专注于基础知识,例如:排版、颜色、网格和图标,以及按钮,列表和控件等基本元素。今天,它已成为我们所有产品的UI框架。

(彩云注:设计库以前端框架的形式存在很实用,类似lottie这种解决方案,直接将效果转变为代码,更容易落地。)

设计师不应该只是根据设计系统检查他们的工作,而应该将其与工作流程相结合。

设计系统是拼图的第一块,而不是最后一块,目的是让设计更高效,同时保持高标准和一致性。这就是为什么我们认为“基础”简单易行。它有四种字体类别,三种主要颜色:白色,黑色和强调色,以及五种基于四像素网格的核心尺寸。

推荐阅读