Aqua (interfaz de usuario)

Apple utilizó Lucida Grande como tipografía del sistema desde la primera versión, Cheetah, hasta Mavericks. Ocasionalmente, también usó Helvetica y Helvetica Neue , por ejemplo, en aplicaciones como Mail e iPhoto . La tipografía del sistema se cambió a Helvetica Neue en Yosemite y, posteriormente, en El Capitan, a la tipografía San Francisco , propia de Apple . macOS utiliza suavizado de bordes en todo el sistema para lograr que los contornos se vean más suaves y preservar la forma distintiva de las tipografías, a veces a costa de la nitidez y la claridad.

Aqua hace un uso intensivo de la animación . Algunos ejemplos son:

• Los iconos del Dock rebotan hacia arriba y hacia abajo a medida que se abren las aplicaciones correspondientes.
• Los iconos del Dock también rebotan hacia arriba y hacia abajo, con un ritmo diferente, cuando una aplicación en segundo plano requiere la atención del usuario.
• Los iconos del Dock pueden aumentar de tamaño al acercarse el cursor. Esta función (denominada "ampliación") es opcional.
• Cuando se minimizan, las ventanas son "absorbidas" en el Dock usando el "efecto Genio" o el "efecto Escala". Ambos efectos son personalizables por el usuario. El primero hace que una ventana se convierta en una forma curva que parece una animación inversa de un genio saliendo de una lámpara , y el segundo reduce la ventana hasta que sea lo suficientemente pequeña como para estar en el Dock. Al presionar la tecla Shift , ambos efectos se pueden ver en cámara lenta . Estas combinaciones de teclas también se pueden aplicar a otros efectos de Aqua como Dashboard , Mission Control y Front Row . Mantener presionada Control además de Shift hace que el efecto de minimización dure el doble que solo mantener presionada Shift. Mantener presionada solo Control también ralentiza ligeramente la animación. Hay otro efecto de Dock no documentado llamado "Aspirar" que se puede habilitar editando manualmente un archivo de configuración o usando un comando de Terminal; ^{[ 18 ]} este parece ser el mismo efecto que acompaña a la eliminación de widgets del Dashboard.
• Cuando se abre o se cierra una carpeta en el escritorio , la ventana del Finder correspondiente parece surgir del icono de la carpeta o desaparecer dentro de él, en lugar de aparecer de la nada. Este efecto estaba presente en el Finder de Mac OS clásico con el nombre de ZoomRects, pero había desaparecido en las primeras versiones para desarrolladores de Mac OS X.
• Las hojas se "despliegan" desde las barras de título de las ventanas. Parecen trozos de papel que se empujan hacia el usuario o se deslizan como si fueran papeles de una bandeja.
• Los widgets del Dashboard parecen volar hacia la pantalla. Los widgets del Dashboard aparecen con un efecto de "onda", como si cayeran sobre la superficie de un estanque . Al eliminarlos, los widgets son absorbidos por el botón de cerrar como si fueran atraídos por una aspiradora. Este efecto se puede aplicar a las ventanas que se minimizan al Dock. ^{[ 18 ]} A partir de Mac OS X 10.7 Lion, la configuración predeterminada del Dashboard difiere de la de versiones anteriores (ocupa su propio espacio en Mission Control), lo que provoca que se elimine el efecto de onda. Sin embargo, el usuario puede volver a invocar el Dashboard original (junto con el efecto de onda) en Preferencias del Sistema.
• Al hacer clic en el icono, el contenido de una pila parecerá brotar de detrás de él.
• En la beta pública de Mac OS X , los elementos acoplados que se arrastraban al escritorio simplemente desaparecían, aparentemente "cayendo" sobre él. Este comportamiento cambió con Mac OS X 10.0 ; a partir de esta versión, los elementos que se arrastraban fuera del dock "desaparecían" en una nube de humo de estilo caricaturesco, un efecto que Apple utilizó posteriormente en varios lugares (como la barra de marcadores de Safari y la eliminación de etiquetas de iPhoto). Un efecto similar se utilizó en el sistema operativo Newton de Apple . En OS X 10.10 Yosemite, este efecto ya no está presente; el elemento simplemente desaparece, aunque todavía se puede ver en el selector de arranque de los ordenadores Mac con procesador Intel cuando se desconecta un dispositivo de arranque (como un disco duro externo).
• A partir de Mac OS X 10.7 Lion, las ventanas que contienen un documento o sitio web se abren con una animación similar a la de Windows Aero . Un efecto de zoom similar se observa al abrir archivos desde el escritorio o dentro de una ventana del Finder . Esto también se aplica a todo el escritorio cuando un usuario inicia sesión.
• Cuando se utiliza el cambio rápido de usuario, el efecto "Cube" de Apple se utiliza para transferir información entre escritorios y/o la ventana de inicio de sesión.

