Adobe Spectrum

Adobe Spectrum / 2013– / 风格 / 平台界面语言

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

Adobe Spectrum — AI 生成的诠释图像 1
AI 生成的诠释图像(并非参考作品)
Adobe Spectrum — AI 生成的诠释图像 2
AI 生成的诠释图像(并非参考作品)
Adobe Spectrum — AI 生成的诠释图像 3
AI 生成的诠释图像(并非参考作品)

快速判断

视觉特征

  • 中性色表面,鲜明色彩只留给选中状态
  • 图标、字体与边框按同一尺度共同变化
  • 工具栏和属性面板用细线相接
  • 创作内容始终比界面更有视觉分量

适用场景

  • 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

相关词条

继续浏览平台界面语言

从平台界面语言中按共同感受优先推荐以下词条。

查看平台界面语言全部词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

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>

返回索引中的位置