Adobe Spectrum

Adobe Spectrum / 2013– / Style / Langages d'écran

Le système de design transversal d'Adobe. Suivant les principes Rationnel, Humain et Ciblé, il fait varier la densité entre ordinateur et mobile tout en empêchant les interfaces riches en outils de détourner l'attention de l'œuvre.

Adobe Spectrum — interprétation générée par IA 1 — Interprétation générée par IA, pas une œuvre de référence

Adobe Spectrum — interprétation générée par IA 2 — Interprétation générée par IA, pas une œuvre de référence

Adobe Spectrum — interprétation générée par IA 3 — Interprétation générée par IA, pas une œuvre de référence

En un coup d’œil

Signes visuels

Des surfaces neutres, la couleur vive réservée à la sélection
Icônes, typographie et bordures changeant d'échelle ensemble
Barres d'outils et panneaux de propriétés reliés par de fines séparations
Le travail créatif reste plus présent que l'interface

Usages idéaux

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

Utiliser ce style

Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.

design.md prompt d’image API JSON MCP et accès machine Composer

ouvrir dans ChatGPT ouvrir dans Claude ouvrir dans Google AI

Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations

Entrée du dictionnaire

Typographie: Use a sans that survives small labels; optimize for identifying actions, not dramatic headings.
Composition: Keep the canvas central and tools at the edges; change every element through the same density scale.
Matière: Build with steps of neutral color and assign vivid color only to selection, focus and warning.
Précaution: A dark panel does not make a creative tool. Mixed density scales blur the line between an action and a readout.
Pour approfondir: Rational, Human and Focused / Desktop and mobile scales / Spectrum 2 color and icon revisions

Entrées liées

Fluent 2 (フルーエント2)Effets partagés : Trust / Technique / Calm.Comparer Adobe Spectrum et Fluent 2
GitHub Primer (GitHub Primer)Même famille : Langages d'écran.Comparer Adobe Spectrum et GitHub Primer

Plus de Langages d'écran

Poursuivez avec des styles de Langages d'écran, classés par effets communs.

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

Voir toutes les entrées Langages d'écran

Citer cette entrée

Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.

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

Revenir à sa position dans l’index