Muchos de estos efectos pueden ser desactivados por el usuario o solo están disponibles en hardware compatible.

Aqua funciona gracias al servidor de visualización Quartz Compositor .

Mac OS X 10.2 "Jaguar" introdujo elementos de interfaz más planos, como nuevos botones y menús desplegables, y redujo la transparencia para atenuar las finas líneas en ventanas y menús. Estas tendencias continuaron en versiones posteriores de Mac OS X.

En Mac OS X Panther, los botones se hicieron parecer hundidos en su entorno, siguiendo una tendencia general de elementos de interfaz más planos en el sistema operativo. Las tradicionales rayas finas se reemplazaron con un tema mucho más sutil, sobre todo en la barra de menú , y el uso de transparencia se redujo nuevamente (por ejemplo, en las barras de título de las ventanas inactivas). Las pestañas también cambiaron; se hicieron más planas y toda el área de la pestaña se hundió en lugar de elevarse. Los botones de pestaña se centraron en el borde superior del área de la pestaña. Aparecieron nuevos iconos en todo el sistema, incluido un nuevo icono de Finder más plano y brillante y un nuevo icono de Preferencias del Sistema . ^{[ 19 ]} Panther también presentó un mayor uso del aspecto "Brushed Metal", especialmente en Finder y el navegador web Safari . Brushed Metal había aparecido por primera vez en QuickTime Player 4.0 en 1999. Las Directrices de Interfaz Humana de Apple establecían que la interfaz de metal cepillado se utilizara para programas que imitaran el funcionamiento o la interfaz de dispositivos comunes del mundo real ( esqueuomorfismo ).

Mac OS X Tiger introdujo cambios más sutiles, incluido el esquema unificado de la barra de título. ^{[ 20 ]} Las rayas finas se eliminaron por completo de la barra de menú y se reemplazaron por un aspecto blanco brillante. Las pestañas se modificaron para que parecieran botones segmentados normales. El icono del menú de Apple se suavizó a una apariencia más mate y la nueva utilidad de búsqueda Spotlight se ubicó permanentemente en el extremo derecho de la barra de menú con el mismo color y degradado que el menú de Apple. ^{[ 15 ]}

Mac OS X Leopard introdujo cambios de gran alcance en Aqua. Las ventanas Aqua y las ventanas "Brushed Metal" adquirieron el mismo aspecto metálico grisáceo, se eliminaron por completo los fondos a rayas, las barras de herramientas y las barras de título se fusionaron en un solo elemento, las diferencias entre ventanas activas e inactivas se hicieron más evidentes mediante sombras más gruesas y una apariencia monocromática para las ventanas inactivas, el color de la barra de menús cambió a gris con una opción de semitransparencia en Macs compatibles y el Dock adquirió un aspecto 3D con un "suelo" reflectante similar al cristal. El diseño del Dock, cuando se colocaba a la izquierda o a la derecha, cambió a un fondo negro translúcido con un borde blanco y esquinas redondeadas. Los menús contextuales tenían esquinas ligeramente redondeadas y se rediseñaron numerosos iconos, incluidos los iconos de carpetas y los de Preferencias del Sistema . ^{[ 14 ]}

Mac OS X Snow Leopard no introdujo prácticamente ningún cambio en Aqua. Lo más destacable fue que el menú contextual de los elementos del Dock pasó de un blanco sólido a un negro translúcido. ^{[ 21 ]}

Mac OS X Lion introdujo muchos cambios inspirados en iOS que persistieron en OS X Mavericks y OS X Yosemite, aunque este último modificó la estética general. Se eliminaron las barras de desplazamiento y sus asas se convirtieron en barras delgadas y semitransparentes que desaparecen cuando no se usan. Se redujeron los radios de las esquinas de los botones, lo que le dio una apariencia similar a la de Mac OS 8 y 9. La apariencia gelatinosa de la mayoría de los componentes se reemplazó por un aspecto ligeramente brillante y más plano. Los fondos de las ventanas se volvieron un poco más brillantes y las esquinas de las ventanas se redondearon. Lion también añadió más animaciones. ^{[ 22 ]}

