Adobe acaba de presentar Spectrum 2, la actualización más importante de su sistema de diseño hasta la fecha

Si has utilizado más de una herramienta de Adobe a lo largo de los años, probablemente habrás notado similitudes: el diseño de la aplicación, el diseño de los iconos y las paletas de colores, por nombrar algunos. Todos ellos son componentes de nuestro sistema de diseño, Spectrum, introducido por primera vez hace más de diez años. Ese sistema es lo que hace que todas las experiencias de Adobe «se sientan como Adobe».

Hoy presentamos Spectrum 2, la actualización más importante de nuestro sistema de diseño hasta la fecha. El público de Adobe está creciendo, con la IA generativa a través de Adobe Firefly ampliando nuestro alcance a nuevos usuarios. Al mismo tiempo, Adobe sigue ofreciendo a los profesionales las herramientas que necesitan para el trabajo creativo, de marketing y mucho más. Spectrum 2 pretende hacer que las herramientas de Adobe sean aún más intuitivas, inclusivas y fáciles de usar en todas las plataformas, a la vez que apoya nuestra misión de hacer posible la creatividad para todos.

A continuación te explicamos por qué estamos actualizando nuestro sistema de diseño ahora y qué puedes esperar cuando se despliegue en todas las experiencias de Adobe en 2024, con un adelanto al final de este artículo.

Dónde empezó Spectrum y por qué lo actualizamos ahora

Han cambiado muchas cosas desde que implementamos Spectrum por primera vez en los productos y experiencias de Adobe en 2013. Adobe Creative Cloud ahora es multiplataforma y está disponible en versión web, móvil, escritorio y realidad mixta. Hemos lanzado Adobe Express, que permite crear a todo el mundo, desde educadores hasta influencers. Además, Adobe Document Cloud y Adobe Experience Cloud han cambiado sustancialmente sus productos y han ampliado sus bases de clientes.

Y con el lanzamiento de Firefly, las potentes capacidades de IA generativa han transformado los flujos de trabajo en varias aplicaciones de Adobe. En resumen, estamos sirviendo a un público mucho más amplio que hace una década. Adobe ha evolucionado y nuestro sistema de diseño también tenía que hacerlo.

Spectrum 2 es una actualización integral que abarca todos los elementos del diseño, como la iconografía, la tipografía, el color, la marca, la ilustración, la accesibilidad, la equidad del producto, la personalización, la visualización de datos y mucho más. Esta actualización ofrecerá tres importantes mejoras a nuestros usuarios, haciendo que nuestros productos sean:

• Más inclusivos y accesibles
• Más cercanos y expresivos
• Más cómodos en cualquier plataforma

Las primeras actualizaciones se desplegarán en todos los productos web de Adobe a principios de 2024.

Más inclusivos y accesibles

Spectrum 2 tenía que alcanzar un alto nivel de accesibilidad para que el mayor número posible de personas pudiera utilizar las herramientas de Adobe. La Organización Mundial de la Salud calcula que 2.200 millones de personas en todo el mundo sufren algún tipo de discapacidad visual. Para Spectrum 2, nuestro punto de partida definitivo para hacer que nuestras herramientas web sean más inclusivas y accesibles son las Pautas de Accesibilidad al Contenido en la Web (WCAG), a las que Adobe también contribuye.

El éxito en la accesibilidad significa muchas cosas: Relaciones de contraste adecuadas entre el texto y otros controles y elementos en relación con sus fondos, etiquetas de accesibilidad, controles de teclado, estados de enfoque y otros detalles de ejecución. Cumplir los requisitos fundamentales de accesibilidad fue un gran primer paso, pero queríamos ir más allá. Cada persona es diferente y queremos que los futuros productos de Adobe se adapten a las necesidades y preferencias personales de cada uno.

En Spectrum 2 hemos prestado especial atención en tres áreas principales:

• Contraste y brillo dinámicos: Utilizando paletas adaptativas para generar colores accesibles en tiempo real y dar a los usuarios la posibilidad de elegir el aspecto que desean para su interfaz.
• Colores más accesibles, compatibles con diversas deficiencias de visión cromática: Esto incluye la revisión de los colores que utilizamos para la visualización de datos y la eliminación de conflictos de nombres de colores cuando dos o más colores pueden llamarse igual (melocotón vs naranja vs salmón).
• Jerarquía de atención, para dar prioridad a elementos visuales concretos: Eliminamos el color de realce superfluo en los controles comunes, reservándolo para los momentos de mayor acción. Creamos una separación entre las zonas de navegación y las de contenido, añadiendo profundidad y elevación.

