设计系统

Design System

如何构建百度智能云设计系统

两大核心能力助力业务发展

01

标准指导  控制质量

通过规范提供设计标准指导,让设计产出达到良好的质量。

02

资产复用  提升效率

资源工具解决设计重复劳动,释放人力投入到价值更高的工作里。

百度智能云设计系统全景图

百度智能云设计系统规范层、组件层、工具层与迭代机制全景图

设计系统构成:规范层

智能云全局样式覆盖桌面、移动与大屏三端,基于品牌色适配不同硬件特性,统一组件与视觉元素,保障设计语言一致性。

智能云桌面端、移动端和大屏端全局样式规范

桌面端

定义了桌面组件、页面、图形元素(图标、插画)的通用视觉标准,约束设计师设计边界,保证产品视觉一致性。

移动端

以桌面端全局规范为基础,根据移动端特性进行规范扩展,实现智能云下桌面与移动端视觉的一致性。

大屏端

根据大屏效果为重,业务属性强的业务特点,不做规范层过多约束,仅保证大屏基础视觉(颜色、圆角)与智能云设计语言一致。

设计系统构成:组件层

伴随大模型业务增长,设计系统沉淀对话核心场景组件,覆盖唤醒、表达、确认、反馈四阶段,支持设计师快速搭建界面,提升产出效率与质量。

大模型组件唤醒、表达、确认与反馈阶段设计

设计系统构成:工具层

Design Token 支持设计与开发共同维护,实现组件与界面主题快速切换,并提升跨职能协作效率。

Design Token 参数代码与组件映射

百度智能云设计系统应用效果

100 款+支持智能云及跨群组设计协作

除支持智能云百余款产品外,还覆盖 TPG、ACE 等跨部门业务,在保障设计质量与一致性的同时,扩大团队影响力。

50% +整体工作效率提升

基础设计需求由交互基于组件规范直接交付,减少视觉设计投入,将设计资源聚焦于更高价值工作。

联通、国投服务各类客户

已为联通、国投等私有化大客户提供设计咨询与方案交付,以精简人力提升交付效率与客户满意度。

智能云设计规范、Design Token 与产品应用效果