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