Langages d'écran
Des langages de conception écrits expressément pour l'écran, puis rendus publics. Sur une même étagère, on distingue d'un coup d'œil ceux des entreprises qui ont sorti un système d'exploitation et ceux des gouvernements, qui n'avaient aucune raison de cacher des règles payées par l'impôt.
Entrée du dictionnaire
- Motif 1989– / Style
Motif est le langage d'interface des stations de travail UNIX, maintenu par The Open Group, normalisé sous le nom d'IEEE 1295 et porté sur plus de deux cents machines. Sa documentation officielle parle elle-même d'une apparence biseautée en trois dimensions, autrement dit chaque pièce repose sur une face grise dont les bords reçoivent une couleur claire et une couleur sombre qui la font saillir.
- OPEN LOOK 1988–1990s / Style
Le langage d'écran pour stations de travail UNIX que Sun Microsystems a publié sous forme de spécification. Il définit en parallèle une version pour affichage en noir et blanc et une version en trois dimensions, compose tous les éléments communs dans une seule linéale et pose que la couleur doit rester discrète. La fenêtre surgissante porte une punaise à son épaule gauche, et la planter laisse la fenêtre sur le plan de travail.
- NeXTSTEP Interface 1988–1997 / Style
Le langage d'écran que NeXT a fixé dans son livre de directives de 1993. Le document énonce d'emblée son objectif, une palette faite seulement de noir, de blanc et de gris, et une apparence sobre qui tire son relief de l'ombrage. Le menu se dresse en colonne verticale en haut à gauche, et les icônes des applications résidentes s'alignent verticalement le long du bord droit.
- Amiga Workbench 1985–1996 / Style
Le langage d'écran de l'Amiga, que Commodore a fixé dans son propre guide de style. Les premières versions travaillent avec quatre couleurs seulement, du bleu avec du blanc et de l'orange, et logent Topaz, une police bitmap anguleuse, dans une grille de 640×200. Ce sont les écrans eux-mêmes, et non les fenêtres, qui forment des couches, si bien que tirer la barre supérieure vers le bas fait apparaître l'écran qui tournait derrière.
- BeOS Interface 1995–2001 / Style
Le langage d'interface de Be, qui a renoncé à la barre de titre occupant tout le bord supérieur de la fenêtre pour n'y poser qu'un onglet jaune de la largeur du nom. Le guide officiel y voit une fonction propre aux fenêtres Be, car en maintenant Shift l'onglet glisse latéralement, si bien que des fenêtres empilées laissent une rangée d'onglets visibles au lieu de s'enterrer les unes les autres.
- Adwaita 2011– / Style
Adwaita est le nom que GNOME donne à son apparence par défaut, et ses directives posent qu'un même jeu de composants doit tenir en version claire, en version sombre et en version à contraste élevé. Une barre d'en-tête traverse le bord supérieur de la fenêtre, et les boutons qui s'y posent n'ont ni fond ni bordure. Les icônes sont unifiées en symboles monochromes de 16x16px.
- Metal (Java Look and Feel) 1998– / Style
L'apparence par défaut que Sun a conçue pour Swing, faite pour qu'un programme s'affiche de la même façon sur tous les systèmes d'exploitation. Metal était le nom de projet interne chez Sun et il est resté comme nom public. Ses marques sont les aplats bleu violet, les bordures droites d'un pixel et le refus total d'imiter la plateforme hôte.
- One UI 2018– / Style
Le langage de conception que Samsung a fixé pour les Galaxy. Il coupe l'écran à la hauteur que le pouce atteint le plus facilement et appelle la partie haute zone de lecture et la partie basse zone d'interaction, si bien que les titres restent en haut tandis que les boutons, les onglets et les boîtes de dialogue se rassemblent en bas. Le contenu est réuni dans des blocs aux angles très arrondis, le fond est blanc ou noir absolu et un seul bleu porte tous les accents.
- XrossMediaBar (XMB) 2003–2013 / Mise en page
Le langage d'interface que Sony a déposé sous le nom XMB pour ses consoles et ses téléviseurs. Comme le dit le manuel officiel, la rangée horizontale porte les catégories de fonctions et la colonne verticale ce que l'on peut faire dans chaque catégorie, et seul le point où les deux se croisent s'allume en doré pour indiquer où l'on se trouve. Tout le reste dort en bleu pâle sur un fond sombre.
- Magic Cap 1994–1998 / Imaginaire
Le langage d'écran que General Magic a installé sur ses terminaux de communication portables. Il n'imite pas des objets mais un lieu, il s'ouvre sur un bureau où reposent un téléphone, un Rolodex et un bloc de notes, puis un couloir mène à la salle de jeux ou à la réserve. Tout ce qui se touche est dessiné, et il est resté trace du fait que beaucoup de gens s'en sont servis sans lire le manuel.
- GOV.UK Design System 2012– / Style
Le langage de conception que le Government Digital Service du gouvernement britannique publie et maintient pour les services publics. Tout tient dans une seule colonne alignée à gauche et sans ornement, composée en GDS Transport, et le bouton vert garde ses angles droits en tirant son épaisseur d'un bandeau de vert plus sombre sur son bord inférieur, s'enfonçant exactement de cette épaisseur quand on le presse. Ce qui porte le focus clavier passe au jaune avec un filet noir dessous.
- Xerox Star Interface 1981–1990s / Style
Le langage d'écran fixé par le Xerox 8010 de 1981. Dossiers, corbeilles d'arrivée et de départ, tiroirs de classement et autres fournitures de bureau apparaissent en figures munies d'un libellé, et la brochure de l'époque appelait cela un bureau électronique. Les objets à l'écran se déplacent, se copient et se jettent librement à la souris.
- PLATO Terminal Screen 1972–1980s / Style
L'écran de PLATO, le réseau d'enseignement lancé par l'université de l'Illinois au début des années 1960. Sur un panneau plat au plasma sensible au toucher, les instructions de TUTOR posent texte et dessin par coordonnées, si bien que rien n'avance ligne à ligne comme dans un document. Les écrans d'affichage et de conversation ont pris ici leur forme.
- Breeze 2014– / Style
Le style visuel par défaut que KDE a introduit avec Plasma 5. L'annonce le décrit elle-même comme un thème plat et très contrasté, et les figures y sont simplifiées et rapprochées du monochrome. Au lieu d'ornement, la composition typographique sert à distinguer les éléments, et une version claire et une version sombre sont livrées en paire dès le départ.
- Acme 1994– / Style
L'écran que Rob Pike a exposé dans un article de 1994, où système de fenêtres, interpréteur de commandes et éditeur ne font qu'un. Il n'a ni menu ni icône, et n'importe quelle chaîne à l'écran s'exécute avec le bouton du milieu et s'ouvre avec le bouton droit. Les fenêtres s'empilent en colonnes et se réduisent à deux parties, une étiquette d'une ligne et un corps.
- Oberon System Interface 1988– / Mise en page
L'écran du système que Wirth et Gutknecht ont construit à l'ETH entre 1986 et 1989. Les fenêtres ne se recouvrent jamais, l'écran est d'abord découpé en bandes verticales que l'on remplit de haut en bas. N'importe quel texte de l'écran ayant la forme M.P s'exécute au bouton du milieu, si bien que le système n'a pas de composant dédié appelé menu.
- GitHub Primer 2017– / Style
Le système de design de GitHub transforme les flux de développement denses en règles communes de couleur, de typographie, d'icônes, d'espacement et de composants. Il privilégie l'avancement du travail plutôt que l'ornement et maintient de nombreux états et actions dans peu d'espace sans renoncer à l'accessibilité ni à l'adaptation aux écrans.
- Adobe Spectrum 2013– / Style
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.
- Atlassian Design System 2012– / Style
Un système qui traduit la complexité de Jira et Confluence en jetons, règles éditoriales, espacements, grilles et composants partagés. La cohérence inspire confiance tout en gardant navigables de grands ensembles de tickets, de documents et d'états.
- Ant Design 2015– / Style
Un système de design qui maintient les applications web d'entreprise à faible entropie grâce à des composants et des modèles de page réutilisables. Ses valeurs — Naturel, Certain, Significatif et Évolutif — systématisent tableaux, formulaires, hiérarchie et états sans réduire la densité d'information.
- Shopify Polaris 2017– / Style
Le cadre d'interface de Shopify donne aux produits, commandes, paiements et clients un même langage commercial. Cartes et sections séparent les décisions, tandis que des états et des actions formulés brièvement aident le marchand à faire avancer sa boutique.
- Carbon Design System 2015– / Style
Le système d'IBM pour les produits d'entreprise riches en données associe une grille stricte, la police IBM Plex et des composants compacts afin que les tâches complexes restent lisibles.
- Salesforce Lightning Design System 2015– / Style
Le langage d'interface de Salesforce pour le travail centré sur les fiches organise objets, actions et états en modèles d'espace de travail répétables.
- SAP Fiori 2013– / Style
Le langage de conception par rôle de SAP réduit les processus d'entreprise à l'information et aux actions nécessaires à chaque personne, puis les maintient cohérents sur tous les appareils.
- BBC Global Experience Language 2010– / Style
Le langage d'expérience global de la BBC unifie actualité, vidéo, audio et produits jeunesse par une hiérarchie lisible, des contrôles médias accessibles et des composants éditoriaux réutilisables.
- Mozilla Protocol 2017– / Style
Le système web flexible de Mozilla privilégie le contenu et l'accessibilité mondiale plutôt que la décoration, tout en gardant la personnalité vive du web ouvert.
- Elastic UI 2017– / Style
Le système d'interface d'Elastic est conçu pour rechercher, filtrer et diagnostiquer de grands ensembles de données sans perdre la densité opérationnelle.
- PatternFly 2012– / Style
Le langage d'écran open source de Red Hat pour les produits d'entreprise rend les infrastructures complexes gérables par une navigation dense, des vues de données et une couleur d'état strictement maîtrisée.
- elementary OS 2011– / Style
elementary OS construit un bureau cohérent, beau et immédiatement compréhensible grâce à un langage concis, des fenêtres dédiées à une seule tâche, des icônes distinctives et une profondeur retenue.
- GitLab Pajamas 2018– / Style
Le langage d'écran de GitLab relie code, tickets, revue, CI/CD et sécurité dans un produit DevSecOps unique grâce à GitLab Sans et Mono, une navigation persistante, des listes denses et une palette neutre teintée de violet.
- Firefox Photon 2017–2021 / legacy / Style
Lancé avec Firefox Quantum, Photon a unifié ordinateur et mobile autour d'un langage Firefox rapide et reconnaissable : chrome compact, couleurs vives, icônes légères et mouvement restant derrière le contenu web.
- Ubuntu Yaru 2018– / Style
Le thème par défaut d'Ubuntu, construit par la communauté, superpose aux bases Adwaita de GTK et GNOME Shell l'orange Ubuntu, des barres d'en-tête sombres et des icônes issues de Suru, distribuant fenêtres, shell, icônes, curseurs et sons comme une suite.
- Canonical Vanilla 2013– / Style
Le langage d'écran CSS de Canonical unifie Ubuntu, MAAS, Juju et leurs sites et applications par la police Ubuntu, des grilles divisées, des sections réglées et de grands espaces, optimisés pour parcourir de longs contenus techniques.
- Firefox Proton 2021–2026 / Style
La refonte de Firefox 89 a rendu le navigateur plus lumineux et calme en simplifiant barres et menus et en adoptant des onglets arrondis flottants, des icônes plus légères, davantage d'espace et une palette teintée de violet sur ordinateur, iOS et Android.
- CDE Interface 1993–2000s / Style
Le Common Desktop Environment a unifié les stations UNIX par des biseaux issus de Motif, un Front Panel permanent, le changement d'espace de travail et des icônes peu colorées, donnant à des matériels différents l'allure d'un même bureau.
- KDE Oxygen 2006–2014 / Style
Oxygen a unifié applications, espace de travail et icônes de KDE 4 par un bleu clair, un gris doux, de fins contours et des icônes semblant reposer sur une même tablette, apportant de la légèreté à un bureau dense.
- GNOME Clearlooks 2005–2011 / Style
Le thème standard de GNOME 2.12 a rendu les applications GTK aimables et simples par des fenêtres gris pâle, une sélection bleue, une brillance discrète et des limites fermes.
- Sailfish Silica 2013– / Style
Le langage QML de Sailfish OS centre l'expérience mobile sur les gestes de bord et Ambience : la couleur du fond traverse texte et accents translucides, tandis que le bord de l'écran devient retour, fermeture et changement.
- Palm OS Interface 1996–2009 / Style
Palm OS a transformé un petit écran monochrome, un stylet et des limites de mémoire strictes en un outil de travail de poche cohérent grâce au titre, au menu Catégorie, à la barre de commande, aux boutons matériels et à la zone d'écriture Graffiti.
- OS/2 Workplace Shell 1992–2001 / Style
Les dossiers, imprimantes, disques et paramètres traités avec OS/2 étaient considérés comme des objets opérationnels plutôt que des icônes isolées. Les bordures dimensionnelles, les icônes ombragées, les paramètres de la prise de notes et le glisser-déposer direct ont transformé toute la surface de travail en un environnement orienté objet.
- HarmonyOS Design 2019– / Style
Le langage visuel de Huawei réorganise les cartes, l'espacement, les arcs, les types variables et les matériaux translucides sur différentes tailles d'écran et appareils connectés, en privilégiant la continuité de l'information et des actions plutôt qu'un écran fixe.