1.4 · Formato y diseño de página

Nivel 1 · Datos y primeros visuales

1.4Formato y diseño de página

Objetivo: Componer una página que se lee en Z (cifra clave, tendencia, detalle) — lista para la interactividad del nivel 3.
Tiempo estimado: 15 min · lectura autónoma · Si solo tienes 5 min: lee «Lo esencial en 30s» + el esquema.

Lo esencial en 30 segundos

  • Un informe legible es una página compuesta, no una colección de visuales: jerarquía, alineación, espacio en blanco.
  • La cuadrícula tipo: KPI arriba, tendencias en el centro, detalle abajo — una lectura en Z que funciona en todas partes.
  • Alinear/Distribuir en el menú, nunca a ojo; renombrar los títulos automáticos; 4 a 6 visuales como máximo por página.

Mini-caso continuo — Zineb compone su página de dirección

Zineb tiene sus cuatro visuales, pero la página está desordenada: títulos verborreicos, visuales mal alineados. Aplica la sección: dispone los visuales según la cuadrícula — tarjeta KPI arriba, gráfico de barras y línea en el centro, matriz abajo. Selecciona los visuales del centro (Ctrl + clic) y luego Formato → Alinear arriba y Distribuir horizontalmente. Con el pincel, renombra los títulos («Importe por ciudad» en lugar de «Suma de Importe por Ciudad») y coloca un título de página. Su página se lee en Z: la cifra clave, la tendencia, el detalle.

Caso autónomo de esta sección: reaparece en el curso, el esquema, el guion y el reto de 48 h de la sección 1.4.

1. Formatear y alinear

Un informe legible no es una colección de visuales: es una página compuesta. Las reglas de diseño (jerarquía, alineación, espacio en blanco) se aplican, con las herramientas del panel Formato (el pincel: título, colores, fondo, borde) y los comandos de alineación (Alinear / Distribuir). Zineb nunca alinea a ojo: pasa por el menú.

2. La cuadrícula tipo

Una cuadrícula que funciona en todas partes: KPI arriba, tendencias en el centro, detalle abajo — una lectura en Z. Se ajusta el tamaño de página (16:9 por defecto, personalizable según el destino) y se renombran los títulos automáticos: «Suma de Importe por Ciudad» no es un título, mientras que «Importe por ciudad» sí lo es. Zineb reorganiza su página según esta cuadrícula.

3. Airear y priorizar

Menos visuales por página = más legibilidad: se apunta a 4 a 6 visuales como máximo, el resto en otras páginas. La zona del lienzo es la restricción que obliga a priorizar: lo que desborda no existe. Esta maquetación acogerá los segmentadores y la navegación en el nivel 3. Zineb prueba su resultado en el modo Ver.

Error frecuente de interpretación: «Alineo los visuales a ojo, mantengo los títulos automáticos y amontono el máximo de visuales». No, triple error. Se alinea vía Formato → Alinear/Distribuir, nunca a ojo, como en PowerPoint. Se renombran los títulos automáticos («Suma de Importe por Ciudad» no es un título). Y se airea: 4 a 6 visuales como máximo por página, porque más visuales = menos legibilidad.
Componer una página legible Una cuadrícula en Z: la cifra clave, la tendencia, el detalle — y una alineación en el menú. KPI arribaLa cifra clave primero+Tendencias en el centroHistogramas, líneas+Detalle abajoMatriz, tabla Alinear/Distribuir en el menú; 4 a 6 visuales como máximo por página.
Una cuadrícula en Z: la cifra clave, la tendencia, el detalle — y una alineación en el menú.
Versión en texto del esquema (SEO / lectores de pantalla / traducción): 1) Zineb, controladora de gestión en Argel, transforma sus cuatro visuales en una verdadera página compuesta: la jerarquía, la alineación y el espacio en blanco se aplican, con las herramientas del panel Formato (el pincel) y los comandos Alinear/Distribuir. 2) Dispone según la cuadrícula tipo — tarjeta KPI arriba, gráfico de barras y línea en el centro, matriz abajo — la lectura en Z, y ajusta el tamaño de página (16:9). 3) Renombra los títulos automáticos («Importe por ciudad» en lugar de «Suma de Importe por Ciudad») y airea la página: 4 a 6 visuales como máximo. Lección: se alinea en el menú, nunca a ojo, y se prioriza — la maquetación acogerá la interactividad del nivel 3.

🔎 Ejemplo concreto — 🔎 Ejemplo concreto — Alinear correctamente

Zineb compone su página sin alinear nunca a ojo:

Seleccionar los visuales del centro (Ctrl + clic)
→ Formato → Alinear arriba → Distribuir horizontalmente
→ títulos claros («Importe por ciudad»), fondo blanco, borde discreto
→ título de página (cuadro de texto): «Ventas 2026 — Vista general».

Lectura: Alinear/Distribuir calcula los bordes y los espacios — nunca el ojo.

Lección: una página jerarquizada (KPI, tendencia, detalle) se lee en Z y se entiende de un vistazo.

Vocabulario de la sección

Panel Formato (pincel)
El formato del visual seleccionado: título, colores, etiquetas, fondo, borde, sombra.

Ejemplo sencillo: Zineb da un título claro y un fondo blanco a cada visual.

Lo que no es: una modificación de los datos del visual.

Reflejo: vestir un visual → panel Formato.

Alinear / Distribuir
Formato → Alinear: bordes y espacios calculados — nunca alineación a ojo.

Ejemplo sencillo: Zineb alinea los visuales del centro en el menú.

