VISUAL LANGUAGE / DESIGN GUIDE

Adobe Spectrum

Adobe Spectrum

Spectrum 是 Adobe 的设计系统,强调创作与工作工具的组件一致性。工具栏、属性区与画布的关系比简单模仿灰色界面更关键。

Adobe Spectrum设计指南

本站编写的设计取舍与实现建议;实例是说明用的界面方案,不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统,并非同一层级的视觉流派。

设计原理

Spectrum 是 Adobe 的设计系统,强调创作与工作工具的组件一致性。工具栏、属性区与画布的关系比简单模仿灰色界面更关键。

适用场景

创意编辑器、资源管理、需要精细控件的工作区。

不适用与取舍

单页海报或把全部控件压缩为难点的小图标的移动页面。

实现方法

参考官方组件与令牌,区分紧凑工作区和触控尺度;工具提供名称、快捷键与状态。面板可折叠但不丢失焦点,画布操作有菜单或键盘替代。

具体界面示例

图像编辑原型以画布居中、属性侧栏在旁,滑块可直接输入数值,当前工具有文字名称。

常见误区

官方视觉相似不代表实现正确;不要复制小控件外观却遗漏键盘、读屏和精确输入。

延伸阅读

下列技术规范或官方文档可用于核对实现;本站示例与设计取舍由本站编写。

继续比较

结合材料、布局或父子变体比较选择。

启用 JavaScript 可切换浅深色、收藏、使用组件演示并复制提示词。实例用于解释设计,不代表真实业务业绩。