Adobe Spectrum
Adobe Spectrum / 2013– / 风格 / 平台界面语言
Adobe 跨应用的设计系统。它以理性、人性与专注为原则,在桌面端和移动端之间调整密度,同时让工具繁多的界面不从作品本身夺走注意力。



快速判断
视觉特征
- 中性色表面,鲜明色彩只留给选中状态
- 图标、字体与边框按同一尺度共同变化
- 工具栏和属性面板用细线相接
- 创作内容始终比界面更有视觉分量
适用场景
- Creative tools for image, video or documents where controls should recede
- Moving one product between desktop and mobile with a systematic density change
使用这一风格
把简短指引带入项目,或将结构化规格交给AI工具。
详细方法与出处制作规则、真实案例、比较、研究与引用格式
辞典词条
- 字体
- Use a sans that survives small labels; optimize for identifying actions, not dramatic headings.
- 版面
- Keep the canvas central and tools at the edges; change every element through the same density scale.
- 材料
- Build with steps of neutral color and assign vivid color only to selection, focus and warning.
- 注意
- A dark panel does not make a creative tool. Mixed density scales blur the line between an action and a readout.
- 延伸阅读
- Rational, Human and Focused / Desktop and mobile scales / Spectrum 2 color and icon revisions
相关词条
- Fluent 2 (フルーエント2)共同感受:Trust / Technique / Calm。比较Adobe Spectrum与Fluent 2
- GitHub Primer (GitHub Primer)同属平台界面语言。比较Adobe Spectrum与GitHub Primer
继续浏览平台界面语言
从平台界面语言中按共同感受优先推荐以下词条。
- Adwaita (アドワイタ)共同感受:Technique / Calm / Trust。
- GOV.UK Design System (GOV.UK デザインシステム)共同感受:Trust / Calm / Technique。
- Breeze (ブリーズ)共同感受:Technique / Calm / Trust。
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- Link
- https://indexstyle.org/zh/styles/adobe-spectrum
- Markdown
- [Adobe Spectrum — IndexStyle](https://indexstyle.org/zh/styles/adobe-spectrum)
- HTML
- <a href="https://indexstyle.org/zh/styles/adobe-spectrum">Adobe Spectrum — IndexStyle</a>