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.



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
- Skeuomorphism (スキューモーフィズム)Effets partagés : Intimacy.Comparer Aqua et Skeuomorphism
- Liquid Glass (リキッドガラス)Même famille : Apple UI.Comparer Aqua et Liquid Glass
Plus de Apple UI
Poursuivez avec des styles de Apple UI, classés par effets communs.
- visionOS Spatial Design (visionOS 空間デザイン)Effets partagés : Futurity.
- Brushed Metal (ブラシドメタル)
- Platinum (プラチナ)
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>