OS X Mountain Lion introdujo solo cambios menores y modificó la apariencia del Dock a un estilo de vidrio esmerilado, con esquinas redondeadas, luces indicadoras rectangulares, un nuevo separador diagonal y un nuevo icono de Papelera . ^{[ 23 ]}

OS X Mavericks eliminó varios diseños elaborados y ornamentales, reflejando la renovación del diseño en iOS 7. Las aplicaciones Calendario , Contactos y Notas perdieron respectivamente su apariencia esqueuomórfica de cuero, libro y bloc de notas (todas introducidas en Lion). Las texturas de lino en el Centro de notificaciones y Launchpad también se eliminaron y se reemplazaron por fondos grises simples. El Dock se hizo blanco cuando se configuraba para aparecer de lado, de forma similar a su diseño original en esa posición, aunque conservó el diseño general de las versiones esqueuomórficas anteriores. ^{[ 24 ]}

En OS X Yosemite , muchos de los elementos e iconos de Aqua se simplificaron y aplanaron, siguiendo un cambio de diseño similar en iOS 7. Apple incorporó el mismo efecto de vidrio esmerilado saturado , llamado "Vibrancy", en todo el sistema. Algunos ejemplos incluyen el Dock, la barra de menús, las barras laterales, el Centro de notificaciones y Mission Control . Se aplicó un efecto similar a las barras de herramientas, pero mantuvieron su apariencia gris. Los botones de la barra de herramientas se volvieron blancos y Apple introdujo un tipo de barra de herramientas más compacta que eliminó el título de la ventana, pero conservó los botones de la barra de herramientas (por ejemplo, en Safari ). Ciertos controles, como las casillas de verificación y los botones de radio, obtuvieron animaciones, mientras que las animaciones en otros lugares se eliminaron, como la animación "poof" al eliminar un icono del Dock y la animación "cube" al cambiar rápidamente a otra cuenta de usuario. Apple cambió la tipografía del sistema a Helvetica Neue . Yosemite también agregó un "tema oscuro" que el usuario puede habilitar en la configuración, el cual hace que el Dock y la barra de menús sean negros. ^{[ 16 ]}

OS X El Capitan solo introdujo cambios menores en Aqua. Los botones blancos de la barra de herramientas recuperaron un aspecto ligeramente brillante, el molinillo giratorio se rediseñó y el efecto Vibrancy se redujo en ciertas áreas, como Mission Control . La tipografía del sistema se cambió una vez más, a la tipografía San Francisco de Apple , simultáneamente con iOS 9 y tras el lanzamiento de la tipografía en watchOS en abril de 2015. ^{[ 25 ]} Estos cambios continuaron a lo largo de macOS Sierra , High Sierra , Mojave y Catalina .

macOS Big Sur introdujo cambios importantes en el diseño de Aqua, alineándolo con otras plataformas de Apple como iOS y iPadOS . El Dock se separó del borde de la pantalla y se volvió más redondeado en todas las esquinas. Los iconos pasaron a tener forma cuadrada redondeada y adquirieron una mayor profundidad. Las barras de título perdieron su degradado cromado, optando por un aspecto blanco plano, y el texto de la barra de título ahora era en negrita y estaba alineado con los elementos de la barra de herramientas, que ya no se encuentran dentro de un fondo distinto. Los diálogos modales cambiaron significativamente, siendo tan grandes como su contenido; dispuestos con un icono grande en la parte superior, texto en el centro y botones en la parte inferior. Las hojas ya no se deslizaban como papel desde debajo de la barra de título, sino que simplemente aparecían gradualmente desde el centro de la ventana. Las barras laterales unificadas se volvieron más comunes y son la opción predeterminada para todas las aplicaciones. Las ventanas ahora tenían esquinas más redondeadas y adoptaban un tono del fondo de pantalla del usuario, similar al efecto Mica de Windows 11. La barra de menú ahora era completamente transparente, utilizando un fuerte desenfoque para diferenciarse del fondo. Esta revisión de Aqua se siguió utilizando en macOS Monterey , Ventura , Sonoma y Sequoia .

Como parte de un movimiento más amplio para estandarizar el lenguaje de diseño visual en todos sus productos, macOS adoptó Liquid Glass con macOS Tahoe, reemplazando a Aqua.