Adobe Spectrum

Adobe Spectrum / 2013– / Estilo / Lenguajes de pantalla

Adobe's cross-application design system. Under the principles Rational, Human and Focused, it changes density between desktop and mobile while keeping tool-heavy interfaces from pulling attention away from the work itself.

Neutral surfaces with vivid color reserved for selection / Icons, type and borders scaling together / Toolbars and property panels joined by fine divisions / The creative work stays stronger than the interface

Imágenes en la página de origen

Entrada del diccionario

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
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

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