Atrás

Nuevo menu Style Global: configuración del diseño facilitado

el 

Style Global es una nueva funcionalidad. Permite manejar el diseño general de la aplicación desde un solo menú. Ganarás tiempo y será mas facil mantener un diseño homogéneo en todas las páginas de la app.
 
El diseño, para GoodBarber, ¡es sagrado! Tenemos una obsesión: permitirte personalizar numerosos parámetros para que hagas una app única. Ningún otro App Builder es tan completo en sus opciones de configuración del diseño. Proponer muchas opciones puede rendir las interfaces complejas. Además, uno de nuestros challenges ha sido encontrar un medio simple de efectuar la personalización de la app.

Style Global aporta la solución. Es el menú a partir del cual defines el diseño general de tu app.
Para concebir Style Global, tuvimos que reconstruir partes visibles de GoodBarber, particularmente las que gestionan la generación del diseño.

Cuando un usuario crea un proyecto en la plataforma, un tema está aplicado automáticamente. Este tema está elegido aleatoriamente en la biblioteca.

Cada tema de la biblioteca ha sido concebido por nuestros diseñadores. La linea de colores, la elección de las tipografías, el uso de efectos, el diseño de los botones… Todo ha sido concebido para estar en harmonía con el universo en el cual se ha proyectado el diseñador.

Hasta ahora, el tema formaba un todo inseparable. Si amabas globalmente un tema, pero deseabas cambiar un detalle que no te gustaba, tenías dos soluciones.
Solución rapida: renunciar al tema, encontrar otro que te gustaba completamente y aplicarlo a tu proyecto.
Solución tediosa: modificar cada una de las paginas del tema para cambiar este detalle adverso.

Olvide la solución tediosa, ya no existe. Gracias a Style Global, ahora puedes modificar partes enteras de un tema, y aplicar las modificaciones a todas las páginas de la app con 1 clic.

Temas de colores

Un tema de colores es una combinación de colores que van bien juntas. Style Global propone una biblioteca de temas de colores.

Cuando eliges un tema de colores, los colores que le componen se aplican a los elementos diferentes de tu app.

Cada tema de colores propone opciones artísticas propias. Algunos utilizan gradientes para los títulos o las imágenes del fondo, otros sólo utilizan colores lisos.

Una vez el tema de color elegido, se aplica en todas partes de la app. GoodBarber te propone una amplia variedad de 31 temas.

Tipografias

Existe una priorización para la visualización del texto en la aplicación. 8 niveles están utilizados para visualizar los títulos, los subtítulos y el texto de los parágrafos.

Un cursor permite definir el tamaño del texto. Style Global calcula automáticamente el tamaño de cada nivel para respetar la priorización.

Para cada nivel, Style Global te permite definir una tipografía de carácter. La selección es impresionante. Proponemos todas las tipografías de la biblioteca Google Font, tal como las tipografías nativas disponibles por defecto en los dispositivos de tus usuarios.

Para cada tipografía, puedes elegir el ancho de trazo.

Botones

Para que las páginas de tu app inviten los usuarios a efectuar acciones, puedes elegir el diseño de los botones.

El diseño del botón es función del tema de color de la app, para respetar la harmonia. 8 declinaciones están propuestas para cada tema.

Efectos de paso elevado

No olvides que tu Progressive Web App es hermosa en los dispositivos móviles, pero también en los computadores.

Sin embargo, puedes elegir efectos que aparecen al pasar el ratón. Se aplican en las imágenes y en los enlaces hipertextos.

Elementos adicionales

Es en los detalles que reside la belleza de un diseño. Style Global reúne al mismo sitio las selecciones posibles para el icono del menú y para el del botón volver.
El menu Style Global se sitúa en el Constructor. Es la primera etapa del Wizard. Mucho más flexible que la selección del tema, da una visión sencilla y rápida del diseño global de la app. Que los usuarios expertos se tranquilizen, todavía existe la posibilidad de modificar individualmente cada una de las páginas de la app. Style Global es una manera adicional de mantener un diseño homogéneo en tu app.