A publicar en Google Diseño Esta semana echa un vistazo al diseño y la ilustración de la aplicación Gemini, con los degradados desempeñando un papel importante.
Google considera que los asistentes de IA son un “territorio de diseño inexplorado” similar al original (Feliz) Interfaz gráfica de usuario de Macintosh en 1984.
Utilizando metáforas visuales simples, (la diseñadora Susan Kare) hizo que los procesos digitales abstractos fueran tangibles e intuitivos para los nuevos usuarios: un bote de basura, un pincel, una cara sonriente de computadora. Sus íconos no eran solo píxeles; eran puentes entre la comprensión humana y la lógica de las máquinas.
Google dice que “Gemini enfrenta un desafío similar en cuanto a accesibilidad, visibilidad y alivio de posibles preocupaciones”. Esto se debe en parte a su “naturaleza en constante evolución” y a las “brechas conceptuales en torno a la IA” generales.
¿Cuál es el equivalente en Géminis de la cara sonriente de Kare en la computadora?
Para Google, los gradientes son la respuesta para “guiar suavemente a los usuarios hacia el nuevo mundo colaborativo con Gemini” y ofrecer un “enfoque amorfo y adaptable”.
Anuncio: desplácese para ver más contenido
Los degradados pueden tener mucho más que ver con la energía que con la “objetividad”, como en las ilustraciones de Kare (un bote de basura es una cosa, un degradado es una vibración), pero infunden espíritu y direccionalidad a Gemini.
En Gemini, los gradientes se utilizan para:
“…transmiten una transferencia de energía y un impulso direccional, cuentan con bordes de ataque afilados, casi opacos, que se difunden en la cola, actuando como punteros visuales claros para dirigir la atención del usuario hacia lo más importante”. “…para hacer que el sistema se sienta vivo, nuestros diseñadores querían visualizar el proceso de síntesis y pensamiento activo de Gemini, lo que ayuda a personificar al asistente de IA en lugar de volverlo impenetrable”.
Gemini Live y la superposición en Android, junto con el ícono, son los ejemplos más destacados disponibles en la actualidad.
La publicación de Google incluye varios diseños que el equipo exploró, como animaciones de activación alternativas al mantener presionado el botón de encendido (diseño actual: reducción de pantalla) o deslizar el dedo desde una esquina (barra de luz antigua del Asistente de Google).
También echamos un vistazo más de cerca a la animación de carga y transformación en la página de inicio de Gemini antes de que aparezcan el saludo y las sugerencias. Está inspirado en Material 3 Formas expresivas.
Hablando de formas, nos centramos en la “forma fundamental del círculo”.
Esta elección fue deliberada, ya que los círculos tienden a transmitir sencillez, armonía y comodidad. Incluso el propio logo de Gemini está cuidadosamente construido a partir del espacio negativo de cuatro círculos contiguos.
El movimiento es un “elemento guía esencial” en el diseño de Gemini:
Cada animación tiene un punto de inicio y fin definido, creando una sensación de flujo direccional que refleja las acciones del usuario. Esta sensación de capacidad de respuesta ayuda a los usuarios a comprender intuitivamente que el sistema está trabajando con ellos. La actividad interna dentro del movimiento transmite pensamiento, análisis e inteligencia, lo que hace que el procesamiento de Géminis parezca más transparente. Motion permite a los usuarios ver la información reunida, visualizando las conversaciones y la capacidad de escucha de Gemini.
La “suavidad” es otra cualidad:
Cuando es difícil abordar un sistema, el diseño debe ser suave. Esta suavidad, transmitida a través de formas de gradiente pulsantes y guiadas, lenguaje claro y señalización transparente, permite a los usuarios interactuar con el nuevo sistema sintiéndose seguros y apoyados. El gradiente puede ser muchas cosas a través de sus animaciones: aspiracional y edificante, direccional e instructiva. Pero siguen siendo suaves y directos, y siempre mirando hacia adelante; están profundamente conectados con la marca Google y tienen espacio para crecer, como el gradiente personificado, ondulando y respondiendo a la voz.
Al fin y al cabo, Google quiere “hacer que Gemini se sienta intuitivo, inmersivo, accesible, aspiracional y, sobre todo, digno de confianza”.
FTC: Utilizamos enlaces de afiliados automáticos que generan ingresos. Más.