Nuestros esfuerzos encajan con la práctica de Equidad de Producto de Adobe Design, que se asocia con equipos de diseño, producto e ingeniería para garantizar que todas las personas, independientemente de sus diferencias humanas, puedan acceder y aprovechar toda la potencia de nuestros productos, sin prejuicios, daños ni limitaciones.

Más accesibles y expresivos

La primera versión de Spectrum era minimalista, con una paleta de colores grises diseñada para retraerse. Spectrum 2 reimagina los iconos, la tipografía y otros elementos para hacer que la experiencia de Adobe sea más accesible y con un diseño más atrevido.

El equipo de Spectrum comenzó a experimentar con un diseño más acogedor en un único producto: Adobe Express, nuestra herramienta de creatividad todo en uno pensada para un público amplio. En colaboración con el equipo de diseño de Express, creamos un nuevo tema de interfaz de usuario que anticipaba los componentes clave de Spectrum 2: Adobe Express se hizo más ligero, más atrevido y más redondeado. Los iconos y la tipografía eran más amigables, los trazos un poco más gruesos, los colores más vivos y, en general, mucho más accesible.

La suma de estos cambios tuvo un gran impacto en el aspecto y la sensación de la aplicación para los consumidores. El trabajo realizado con Express se convirtió en un punto de partida crucial que sirvió de base para el nuevo conjunto de principios de Spectrum 2. Estos elementos de diseño más expresivos y accesibles serán fundamentales en todas las aplicaciones de Adobe, ya que Spectrum 2 se lanzará en 2024.

Más comodidad en cualquier plataforma

La apariencia de Spectrum 2 variará según la plataforma. Dado que Adobe desarrolla productos para una gran variedad de plataformas (macOS, Windows, iOS, Android y web), hemos tenido que pensar en el equilibrio adecuado entre la coherencia entre plataformas (donde la gente puede aprender a utilizar una herramienta en una plataforma y luego transferir ese conocimiento a otra) y, al mismo tiempo, respetar las convenciones de cada plataforma. Utilizar una herramienta como Adobe Lightroom, por ejemplo, en el MacBook del trabajo es diferente a utilizarla en un teléfono personal con Android, pero sigue pareciendo Lightroom.

Cuando Spectrum se diseñó por primera vez, las plataformas móviles evolucionaban rápidamente y la experiencia de usuario de una aplicación a otra variaba entre sistemas operativos, por lo que inicialmente nos inclinamos por hacer Spectrum lo más coherente posible entre plataformas. Spectrum 2 proporcionará variantes específicas para cada una de ellas, haciendo que las herramientas de Adobe se sientan «como en casa» en el dispositivo y la plataforma en los que desee utilizarlas.

Replanteamiento de iconos, colores, ilustraciones y formas

Para apoyar la visión de Spectrum 2, nuestro equipo realizó cambios en múltiples componentes subyacentes de nuestro sistema de diseño. Esto incluye el replanteamiento de los iconos para que sean más limpios, amigables, adaptables, lúdicos y familiares.

Ajustamos nuestro sistema de grises para proporcionar más contraste y reconstruimos nuestro sistema de colores para utilizar los colores de la marca Adobe, sentando las bases para integrar nuestra marca de forma más orgánica en las experiencias de nuestros productos. Alinear el sistema de colores de Spectrum 2 con los colores de la marca facilita la armonización de las interfaces de todos los productos.

Las ilustraciones adoptan muchas formas en las experiencias de Adobe. Abarcan desde el simple trabajo de línea hasta estilos editoriales más sólidos a todo color con colores acordes con el color de la marca del producto al que dan soporte. El equipo de diseño de marca desarrolló un nuevo conjunto de herramientas de formas geométricas que se pueden combinar de infinitas maneras para crear ilustraciones, pancartas y otros materiales.

Qué esperar de Spectrum 2

Empezarás a ver Spectrum 2 en todas las herramientas y experiencias de Adobe durante el próximo año, empezando por nuestros productos web. Llevar Spectrum 2 de nuestra visión original a la realidad ha sido todo un viaje, pero no hemos hecho más que empezar: como cualquier sistema de diseño, Spectrum está en constante cambio. Actualmente estamos trabajando duro en el desarrollo de la futura dirección de nuestros productos para ordenadores de sobremesa y móviles, cada uno de los cuales tendrá su propia versión de Spectrum.

Visita la web de Spectrum 2 para conocer más de cerca el sistema y lo que está por venir, y echa un vistazo a los cambios en las herramientas conocidas a continuación: