--- title: "Design System - pautas de diseño de aplicaciones y UX para crear las mejores aplicaciones móviles" description: "Nuestro Design System compila las pautas de UX y diseño de aplicaciones utilizadas para crear tus aplicaciones a través de nuestro creador de aplicaciones para lograr una coherencia visual en todas las plataformas." canonical_url: "https://www.goodbarber.com/uxdesign/" lang: es --- # Design System - pautas de diseño de aplicaciones y UX para crear las mejores aplicaciones móviles ![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](/uxdesign/foundations) ### 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.** [Bases Principios básicos para una construcción de plantillas cohesiva y coherente en todas las plataformas.](/uxdesign/foundations)[Átomos Componentes esenciales que garantizan la coherencia visual y agilizan el flujo de trabajo.](/uxdesign/atomic-components)[Componentes Elementos reutilizables para crear interfaces coherentes y fáciles de usar.](/uxdesign/ui-components) ### ¿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](https://portal.ww-cdn.com/portal_static/images/designsystem/main/guidelines-dev@small.a0034b531522.png) 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](https://portal.ww-cdn.com/portal_static/images/designsystem/main/guidelines-design@small.55c3dabb4ecd.png) **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](https://portal.ww-cdn.com/portal_static/images/designsystem/main/landing_page-04-streamline@small.b7c5264ab429.png) Optimiza la creación y producción de plantillas mediante la implementación de principios de construcción. ![ds_objectives_consistency_alt](https://portal.ww-cdn.com/portal_static/images/designsystem/main/landing_page-05-consistency@small.6c9cbe395733.png) Garantiza la coherencia visual entre las páginas de una aplicación en diferentes plataformas. ![ds_objectives_smoothux_alt](https://portal.ww-cdn.com/portal_static/images/designsystem/main/landing_page-06-ux@small.35d00be0e89f.png) 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](/uxdesign/foundations)