Aqua

アクア / 2000–2014 / Style / Apple UI

Le langage de design que Mac OS X a présenté avec ses boutons qu’on a envie de lécher. Le brillant de gelée, les fines rayures, les ombres profondes et l’effet génie mettaient en scène les éléments numériques comme des objets à toucher et ont fixé les termes de l’interface pour toute la décennie 2000. Ce que le web de l’époque en a fait avec des images porte le nom de Web 2.0 Gloss.

Aqua — interprétation générée par IA 1
Interprétation générée par IA, pas une œuvre de référence
Aqua — Boîte de dialogue Aqua sous Mac OS X 2007 — Wikimedia Commons / Public domain
Boîte de dialogue Aqua sous Mac OS X 2007 — Wikimedia Commons / Public domain
Aqua — Bureau de Mac OS X 10.1 Puma (Aqua), photo d'EXXXEL3 — Wikimedia Commons / CC BY-SA 4.0
Bureau de Mac OS X 10.1 Puma (Aqua), photo d'EXXXEL3 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0

En un coup d’œil

Signes visuels

  • Boutons au brillant de gel
  • Fonds à fines rayures
  • Ombres portées profondes
  • Métaphores d’eau et de lumière

Usages idéaux

  • Restituer la culture numérique des années 2000 avec la matière qu'elle avait alors
  • Faire lire d'un coup d'œil qu'un élément est un objet sur lequel on peut appuyer

Utiliser ce style

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

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

Entrée du dictionnaire

Typographie
Aucune ombre sur le texte, une graisse suffisante pour rester lisible sur une surface brillante
Composition
Des composants à intervalles réguliers, avec un jeu où l'ombre tombe entre les faces
Matière
Un éclat blanc franc sur la moitié haute, reflet et ombre profonde sur le bord bas
Précaution
Appliquer brillance et ombre uniformément à tous les composants masque ce qui est réellement cliquable, et il ne reste que la matière là où devrait être la hiérarchie
Pour approfondir
the Mac OS X Public Beta, 2000 / Jobs's 'lick it' line / the return in Liquid Glass

Entrées liées

Plus de Apple UI

Poursuivez avec des styles de Apple UI, classés par effets communs.

Voir toutes les entrées Apple UI

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/aqua
Markdown
[Aqua — IndexStyle](https://indexstyle.org/fr/styles/aqua)
HTML
<a href="https://indexstyle.org/fr/styles/aqua">Aqua — IndexStyle</a>

Revenir à sa position dans l’index