Autodesk Design System

工业软件美学 · 精确至上 · 2026.02.18

3M+
Users
12
Design Products
50+
Industries
Design Tokens

Autodesk 的设计语言追求"工业精确"——深色界面减少视觉疲劳、专业蓝色点缀、高密度信息布局。

:root {
  --color-brand: #0696D7; /* Autodesk Blue */
  --color-bg: #1A1A1A; /* Dark Surface */
  --color-surface: #2D2D2D;
  --radius-sm: 2px;
}
#069
#1A1
#4A4
#E8E
#2D2
CAD Toolbar System

专业工具栏——图标驱动的命令面板、可自定义布局、右键上下文菜单。

.toolbar {
  display: flex;
  background: #2D2D2D;
  border-radius: 2px;
}

.tool-btn:hover {
  background: #0696D7;
}
Design Philosophy
  • Precision First: 设计师需要像素级精确
  • Density Matters: 专业用户需要高信息密度
  • Keyboard Driven: 快捷键是效率的核心
  • 3D Context: 设计围绕三维空间思维
The Formula

Precision = Control × Speed − Abstraction

精确 = 控制 × 速度 - 抽象