Saltar al contenido principal

Guía

Personalizar el diseño de una aplicación generada

«Generada» no significa «inmutable». Esta guía explica qué elementos se pueden personalizar efectivamente en una aplicación de Blueprint Maker, más allá del color de acento, y por qué parte del diseño se mantiene intencionadamente fuera del alcance del usuario.

El punto de partida: un diseñador, no una página en blanco

Una aplicación generada comienza con uno de los cien perfiles de diseñadores curados, cada uno es una referencia real de diseño, citada como tal, no un tema genérico. Elegir un perfil en el momento de la generación equivale a elegir una intención (densa y funcional, aireada y editorial, oscura y de alto contraste…), en lugar de partir de un formulario vacío de marca que hay que rellenar campo a campo.

Esta elección se puede modificar después: duplicar un perfil curado como punto de partida y ajustarlo posteriormente es la vía habitual, no una excepción.

Su guía de estilo: colores, tipografía, densidad, y más

El primer nivel de ajuste es el esperado: una paleta de ocho colores (acento, materiales estructurales, tintas y fondos), una tipografía, un radio de esquinas y una densidad de espaciado. Estos tokens rigen toda la interfaz generada, no una sola página aislada.

Un segundo nivel, menos evidente pero igualmente real, va más lejos: la escala y el grosor tipográficos, la mayúscula o minúscula de los títulos, el tratamiento de las superficies (elevación, borde, contraste), la composición de los bloques estructurales (tarjeta, barra lateral, cabecera), la animación de las transiciones, el ancho del diseño, una paleta oscura específica y tratamientos expresivos para los títulos (bloque de color, sombra proyectada coloreada, cursiva). Cada ajuste de este segundo nivel es opcional: dejarlo en blanco restaura exactamente el comportamiento del perfil de diseñador elegido; nada se degrada por defecto.

La navegación se ajusta después, sin regenerar nada

Las etiquetas de la barra lateral, su orden y los títulos de página no quedan fijados al generar: se personalizan desde la configuración de la aplicación una vez desplegada, sin necesidad de volver a ejecutar una generación completa. Se trata de un ajuste global y persistente para la aplicación, no una preferencia por usuario.

Esto marca una diferencia práctica respecto a «regenerar solo para cambiar el nombre de un menú»: aquí el ajuste se centra exclusivamente en lo que realmente necesita modificarse, sin tener que reabrir todo el plan de la aplicación.

Qué no se puede ajustar manualmente, y por qué

Las propiedades de los componentes de interfaz y el diseño determinista (qué dato va a qué tipo de pantalla, cómo se compone una tabla o un panel de control) no son ajustes accesibles: los define el generador, no el usuario. No es una limitación temporal, sino la misma doctrina que rige el resto del producto: la conformidad técnica se garantiza por construcción, nunca se deja a un ajuste que podría generar una pantalla rota.

También existe una salvaguarda para el color: solo se permite un único color de acento por aplicación. Si se emplea un segundo color intenso como relleno decorativo, el sistema lo detecta y corrige automáticamente. No es una restricción arbitraria: una guía de estilo con dos acentos en competencia es el defecto visual más frecuente en personalizaciones improvisadas, y la aplicación lo evita por diseño, sin depender de la atención individual de cada usuario.

Cómo hacerlo, paso a paso

Al generar: elija un perfil de diseñador cercano a la intención deseada, o mantenga el perfil predeterminado si la identidad visual aún no es una prioridad, se podrá ajustar después, sin coste alguno.

Una vez desplegada la aplicación: adapte la guía de estilo (colores, tipografía, densidad) para definir la identidad de primer nivel y, si es necesario, los ajustes de estructura para los detalles que marcan la diferencia, sin tocar jamás el código de las pantallas, que sigue siendo exactamente el validado por el generador.

Leer a continuación

Genere una aplicación, elija un perfil de diseñador y ajústelo después