Hispanopedia Wiki
Articulo de referencia

Adwaita (lenguaje de diseño)

{{Cite web|title=COPYING|url=https://gitlab.gnome.org/GNOME/libadwaita/-/blob/main/COPYING|date=2018-02-07|access-date=2022-09-26|website=GNOME GitLab}} "},"website":{"wt":"{{UR...

Hispanopedia WikiContenido en espanolLectura gratuita

Adwaita es el lenguaje de diseño de la interfaz gráfica de usuario (GUI) del entorno de escritorio GNOME . Como implementación, se utiliza como tema predeterminado y conjunto de iconos de GNOME Shell y Phosh , y como widgets para aplicaciones destinadas a usarse en GNOME . Adwaita apareció por primera vez en 2011 con el lanzamiento de GNOME 3.0 como reemplazo de los principios de diseño utilizados en Clearlooks , [ 2 ] y, con modernizaciones y mejoras graduales, continúa presente en las versiones actuales.

Hasta 2021, el tema de Adwaita se incluyó como parte del conjunto de herramientas de widgets GTK , pero en un esfuerzo por aumentar aún más la independencia y los calendarios de lanzamiento divergentes de GTK con respecto a GNOME , desde entonces se ha migrado a libadwaita, que como proyecto general, sirve para extender los widgets base de GTK con aquellos que se ajustan específicamente a las directrices de interfaz humana de GNOME . [ 3 ]

Desarrollo

Antes de la versión 3.0, el entorno de escritorio GNOME utilizaba el tema Clearlooks . En octubre de 2008, diseñadores y desarrolladores se reunieron en el GNOME User Experience Hackfest en Boston. [ 4 ] Durante este evento, se concibió el concepto de GNOME Shell . Se produjeron algunos prototipos iniciales que contemplaban la posibilidad de un diseño diferente al de la encarnación anterior de GNOME. [ 5 ] Los diseñadores de Red Hat, Jon McCann y Jeremy Perry, redactaron un documento, fruto de un amplio consenso de colaboración, que tenía como objetivo establecer estándares y la dirección del diseño de GNOME. [ 6 ] En febrero de 2010, los diseñadores de GNOME se reunieron de nuevo y produjeron varios prototipos más disponibles públicamente. [ 7 ]

De la reunión de 2010 también surgió la decisión de usar Cantarell como tipografía predeterminada. [ 8 ] Cantarell había sido diseñada por Dave Crossland durante sus estudios en el Departamento de Tipografía y Comunicación Gráfica de la Universidad de Reading el año anterior. Se añadió oficialmente a GNOME Shell en febrero de 2011, [ 9 ] y el Proyecto GNOME acordó mantener y ampliar la fuente según fuera necesario.

El 19 de enero de 2011, Carlos Garnacho anunció la finalización de una implementación tangible del tema GTK Adwaita que podría ser utilizada por GNOME. [ 10 ]

La primera distribución importante de Linux que se lanzó con GNOME 3.0 y Adwaita por defecto fue Fedora Linux cuando lanzó la versión 15 el 24 de mayo de 2011. [ 11 ] [ 12 ]

Debido a los fuertes vínculos de GTK con GNOME , el tema de Adwaita había reemplazado a "Raleigh" como tema GTK predeterminado en 2014; [ 13 ] sin embargo, en preparación para el lanzamiento de libadwaita, el tema fue eliminado de GTK en favor de uno divergente y más simple el 14 de enero de 2021. [ 14 ] [ 3 ] Esta clara demarcación permitió que tanto GNOME, con sus propias necesidades de diseño, como GTK, con su necesidad de un tema simple que pudiera ser extendido por proyectos derivados , prosperaran simultáneamente. Libadwaita se lanzó por primera vez con el lanzamiento de GNOME 42. [ 15 ] [ 16 ]

Con el lanzamiento de la versión alfa de GNOME 48 el 24 de enero de 2025, se anunció que Cantarell sería reemplazada como fuente predeterminada por la nueva fuente Adwaita Sans, basada en la popular fuente Inter ; así como la fuente monoespaciada predeterminada cambiaría de Source Code Pro a Adwaita Mono, basada en Iosevka . [ 17 ]

Lenguaje de diseño

Adwaita se caracteriza por su estética limpia y moderna y su enfoque en la usabilidad. A través de las Directrices de Interfaz Humana de GNOME, los principios de diseño de Adwaita se basan en la simplicidad, la coherencia y la accesibilidad. [ 18 ] [ 19 ]

Libadwaita

La biblioteca libadwaita se creó para desarrollar aún más Adwaita como un componente que se ajusta mejor a las Directrices de Interfaz Humana de GNOME . Libadwaita es una biblioteca que amplía el conjunto de herramientas de widgets GTK de una manera que cumple con las Directrices de Interfaz Humana de GNOME . Permite que las aplicaciones cambien su diseño según el espacio de pantalla disponible, integra la hoja de estilo Adwaita, permite el cambio de color en tiempo de ejecución con colores con nombre y agrega API para admitir la preferencia de estilo oscuro entre escritorios. [ 20 ]

Diseño responsivo y teléfonos inteligentes Linux

Libadwaita ofrece herramientas para crear aplicaciones con diseño responsivo , lo que permite que las aplicaciones adapten sus diseños en función del espacio de pantalla disponible, lo que facilita el desarrollo de aplicaciones GNOME compatibles con teléfonos inteligentes . [ 21 ]

Libhandy

Libhandy es una biblioteca patrocinada por Purism , que fue la predecesora de Libadwaita. El proyecto libhandy sirvió de base para Libadwaita.

Directrices de interfaz humana de GNOME

Las Directrices de Interfaz Humana de GNOME (HIG) sirven como una guía completa para el diseño de aplicaciones para el entorno de escritorio GNOME . Ayudan a crear interfaces de usuario que se alinean con la filosofía de diseño de GNOME , [ 22 ] y son la base del estilo y los estándares de diseño propios de Adwaita. [ 18 ]

Elementos

Color

La paleta de colores de Adwaita se utiliza en el diseño de iconos de aplicaciones e ilustraciones. Consta de varias familias de tonos que no tienen nombre más allá de su numeración. Los tonos menos saturados se denominan "claros" y "oscuros". Esta nomenclatura se extiende al concepto de estilos de interfaz de usuario, donde los usuarios pueden elegir un estilo base para los componentes de los widgets en pantalla , lo que crea una apariencia general clara u oscura.

Tipografía

Muestra de la fuente Adwaita Sans.
Muestra de la fuente Adwaita Mono.

A partir de GNOME 48, Adwaita adoptó una nueva familia tipográfica conocida como "Adwaita Fonts". [ 23 ] La familia Adwaita Fonts es una ligera modificación de la familia tipográfica Inter , pero también incluye una fuente monoespaciada conocida como "Adwaita Mono", que es una versión modificada de Iosevka. [ 24 ] Con este cambio, la tipografía predeterminada de GNOME se conocerá como "Adwaita Sans".

Anteriormente, Adwaita utilizaba la tipografía sans-serif humanista contemporánea Cantarell , diseñada por Dave Crossland. Coincidiendo con el lanzamiento de la versión 3.28 de GNOME en 2018, Cantarell se amplió para incluir pesos ligeros y extra negrita .

Iconografía

Adwaita define dos clases de estilo de iconos distintas que sirven para diferenciar los conceptos utilizados en aplicaciones e interfaces de usuario . Mientras que las aplicaciones utilizan iconos a todo color en sus iconos principales, los iconos "simbólicos", monocromáticos por diseño, están destinados a las interfaces de usuario. [ 25 ] [ 26 ]

Iconos de la aplicación

Cada aplicación destinada a GNOME debe tener un icono principal. Las Directrices de Interfaz Humana de GNOME establecen que el icono de una aplicación debe corresponder a una metáfora simple y reconocible. [ 27 ] No deben ser planos, sino más bien sencillos, y pueden tener cierta profundidad. Sin embargo, deben evitarse las sombras. Los desarrolladores de aplicaciones pueden solicitar un icono al Equipo de Diseño de GNOME en un repositorio de GitLab .

Iconos simbólicos

En las interfaces de usuario, se utilizan iconos monocromáticos aún más sencillos que funcionan bien en tamaños pequeños. Si se requiere color, se espera que se les cambie el color mediante programación.

Implementaciones

GNOME Shell fue la plataforma principal para el desarrollo original del tema y los iconos de Adwaita. Sigue siendo una implementación importante. De manera similar, Phosh , el entorno móvil de Purism, cumple la misma función.

Véase también

Referencias

  1. ↑ "COPIANDO" . GNOME GitLab . 2018-02-07 . Consultado el 2022-09-26 .
  2. ↑ Paul, Ryan (6 de abril de 2011). "Un nuevo y brillante adorno para tu jardín Linux: Ars analiza GNOME 3.0" . Ars Technica . Consultado el 2 de enero de 2022 .
  3. 1 2 Plazas, Adrien (31 de marzo de 2021). "Introducción a Libadwaita" . Recuperado el 2 de enero de 2022 .
  4. ↑ McCann, Jon; Perry, Jeremy (6 de abril de 2011). "Cómo llegamos hasta aquí: Parte I de una historia del diseño de GNOME 3 the Shell" . The GNOME Journal (Entrevista). Entrevistado por Harries, Daf . Recuperado el 3 de enero de 2022 .
  5. ↑ "Gestión de ventanas y más" . GNOME. Archivado del original el 2 de noviembre de 2008. Consultado el 2 de enero de 2022 .
  6. ↑ McCann, William Jon; Perry, Jeremy (1 de julio de 2009). "GNOME Shell: Un diseño para un entorno de trabajo digital personal integrado" (PDF) . El Proyecto GNOME . Archivado del original (PDF) el 24 de noviembre de 2020. Recuperado el 3 de enero de 2022 .
  7. ↑ Paul, Ryan (26 de febrero de 2010) ."Task Pooper" podría revolucionar el escritorio GNOME . Ars Technica . Consultado el 2 de enero de 2022 .
  8. ↑ Spalinger, Nicolas (6 de abril de 2011). "Fuentes en GNOME 3: Cantarell, ajustes y pioneros" . The GNOME Journal . Consultado el 3 de enero de 2022 .
  9. ↑ Day, Allan (15 de febrero de 2011). "GNOME 3: Mejorando día a día" . Consultado el 3 de enero de 2022 .
  10. ↑ Garnacho, Carlos (19 de enero de 2011). "Adwaita terminó" . El Proyecto GNOME . Consultado el 2 de enero de 2022 .
  11. ↑ Paul, Ryan (25 de mayo de 2011). "Primer vistazo: Fedora 15 llega con GNOME 3.0 y systemd" . Ars Technica . Consultado el 2 de enero de 2022 .
  12. ↑ Vaughan-Nichols, Steven (24 de mayo de 2011). "Las cinco mejores características de Fedora 15" . ZDNet . Consultado el 2 de enero de 2022 .
  13. ↑ Clasen, Matthias (13 de junio de 2014). "Un nuevo tema predeterminado para GTK+" . Recuperado el 3 de enero de 2022 .
  14. ↑ Mikhaylenko, Alice (31 de diciembre de 2021). "Libadwaita 1.0" . El proyecto GNOME . Consultado el 3 de enero de 2022 .
  15. ↑ Proven, Liam (16 de marzo de 2022). "Se avecinan muchos ajustes y mejoras con GNOME 42" . The Register . Consultado el 15 de septiembre de 2024 .
  16. ↑ "Libadwaita 1.0 – Solo otro blog" . 31 de diciembre de 2021. Consultado el 13 de septiembre de 2024 .
  17. ↑ "GNOME / Adwaita Fonts · GitLab" . GitLab . Consultado el 1 de febrero de 2025 .
  18. 1 2 "Estilo de la interfaz de usuario - Directrices de interfaz humana de GNOME" . developer.gnome.org . Archivado del original el 21/09/2025 . Consultado el 31/10/2025 .
  19. ↑ "Notas de la versión de GNOME 2.0" . help.gnome.org . Archivado del original el 9 de febrero de 2025. Consultado el 31 de octubre de 2025 .
  20. ↑ "Libadwaita - Desarrollo de GUI con Rust y GTK 4" . gtk-rs.org . Consultado el 13 de septiembre de 2024 .
  21. ↑ "Libadwaita en estado salvaje" . Purism . 15 de diciembre de 2022. Consultado el 13 de septiembre de 2024 .
  22. ↑ "Diseño/HIG - ¡Wiki de GNOME!" . wiki.gnome.org . Consultado el 12 de septiembre de 2024 .
  23. ↑ Larabel, Michael (31 de enero de 2025). "GNOME 48 cambia a "Adwaita Sans" como fuente predeterminada" . Phoronix . Consultado el 6 de febrero de 2025 .
  24. ↑ Sneddon, Joey (2 de febrero de 2025). "GNOME presenta una nueva interfaz de usuario y fuentes monoespaciadas Adwaita" . OMG! Ubuntu . Consultado el 6 de febrero de 2025 .
  25. ↑ "Iconos de aplicaciones - Documentación de las directrices de interfaz humana de GNOME" . developer.gnome.org . Consultado el 11 de agosto de 2022 .
  26. ↑ "Iconos de la interfaz de usuario - Documentación de las directrices de interfaz humana de GNOME" . developer.gnome.org . Consultado el 11 de agosto de 2022 .
  27. ↑ "Principios de diseño - Documentación de las directrices de interfaz humana de GNOME" . developer.gnome.org . Consultado el 26 de septiembre de 2022 .
  • Directrices de interfaz humana de GNOME
  • Sitio web oficial de la tipografía Cantarell
Lecturas relacionadas
6 articulos
Lenguaje de diseñoUn lenguaje de diseño o vocabulario de diseño es un esquema o estilo general que guía el diseño de un conjunto de productos o entornos arquitectóni...Entorno de escritorioEntorno de escritorioEn informática , un entorno de escritorio ( DE ) es una implementación de la metáfora del escritorio formada por un conjunto de programas que se ej...GNOMOGNOMOGNOME ( / ɡ ə ˈ n oʊ m , ˈ n oʊ m / ), [6] [7] [8] originalmente un acrónimo de GNU Network Object Model Environment , [9] es un entorno de escrito...Tema (informática)Tema (informática)En informática, un tema es un paquete predeterminado que contiene detalles de apariencia y funcionalidad gráfica. Un tema generalmente comprende un...Icono (informática)Icono (informática)En informática , un icono es un pictograma o ideograma que se muestra en la pantalla de una computadora para ayudar al usuario a navegar por un sis...GNOME ShellGNOME ShellGNOME Shell es el shell gráfico del entorno de escritorio GNOME a partir de la versión 3 , [5] que se lanzó el 6 de abril de 2011. Proporciona func...