Qu'est-ce que le flux de texte ? Contrôler habillage mots autour objets en design

Le flux de texte (ou habillage de texte) régit comment le texte se déplace autour, entre et le long d'éléments non-textuels — images, citations tirées, encadrés, tableaux, formes — dans une mise en page.

Contrôles de base

• Marges : Espace blanc bord page. Marges larges = aéré, littéraire ; étroites = dense, technique.
• Gouttières / Espaces colonnes : Espace entre colonnes. 3–6 mm typique print ; 16–24 px web.
• Modes habillage :
  • Aucun : Texte ignore objet (chevauche).
  • Cadre encadrant : Habillage rectangulaire autour cadre objet.
  • Contour/Forme : Suit canal alpha ou chemin vectoriel (ex: autour silhouette).
  • Saut/Colonne suivante : Force texte colonne/page suivante.
• Décalage/Rembourrage : Tampon entre bord objet et texte (évite étouffement).
• Options maintien : Évite veuves/orphelins, garde titres avec paragraphes.

En pratique (InDesign, Illustrator, Figma, CSS)

• Print (InDesign) : Fenêtre → panneau Habillage texte. Sélectionnez objet → choisissez forme habillage → définissez décalage.
• Web (CSS) : float, shape-outside, margin, column-gap, overflow-wrap.
• Figma/Sketch : Pas natif — simulez avec cadres auto-layout ou placement manuel.

Principes design

• Cohérence : Même décalage habillage toute publication.
• Lisibilité : Évitez colonnes étroites (< 45 carac/ligne) à côté images habillées.
• Hiérarchie : Citations tirées, encadrés utilisent habillage distinct pour signaler « aparté ».
• Accessibilité : Lecteurs d'écran linéarisent — assurez ordre DOM logique correspond flux visuel.

Bon flux texte est invisible ; mauvais flux fait trébucher lecteurs. Maîtrisez le panneau, puis design pour l'œil, pas l'outil.