Lo que no es: un desplazamiento con el ratón hasta que «parezca recto».

Reflejo: alinear correctamente → menú Alinear.

Tamaño de página
16:9 por defecto; personalizable según el destino (pantalla, retrato móvil/PDF).

Ejemplo sencillo: Zineb mantiene el 16:9 para una pantalla de dirección.

Lo que no es: una página en formato por defecto sin pensar en el destino.

Reflejo: pensar el destino antes del tamaño.

Tema del informe
Ver → Temas: la paleta global de colores y fuentes.

Ejemplo sencillo: Zineb lo usará para armonizar todo el informe.

Lo que no es: un color elegido visual por visual.

Reflejo: coherencia global → tema.

Zona del lienzo
El espacio de la página: lo que desborda no existe.

Ejemplo sencillo: Zineb prioriza: 4 a 6 visuales como máximo.

Lo que no es: un desplazamiento infinito que ahoga la información.

Reflejo: restricción = obliga a priorizar.

En la práctica — En la práctica — Componer la página correctamente

  1. Retome sus 4 visuales del 1.3: dispóngalos según la cuadrícula — tarjeta KPI arriba a la izquierda, gráfico de barras y línea en el centro, matriz abajo, como Zineb.
  2. Seleccione los visuales del centro (Ctrl + clic) → Formato → Alinear arriba y luego Distribuir horizontalmente.
  3. Con el pincel: dé a cada visual un título claro (no «Suma de Importe por Ciudad», sino «Importe por ciudad») y un fondo blanco con borde discreto.
  4. Añada un título de página (Insertar → Cuadro de texto): «Ventas 2026 — Vista general». Pruebe el resultado en Ver.
Una página que se lee en Z: la cifra clave, la tendencia, el detalle — lista para la interactividad del nivel 3.

Guion paso a paso — maquetar como Zineb (5 min)

1) Zineb dispone sus 4 visuales: tarjeta KPI arriba, gráfico de barras y línea en el centro, matriz abajo. 2) Selecciona los visuales del centro (Ctrl + clic) → Formato → Alinear arriba y luego Distribuir horizontalmente. 3) Con el pincel, renombre cada título («Importe por ciudad») y coloque un fondo blanco con borde discreto. 4) Añada un título de página vía Insertar → Cuadro de texto. 5) Pruebe el resultado en el modo Ver.

Compruebe el tamaño de página según el destino: 16:9 para una pantalla; una disposición móvil dedicada se tratará más adelante.

Plantilla copiar-pegar — mi cuadrícula de página

Cuadrícula (lectura en Z):
  ARRIBA  : tarjeta KPI (la cifra clave)
  CENTRO  : gráfico de barras + línea (las tendencias)
  ABAJO   : matriz / tabla (el detalle)
Alineación: seleccionar → Formato → Alinear arriba + Distribuir
Títulos: claros («Importe por ciudad»), no «Suma de Importe por Ciudad»
Densidad: 4 a 6 visuales como máximo; probar en Ver.

Jerarquía en Z

Zineb coloca el KPI, la tendencia y luego el detalle: el ojo sigue primero la cifra clave.

Títulos claros

Zineb reemplaza «Suma de Importe por Ciudad» por «Importe por ciudad».

Alineación en el menú

Zineb alinea y distribuye sus visuales del centro sin apuntar nunca a ojo.

Página aireada

Zineb limita su página a 5 visuales y traslada el resto a otra página.

✓ Buenas prácticas

  • Seguir la cuadrícula: KPI arriba, tendencias en el centro, detalle abajo.
  • Renombrar los títulos automáticos.
  • Alinear/Distribuir en el menú; 4 a 6 visuales por página.

✗ Errores frecuentes

  • Alinear los visuales a ojo (usar Alinear/Distribuir).
  • Sobrecargar una página (más visuales = menos legibilidad).
  • Dejar los títulos automáticos verborreicos.

Puntos clave

  • KPI arriba, tendencias en el centro, detalle abajo: la cuadrícula en Z.
  • Renombrar los títulos automáticos («Suma de Importe…» no es un título).
  • Alinear/Distribuir en el menú, nunca a ojo.
  • 4 a 6 visuales como máximo por página para seguir siendo legible.

Reto de 48 h — aplíquelo mañana

Retome su página como Zineb y déle formato: disponga KPI, tendencias y detalle según la cuadrícula, alinee en el menú (Alinear + Distribuir), renombre cada título y límítese a 5 visuales. Pruebe el resultado en Ver.

Lista de salida de la sección
  • Compongo una página según la cuadrícula en Z.
  • Alineo y distribuyo mis visuales en el menú.
  • Renombro los títulos y limito la densidad.
Autoevaluación 1-5: ¿mi página se lee en Z sin esfuerzo?Autoevaluación 1-5: ¿he alineado y titulado sin pasar por el ojo?

Preguntas frecuentes

¿Cómo copiar el formato de un visual a otro?

El pincel «Copiar formato» (Inicio) funciona como en Office: seleccione el visual modelo, haga clic en el pincel, haga clic en el destino. Para una coherencia global, se irá más lejos con los temas (nivel 4.1).

Mi informe se verá en el móvil: ¿cómo adaptarlo?

Cada página puede tener una disposición móvil dedicada: Ver → Diseño móvil — allí se reorganizan los visuales existentes en columna. Se hace al final del diseño (nivel 5.3).

Comprueba tu comprensión

¿Qué cuadrícula tipo organiza una página de informe?

Recursos adicionales (opcional, para ir más allá)

Examen del nivel 1Preguntas inéditas y más difíciles para validar tus conocimientos