1.4 · Mise en forme & mise en page

Niveau 1 · Données & premiers visuels

1.4Mise en forme & mise en page

Objectif : Composer une page qui se lit en Z (chiffre clé, tendance, détail) — prête pour l'interactivité du niveau 3.
Temps estimé : 15 min · lecture autonome · Si vous n'avez que 5 min : lisez « L'essentiel en 30s » + le schéma.

L'essentiel en 30 secondes

  • Un rapport lisible est une page composée, pas une collection de visuels : hiérarchie, alignement, espace blanc.
  • La grille type : KPI en haut, tendances au centre, détail en bas — une lecture en Z qui fonctionne partout.
  • Aligner/Distribuer au menu, jamais à l'œil ; renommer les titres automatiques ; 4 à 6 visuels maximum par page.

Mini-cas filé — Zineb met en page sa page de direction

Zineb a ses quatre visuels mais la page est en désordre : titres verbeux, visuels mal alignés. Elle applique la section : elle dispose les visuels selon la grille — carte KPI en haut, histogramme et courbe au centre, matrice en bas. Elle sélectionne les visuels du centre (Ctrl + clic), puis Format → Aligner en haut et Distribuer horizontalement. Au pinceau, elle renomme les titres (« CA par ville » au lieu de « Somme de Montant par Ville ») et pose un titre de page. Sa page se lit en Z : le chiffre clé, la tendance, le détail.

Cas autonome de cette section : il revient dans le cours, le schéma, le script et le défi 48h de la section 1.4.

1. Formater et aligner

Un rapport lisible n'est pas une collection de visuels : c'est une page composée. Les règles de design (hiérarchie, alignement, espace blanc) s'appliquent, outillées par le volet Format (le pinceau : titre, couleurs, arrière-plan, bordure) et les commandes d'alignement (Aligner / Distribuer). Zineb n'aligne jamais à l'œil : elle passe par le menu.

2. La grille type

Une grille qui fonctionne partout : KPI en haut, tendances au centre, détail en bas — une lecture en Z. On règle la taille de page (16:9 par défaut, personnalisable selon la cible) et on renomme les titres automatiques : « Somme de Montant par Ville » n'est pas un titre, alors que « CA par ville » en est un. Zineb réorganise sa page selon cette grille.

3. Aérer et prioriser

Moins de visuels par page = plus de lisibilité : on vise 4 à 6 visuels maximum, le reste sur d'autres pages. La zone de canevas est la contrainte qui force à prioriser : ce qui déborde n'existe pas. Cette mise en page accueillera les segments et la navigation au niveau 3. Zineb teste son rendu en mode Affichage de la lecture.

Erreur d'interprétation fréquente : « J'aligne les visuels à l'œil, je garde les titres automatiques, et j'entasse le maximum de visuels ». Non, triple erreur. On aligne via Format → Aligner/Distribuer, jamais à l'œil, comme dans PowerPoint. On renomme les titres automatiques (« Somme de Montant par Ville » n'est pas un titre). Et on aère : 4 à 6 visuels maximum par page, car plus de visuels = moins de lisibilité.
Composer une page lisible Une grille en Z : le chiffre clé, la tendance, le détail — et un alignement au menu. KPI en hautLe chiffre clé d'abord+Tendances au centreHistogrammes, courbes+Détail en basMatrice, tableau Aligner/Distribuer au menu ; 4 à 6 visuels maximum par page.
Une grille en Z : le chiffre clé, la tendance, le détail — et un alignement au menu.
Version texte du schéma (SEO / lecteurs d'écran / traduction) : 1) Zineb, contrôleuse de gestion à Alger, transforme ses quatre visuels en une vraie page composée : la hiérarchie, l'alignement et l'espace blanc s'appliquent, outillés par le volet Format (le pinceau) et les commandes Aligner/Distribuer. 2) Elle dispose selon la grille type — carte KPI en haut, histogramme et courbe au centre, matrice en bas — la lecture en Z, et règle la taille de page (16:9). 3) Elle renomme les titres automatiques (« CA par ville » au lieu de « Somme de Montant par Ville ») et aère la page : 4 à 6 visuels maximum. Leçon : on aligne au menu, jamais à l'œil, et on priorise — la mise en page accueillera l'interactivité du niveau 3.

🔎 Exemple concret — 🔎 Exemple concret — Aligner proprement

Zineb compose sa page sans jamais aligner à l'œil :

Sélectionner les visuels du centre (Ctrl + clic)
→ Format → Aligner en haut → Distribuer horizontalement
→ titres clairs (« CA par ville »), fond blanc, bordure discrète
→ titre de page (zone de texte) : « Ventes 2026 — Vue d'ensemble ».

Lecture : Aligner/Distribuer calcule les bords et les espacements — jamais l'œil.

Leçon : une page hiérarchisée (KPI, tendance, détail) se lit en Z et se comprend en un regard.

Vocabulaire de la section

Volet Format (pinceau)
La mise en forme du visuel sélectionné : titre, couleurs, étiquettes, arrière-plan, bordure, ombre.

Exemple simple : Zineb y donne un titre clair et un fond blanc à chaque visuel.

Ce que ce n'est pas : une modification des données du visuel.

Réflexe : habiller un visuel → volet Format.

Aligner / Distribuer
Format → Aligner : bords et espacements calculés — jamais d'alignement à l'œil.

Exemple simple : Zineb aligne les visuels du centre au menu.

Ce que ce n'est pas : un déplacement à la souris jusqu'à ce que ça « semble droit ».

