Aqua
アクア / 2000–2014 / Estilo / Apple UI
El lenguaje de diseño que Mac OS X presentó con sus botones que dan ganas de lamer. El brillo de gelatina, las rayas finas, las sombras profundas y el efecto genio escenificaban las piezas digitales como objetos que se pueden tocar, y fijaron las reglas de la interfaz durante toda la década de 2000. Lo que la web de entonces hizo de todo esto con imágenes se llama Web 2.0 Gloss.
De un vistazo
Rasgos visuales
- Botones con brillo de gel
- Fondos de rayas finas
- Sombras arrojadas profundas
- Metáforas de agua y luz
Usos idóneos
- Recrear la cultura digital de los años dos mil con la textura que tenía entonces
- Hacer que lo manipulable se lea de inmediato como un objeto que se puede pulsar
Usar este estilo
Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.
Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas
Entrada del diccionario
- Tipografía
- Texto sin sombra, con un grosor que aguante la lectura sobre una superficie brillante
- Composición
- Componentes a intervalos iguales, con holgura para que la sombra caiga entre las caras
- Material
- Un brillo blanco intenso en la mitad superior, reflejo y sombra profunda en el borde inferior
- Precaución
- Aplicar brillo y sombra por igual a todos los componentes oculta cuál se puede pulsar, y queda la textura donde debería estar la jerarquía
- Para profundizar
- the Mac OS X Public Beta, 2000 / Jobs's 'lick it' line / the return in Liquid Glass
Entradas relacionadas
- Skeuomorphism (スキューモーフィズム)Efectos compartidos: Intimacy.Comparar Aqua y Skeuomorphism
- Liquid Glass (リキッドガラス)Misma familia: Apple UI.Comparar Aqua y Liquid Glass
Más de Apple UI
Continúa con estilos de Apple UI, priorizados por sus efectos compartidos.
- visionOS Spatial Design (visionOS 空間デザイン)Efectos compartidos: Futurity.
- Brushed Metal (ブラシドメタル)
- Platinum (プラチナ)
Ver todas las entradas de Apple UI
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/aqua
- Markdown
- [Aqua — IndexStyle](https://indexstyle.org/es/styles/aqua)
- HTML
- <a href="https://indexstyle.org/es/styles/aqua">Aqua — IndexStyle</a>