Uber设计总监自述:每天1000万次出行背后的设计智慧( 三 )
这套系统必须能够在不破坏用户熟悉的体验情况下引入创新。
基础设计系统
通过为设计打造一个坚实的地基,我们构建了一个灵活的系统,使设计师能够自由探索,同时保持核心一致性和质量。
优步设计系统的基础元素
在2018年,我们创建了一个Web React库,并将其作为Base Web开源项目发布给公众。我们将其称为“基础”,因为它专注于基础知识,例如:排版、颜色、网格和图标,以及按钮,列表和控件等基本元素。今天,它已成为我们所有产品的UI框架。
(彩云注:设计库以前端框架的形式存在很实用,类似lottie这种解决方案,直接将效果转变为代码,更容易落地。)
设计师不应该只是根据设计系统检查他们的工作,而应该将其与工作流程相结合。
设计系统是拼图的第一块,而不是最后一块,目的是让设计更高效,同时保持高标准和一致性。这就是为什么我们认为“基础”简单易行。它有四种字体类别,三种主要颜色:白色,黑色和强调色,以及五种基于四像素网格的核心尺寸。
推荐阅读
- 明日方舟|明日方舟:早露皮肤的攻击动作设计得很出彩,化身成白熊的指挥员
- 设计师|魔兽世界:9.1.5刚上线,就要9.2了?来看设计师爆料的更多细节
- 文明|LOL:设计师的想象力从未下水道,细看符文之地,竟是地球缩影!
- 原神|扒遍了《原神》的五张地图,我发现它悄悄改了自己的开放世界设计
- edg战队|设计师爆料EDG冠军皮肤主色调:黑、白、红配色更和谐
- 常规赛|幻想概念原画设计,每一笔都尽显功底,故事性也是很强
- 黄忠|三国杀:星黄忠入围技能新鲜出炉,“穿杨”的设计天马行空
- 手办|设计师是黑粉吗?Q版手办做成这样,网友直呼辣眼睛
- 炉石传说|炉石传说:把冲锋玩到极致?设计师千万不能看到的OTK冲锋套路
- 设计师|我为潮玩疯狂氪金:90后小伙一年买一屋娃,设计师逐梦研发30款玩具