Adobe Spectrum

Adobe Spectrum / 2013– / Estilo / Lenguajes de pantalla

El sistema de diseño de Adobe para todas sus aplicaciones. Bajo los principios Racional, Humano y Enfocado, cambia la densidad entre escritorio y móvil mientras evita que las interfaces cargadas de herramientas resten atención a la obra.

Adobe Spectrum — interpretación generada por IA 1 — Interpretación generada por IA, no una obra de referencia

Adobe Spectrum — interpretación generada por IA 2 — Interpretación generada por IA, no una obra de referencia

Adobe Spectrum — interpretación generada por IA 3 — Interpretación generada por IA, no una obra de referencia

De un vistazo

Rasgos visuales

Superficies neutras y color vivo reservado para la selección
Iconos, tipografía y bordes que cambian de escala juntos
Barras de herramientas y paneles de propiedades unidos por divisiones finas
La obra creativa conserva más presencia que la interfaz

Usos idóneos

Creative tools for image, video or documents where controls should recede
Moving one product between desktop and mobile with a systematic density change

Usar este estilo

Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.

design.md prompt de imagen API JSON MCP y acceso automático Combinar

abrir en ChatGPT abrir en Claude abrir en Google AI

Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas

Entrada del diccionario

Tipografía: Use a sans that survives small labels; optimize for identifying actions, not dramatic headings.
Composición: Keep the canvas central and tools at the edges; change every element through the same density scale.
Material: Build with steps of neutral color and assign vivid color only to selection, focus and warning.
Precaución: A dark panel does not make a creative tool. Mixed density scales blur the line between an action and a readout.
Para profundizar: Rational, Human and Focused / Desktop and mobile scales / Spectrum 2 color and icon revisions

Entradas relacionadas

Fluent 2 (フルーエント2)Efectos compartidos: Trust / Technique / Calm.Comparar Adobe Spectrum y Fluent 2
GitHub Primer (GitHub Primer)Misma familia: Lenguajes de pantalla.Comparar Adobe Spectrum y GitHub Primer

Más de Lenguajes de pantalla

Continúa con estilos de Lenguajes de pantalla, priorizados por sus efectos compartidos.

Adwaita (アドワイタ)Efectos compartidos: Technique / Calm / Trust.
GOV.UK Design System (GOV.UK デザインシステム)Efectos compartidos: Trust / Calm / Technique.
Breeze (ブリーズ)Efectos compartidos: Technique / Calm / Trust.

Ver todas las entradas de Lenguajes de pantalla

Citar esta entrada

El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.

Link: https://indexstyle.org/es/styles/adobe-spectrum
Markdown: [Adobe Spectrum — IndexStyle](https://indexstyle.org/es/styles/adobe-spectrum)
HTML: <a href="https://indexstyle.org/es/styles/adobe-spectrum">Adobe Spectrum — IndexStyle</a>

Volver a su posición en el índice