Formato Condicional y Diseño Visual

El formato condicional y el diseño visual son lo que separa un reporte amateur de uno profesional. Un buen diseño comunica datos de forma clara e inmediata.

Formato condicional en visualizaciones

Escala de color

Aplica un degradado de color basado en valores:

Mínimo (rojo)   ← ————————— → Máximo (verde)
$1,000                          $50,000

1. Selecciona la tabla/matriz.
2. Formato → Campo específico → Color de fondo → Formato condicional.
3. Elige Escala de color.

Reglas de color

Define reglas explícitas:

Si Margen % >= 30%    → Verde (#2ecc71)
Si Margen % >= 15%    → Amarillo (#f1c40f)
Si Margen % < 15%     → Rojo (#e74c3c)

Barras de datos

Barras horizontales dentro de las celdas, proporcionales al valor:

| Producto   | Ventas  | Barra              |
|-----------|---------|--------------------| 
| Laptop    | $45,000 | ████████████████   |
| Monitor   | $28,000 | ██████████         |
| Teclado   | $12,000 | ████               |

Iconos

Agrega iconos (flechas, semáforos, estrellas) basados en reglas:

▲ Verde    → Crecimiento > 5%
► Amarillo → Crecimiento 0-5%
▼ Rojo     → Crecimiento negativo

Color condicional con medida DAX

Para control total, crea una medida que devuelve un código de color:

Color Rendimiento = 
SWITCH(TRUE(),
    [Margen %] >= 0.30, "#2ecc71",
    [Margen %] >= 0.15, "#f1c40f",
    "#e74c3c"
)

Úsala como valor del formato condicional del color de fondo.

Temas de color

Temas predeterminados

Power BI incluye temas de color predefinidos. Ve a Vista → Temas y selecciona uno.

Tema personalizado (JSON)

Crea un archivo .json con tu paleta corporativa:

{
    "name": "Mi Tema Corporativo",
    "dataColors": [
        "#1a73e8", "#34a853", "#fbbc04", 
        "#ea4335", "#673ab7", "#00bcd4"
    ],
    "background": "#ffffff",
    "foreground": "#333333",
    "tableAccent": "#1a73e8"
}

Impórtalo desde Vista → Temas → Buscar temas → Importar tema.

Principios de diseño

Jerarquía visual

┌─────────────────────────────────────────┐
│  KPIs principales (tarjetas)     ← MÁS │
├──────────────────┬──────────────────────┤
│  Gráfico         │  Gráfico       ↑     │
│  principal       │  secundario  IMPORT. │
├──────────────────┴──────────────────────┤
│  Tabla de detalle                ← MENOS│
└─────────────────────────────────────────┘

Lo más importante arriba y grande. El detalle abajo y más pequeño.

Regla de los tercios

Divide el canvas en una cuadrícula 3×3 y alinea las visualizaciones a estas líneas guía.

Espaciado consistente

• Usa 8px como unidad base de espaciado.
• Mantén márgenes iguales entre todas las visualizaciones.
• Alinea los bordes de los gráficos vertical y horizontalmente.

Fondos y contenedores

Fondo de página

Puedes establecer una imagen o color de fondo para la página:

• Vista → Formato de página → Fondo de página.

Formas como contenedores

Usa rectángulos detrás de grupos de visualizaciones para agrupar visualmente:

┌─ Rectángulo gris claro ─────────────────┐
│  ┌──────┐  ┌──────┐  ┌──────┐  ┌──────┐│
│  │ KPI1 │  │ KPI2 │  │ KPI3 │  │ KPI4 ││
│  └──────┘  └──────┘  └──────┘  └──────┘│
└─────────────────────────────────────────┘

1. Insertar → Formas → Rectángulo.
2. Quita el borde, pon un color de fondo sutil.
3. Envía al fondo (clic derecho → Enviar atrás).

Paleta de colores recomendada

Colores semánticos

Máximo de colores

Usa máximo 5-6 colores en todo el dashboard. Más colores = más ruido visual.

Tipografía

• Título del dashboard: 18-20pt, bold.
• Títulos de gráficos: 12-14pt, semibold.
• Etiquetas de datos: 10-11pt, regular.
• Fuente recomendada: Segoe UI (nativa de Power BI).

Resumen

El formato condicional (escalas, reglas, barras, iconos) hace que los datos comuniquen estado inmediato. Un buen diseño usa jerarquía visual, espaciado consistente, paleta limitada y temas personalizados. Los contenedores y fondos agrupan elementos visualmente. Menos es más en diseño de dashboards.