Alius 设计系统是 Alius 具身智能平台的统一设计语言与执行规范。

它服务于:

  • 官网与文档中心
  • 软件客户端
  • AI Agent / CLI / Agent 工具
  • 硬件产品外观与包装
  • 开源项目页面
  • 供应商物料制作
  • 社区贡献者协作

它不是简单的”颜色和字体规范”,而是一套将品牌使命、产品定位、用户体验、交互科学、视觉系统、组件资源、工程落地连接起来的长期设计基础设施。

设计价值观

开放 Open

设计应表达开放、共享、可参与的社区氛围。

  • 文档结构清晰,资源可下载
  • 组件可复用,规范可被外部供应商理解
  • 设计语言不过度封闭或高冷

低门槛 Accessible

Alius 面向希望进入机器人行业的人,设计必须降低理解成本。

  • 页面层级清晰,图文结合
  • 关键路径突出,术语解释充分
  • 新手入口明确

工程感 Engineering-driven

Alius 是机器人与 AI 工程平台,设计应体现可靠、精确、可执行。

  • 使用参数化规范:组件尺寸、间距、圆角、阴影、字体均有规则
  • 图标风格统一,每个设计决策都能解释原因

车库创业感 Garage-built

Alius 不应只有冰冷的企业科技感,还应保留”自己动手、快速验证”的创造感。

  • 适度保留工具感,设计不过度奢华
  • 多展示原型、结构、模块、装配、实验场景
  • 图像素材包含工作台、零件、开发板、3D 打印件

成熟克制 Mature

避免”AI 味过重”的复杂渐变、炫光、无意义装饰。

  • 配色克制,排版理性,信息优先
  • 视觉元素服务内容
  • 不滥用发光、玻璃拟态、复杂渐变

设计理念

交互科学

Alius 的设计系统可以被定义为一种”交互科学”。它不是单纯美化界面,而是通过科学、可验证、可复用的设计规则,让用户在复杂机器人系统中更快理解、更少犯错、更容易完成任务。

核心目标:

  • 降低认知负担
  • 提高操作确定性
  • 提升复杂信息的可读性
  • 让工具更像工具
  • 让专业系统仍然易于进入

参数化设计

所有核心视觉元素都应参数化,包括圆角、间距、字号、行高、阴影、边框、图标尺寸、卡片尺寸、按钮高度、输入框高度、页面最大宽度。

参数不是随意设置的,而应与品牌故事对应:

  • 较小圆角:体现工程精度
  • 适度圆角:体现友好和开放
  • 稳定间距:体现结构清晰
  • 克制阴影:体现成熟可靠
  • 明确边框:体现工具感与可读性

设计原则

亲密性 Proximity

相关内容放在一起,不相关内容保持距离。适用于表单字段、文档段落、卡片内容、图文说明、按钮组合。

对齐 Alignment

所有页面元素应遵循统一栅格。适用于标题、正文、图标、卡片、表格、按钮、图像。

对比 Contrast

通过字号、字重、颜色、间距建立层级。标题明显,正文舒适,注释弱化,警告突出,主按钮明确。

重复 Repetition

重复使用相同的视觉模式,降低用户学习成本。适用于卡片样式、按钮样式、图标尺寸、页面布局、代码块样式、表格结构。

简化 Simplicity

复杂系统必须通过设计简化表达。不堆叠无意义信息,不使用复杂背景,不滥用装饰,每个元素都应有功能。

可解释 Explainability

设计决策必须能解释。例如:为什么按钮高度是这个数值?为什么圆角不是完全直角?为什么图标保持线性风格?