Réflexe : aligner proprement → menu Aligner.

Taille de page
16:9 par défaut ; personnalisable selon la cible (écran, portrait mobile/PDF).

Exemple simple : Zineb garde le 16:9 pour un écran de direction.

Ce que ce n'est pas : une page au format par défaut sans réfléchir à la cible.

Réflexe : penser la cible avant la taille.

Thème du rapport
Affichage → Thèmes : la palette globale de couleurs et polices.

Exemple simple : Zineb l'utilisera pour harmoniser tout le rapport.

Ce que ce n'est pas : une couleur choisie visuel par visuel.

Réflexe : cohérence globale → thème.

Zone de canevas
L'espace de la page : ce qui déborde n'existe pas.

Exemple simple : Zineb priorise : 4 à 6 visuels maximum.

Ce que ce n'est pas : un défilement infini qui noie l'information.

Réflexe : contrainte = force à prioriser.

En pratique — En pratique — Composer la page proprement

  1. Reprenez vos 4 visuels du 1.3 : disposez-les selon la grille — carte KPI en haut à gauche, histogramme et courbe au centre, matrice en bas, comme Zineb.
  2. Sélectionnez les visuels du centre (Ctrl + clic) → Format → Aligner en haut, puis Distribuer horizontalement.
  3. Au pinceau : donnez à chaque visuel un titre clair (pas « Somme de Montant par Ville » mais « CA par ville ») et un fond blanc avec bordure discrète.
  4. Ajoutez un titre de page (Insertion → Zone de texte) : « Ventes 2026 — Vue d'ensemble ». Testez le rendu en Affichage de la lecture.
Une page qui se lit en Z : le chiffre clé, la tendance, le détail — prête pour l'interactivité du niveau 3.

Script pas-à-pas — mettre en page comme Zineb (5 min)

1) Zineb dispose ses 4 visuels : carte KPI en haut, histogramme et courbe au centre, matrice en bas. 2) Elle sélectionne les visuels du centre (Ctrl + clic) → Format → Aligner en haut, puis Distribuer horizontalement. 3) Au pinceau, renommez chaque titre (« CA par ville ») et posez un fond blanc avec bordure discrète. 4) Ajoutez un titre de page via Insertion → Zone de texte. 5) Testez le rendu en mode Affichage de la lecture.

Vérifiez la taille de page selon la cible : 16:9 pour un écran ; une disposition mobile dédiée se traitera plus tard.

Modèle copier-coller — ma grille de page

Grille (lecture en Z) :
  HAUT   : carte KPI (le chiffre clé)
  CENTRE : histogramme + courbe (les tendances)
  BAS    : matrice / tableau (le détail)
Alignement : sélectionner → Format → Aligner en haut + Distribuer
Titres : clairs (« CA par ville »), pas « Somme de Montant par Ville »
Densité : 4 à 6 visuels maximum ; tester en Affichage de la lecture.

Hiérarchie en Z

Zineb place le KPI, la tendance puis le détail : l'œil suit le chiffre clé d'abord.

Titres clairs

Zineb remplace « Somme de Montant par Ville » par « CA par ville ».

Alignement au menu

Zineb aligne et distribue ses visuels du centre sans jamais viser à l'œil.

Page aérée

Zineb limite sa page à 5 visuels et reporte le reste sur une autre page.

✓ Bonnes pratiques

  • Suivre la grille : KPI en haut, tendances au centre, détail en bas.
  • Renommer les titres automatiques.
  • Aligner/Distribuer au menu ; 4 à 6 visuels par page.

✗ Pièges fréquents

  • Aligner les visuels à l'œil (utiliser Aligner/Distribuer).
  • Surcharger une page (plus de visuels = moins de lisibilité).
  • Laisser les titres automatiques verbeux.

Points clés à retenir

  • KPI en haut, tendances au centre, détail en bas : la grille en Z.
  • Renommer les titres automatiques (« Somme de Montant… » n'est pas un titre).
  • Aligner/Distribuer au menu, jamais à l'œil.
  • 4 à 6 visuels maximum par page pour rester lisible.

Défi 48h — appliquez demain

Reprenez votre page comme Zineb et mettez-la en forme : disposez KPI, tendances et détail selon la grille, alignez au menu (Aligner + Distribuer), renommez chaque titre, et limitez-vous à 5 visuels. Testez le rendu en Affichage de la lecture.

Checklist sortie de section
  • Je compose une page selon la grille en Z.
  • J'aligne et distribue mes visuels au menu.
  • Je renomme les titres et je limite la densité.
Auto-évaluation 1-5 : ma page se lit-elle en Z, sans effort ?Auto-évaluation 1-5 : ai-je aligné et titré sans passer par l'œil ?

Questions fréquentes

Comment copier la mise en forme d'un visuel à un autre ?

Le pinceau « Reproduire la mise en forme » (Accueil) fonctionne comme dans Office : sélectionnez le visuel modèle, cliquez le pinceau, cliquez la cible. Pour une cohérence globale, on ira plus loin avec les thèmes (niveau 4.1).

Mon rapport sera vu sur mobile : comment l'adapter ?

Chaque page peut avoir une disposition mobile dédiée : Affichage → Disposition mobile — on y réorganise les visuels existants en colonne. À faire en fin de conception (niveau 5.3).

Vérifiez votre compréhension

Quelle grille type organise une page de rapport ?

Ressources supplémentaires (optionnel, pour aller plus loin)

Examen du niveau 1Questions inédites et durcies pour valider vos acquis