ds_banner_alt

GoodBarber
Design System

Descubre cómo estamos revolucionando la creación de aplicaciones para ofrecer experiencias fluidas y hermosas en todas las plataformas.

Explora nuestro Design System

El Design System GoodBarber

El sistema de diseño GoodBarber es una solución integral que sirve de marco, caja de herramientas y carta gráfica para diseñadores y desarrolladores. Ofrece guías evolutivas para un lenguaje de diseño coherente, que garantiza la eficiencia y la escalabilidad.

Establece principios y patrones de diseño comunes al tiempo que permite flexibilidad y personalización cuando es necesario. En definitiva, ayuda a agilizar el desarrollo de aplicaciones y a crear aplicaciones bonitas y funcionales.

¿Por qué estas pautas de diseño?

GoodBarber, un creador de aplicaciones sin código lanzado en 2011, permite a los usuarios crear impresionantes aplicaciones nativas o aplicaciones web progresivas sin esfuerzo. Manteniendo nuestro compromiso con la excelencia, proporcionamos continuamente las mejores soluciones para la creación de aplicaciones hermosas.

En los primeros días de GoodBarber, el diseño UX no se entendía completamente, haciendo que el desarrollo de aplicaciones fuera un reto sin directrices coherentes. Nuestro viaje nos llevó a desarrollar el Sistema de Diseño GoodBarber, que ofrece guías completas y mejores prácticas para lograr coherencia visual, agilizar el desarrollo, y garantizar una experiencia de usuario consistente.

Al compartir nuestros principios de diseño, capacitamos a los usuarios para lograr consistencia, eficiencia y escalabilidad en el desarrollo de sus aplicaciones, mejorando la calidad general de las aplicaciones creadas con nuestra tecnología.

code icon

Los desarrolladores tienen acceso a las especificaciones técnicas de las páginas y componentes: su tamaño, su posicionamiento, sus comportamientos y sus propiedades.

code icon

Los diseñadores pueden confiar en un conjunto de reglas de espaciado, tamaños de fuente, proporciones de imagen o distribución de color para la creación de nuevas páginas.

Objetivos

ds_objectives_principles_alt

Optimiza la creación y producción de plantillas mediante la implementación de principios de construcción.

ds_objectives_consistency_alt

Garantiza la coherencia visual entre las páginas de una aplicación en diferentes plataformas.

ds_objectives_smoothux_alt

Garantiza una experiencia de usuario fluida y óptima

Los principios de diseño de GoodBarber

Un buen diseño debería ser lo predeterminado, no tu carga. GoodBarber fue el primer creador de apps en formalizar un verdadero design system, para que crees apps bonitas y funcionales sin cargar con el trabajo de diseño. Seis principios lo hacen posible.

Diseño por sistema

Cada pantalla se compone a partir de un único design system formal (fundamentos, átomos y componentes), así la coherencia está garantizada por construcción y no depende de tu disciplina.

Un verdadero sistema de tres capas con más de 100 layouts predefinidos. El primero formalizado dentro de un creador de apps no-code.

Sin carga de diseño

Tú tomas las decisiones creativas (tema, colores, contenido); el sistema se encarga en silencio del espaciado, la tipografía, las formas y la coherencia.

Ningún panel de diseño que aprender, ninguna escala de espaciado que planificar. Puedes anular cualquier valor por defecto cuando lo necesites.

Nativo por defecto

Una sola configuración genera tres motores: iOS nativo (Swift), Android nativo (Kotlin) y una Progressive Web App (Angular).

Binarios Swift y Kotlin compilados más una PWA. No un envoltorio WebView.

Se define una vez, coherente en todo

Color, tipografía, espaciado, formas y sombras se definen una sola vez como roles semánticos y se reutilizan en todas partes, así que cambiar un ajuste del tema actualiza toda la app de forma coherente.

Cuatro roles de color semánticos, 18 niveles tipográficos calibrados por dispositivo, un sistema de gutters multidispositivo.

Legible por defecto

Las paletas se diseñan pensando en el contraste y la legibilidad, y cada control mantiene un área táctil cómoda, incluso donde el elemento parece pequeño.

Genius Palette (una IA propia) y áreas táctiles cómodas en cada control.

Un acabado que se nota

La salida nativa desbloquea una capa sensorial que la mayoría de las apps no-code se saltan. Esos detalles son los que hacen que una app se sienta cuidada, no generada.

Respuesta háptica, motion design, un reproductor multimedia transversal, una TabBar flotante.

GoodBarber diseña cada app sobre seis principios: diseño por sistema, sin carga de diseño, nativo por defecto, definido una vez y coherente en todo, legible por defecto y una capa sensorial de acabado. Juntos explican por qué alguien sin formación en diseño publica una app que parece diseñada por un profesional.

Explora el Design System de GoodBarber y descubre todo el potencial de un diseño de aplicaciones fluido.

Explora nuestro Design System