Guía de estilo visual para videojuegos: cómo definir paleta, formas y moodboard sin perder coherencia

Un estilo visual coherente no es “una paleta bonita” ni un moodboard amplio. Es un sistema: decisiones repetibles que sobreviven al crecimiento del equipo, a nuevos biomas, a nuevas armas y a nuevos UI screens. En esta guía vas a construir ese sistema en tres pilares (paleta, formas y moodboard) y, sobre todo, en las reglas que los conectan.

1) Define el objetivo del estilo (antes de elegir colores)

Empieza con un “brief visual” de una página. Si no está escrito, cada decisión se vuelve subjetiva.

• Promesa emocional: ¿qué debe sentir el jugador en 3 segundos? (tensión, calidez, misterio, energía)
• Legibilidad: distancia típica a pantalla, tamaño de UI, densidad de partículas, cantidad de enemigos en escena.
• Restricciones: plataforma, postproceso permitido, presupuesto de texturas, estilo de iluminación (PBR/handpaint).

2) Paleta: construye un sistema (no una lista de hex)

Una paleta útil se define por roles y proporciones. Piensa en capas: fondo, lectura, énfasis y estado.

2.1 Roles recomendados

• Base: 2–3 valores para fondos/atmósfera (no saturados).
• Neutros de lectura: texto, líneas, iconos, highlights suaves.
• Acento principal: un color para CTA/objetivos/loot (muy controlado).
• Acento secundario: uno para feedback/efectos (curación, magia, rareza, etc.).
• Estados: éxito/alerta/error si tu UI lo necesita (evita que todos los estados usen el mismo acento).

2.2 Proporciones (la parte olvidada)

Define porcentajes aproximados por escena o pantalla. Un punto de partida común:

• 70–85% base y neutrales (respiran, dan “mundo”).
• 10–20% color de soporte (materiales, props, facciones).
• 2–5% acentos (lo que quieres que el jugador vea primero).

Si tu acento aparece en todas partes, deja de ser señal y se vuelve ruido.

3) Formas: el ADN que unifica personajes, props y UI

Cuando el color cambie (biomas, niveles nocturnos, skins), las formas mantienen la identidad. Define un “lenguaje de formas” con 3 ejes.

3.1 Silueta

Elige una familia dominante: angular (agresivo/tecnológico), redondeada (amigable/juguetón) o orgánica (misteriosa/natural). Luego especifica reglas: “ángulos de 30°/60°”, “radios grandes”, “asimetría controlada”, etc.

3.2 Detalle y densidad

Decide dónde vive el detalle: en contornos, en texturas, en decals o en microformas. Documenta el “máximo” de ruido visual por categoría:

• Personajes: 1 punto focal por cuerpo (pecho/cabeza/arma).
• Props: lectura a distancia primero, detalle solo al acercarse.
• UI: contraste y jerarquía antes que ornamentación.

3.3 Motivos repetibles

Crea 2–4 “motivos” (una muesca, un patrón, una arista, un tipo de marco) y úsalo en todo: marcos de UI, armas, señales del mapa. Esto amarra el estilo sin depender de un solo color.

4) Moodboard que sirve: curado por reglas, no por gusto

Un moodboard amplio inspira; uno útil decide. Haz dos tableros separados:

• “Sí”: referencias que cumplen tus reglas (paleta/forma/iluminación).
• “No, pero…”: referencias buenas que rompen una regla; anota por qué no encajan.

Luego escribe 5–7 reglas debajo del tablero (ej.: “Sombras suaves, sin negro puro”, “Contornos con grosor variable”, “Acento solo en interactuables”). Sin ese texto, el moodboard no escala.

5) Mantén la coherencia: un mini style guide operable

Cierra el sistema con un documento corto y accionable. Incluye:

• Do/Don’t por categoría (fondos, props, personajes, FX, UI).
• Jerarquía de contraste: qué elementos pueden “gritar” y cuáles deben quedarse en soporte.
• Test rápido: screenshot en escala de grises + blur (¿se entiende el foco?).
• Checklist por asset: silueta, materialidad, acento, borde/outline, valores.

6) Ejemplo de flujo (rápido) para arrancar en 60–90 minutos

1. Escribe el objetivo emocional y 3 palabras prohibidas (lo que no debe parecer).
2. Elige 1 acento principal y fija dónde no se usa (fondos, UI secundaria, etc.).
3. Define 1 familia de formas dominante y 2 motivos repetibles.
4. Arma moodboard “Sí/No” y redacta 5 reglas.
5. Diseña 1 pantalla de UI + 1 prop + 1 personaje “bloqueado” (formas primero, detalle después).

Si quieres profundizar en cómo este sistema aterriza a producción (nombres de archivos, revisiones, handoff y consistencia entre concept y asset final), continúa con: Pipeline de arte 2D para estudios indie. Para el lado de interfaz y legibilidad, revisa: UI/UX en videojuegos.