Fluxo de texto (ou text wrap) governa como o texto se move ao redor, entre e junto a elementos não-textuais — imagens, pull quotes, sidebars, tabelas, formas — em um layout.
Controles Principais
- Margens: Espaço em branco na borda da página. Margens maiores = sensação arejada, literária; estreitas = densa, técnica.
- Calhas / Espaços entre Colunas: Espaço entre colunas. 3–6 mm típico para impressão; 16–24 px para web.
- Modos de Text Wrap:
- Nenhum: Texto ignora objeto (sobrepõe).
- Bounding Box: Envoltória retangular ao redor do frame do objeto.
- Contorno/Forma: Segue canal alfa ou path vetorial (ex.: ao redor de silhueta).
- Pular/Próxima Coluna: Força texto para próxima coluna/página.
- Offset/Padding: Buffer entre borda do objeto e texto (evita aperto).
- Opções Keep: Evita viúvas/órfãs, mantém títulos com parágrafos.
Na Prática (InDesign, Illustrator, Figma, CSS)
- Impressão (InDesign): Janela → painel Text Wrap. Selecione objeto → escolha forma wrap → defina offset.
- Web (CSS):
float, shape-outside, margin, column-gap, overflow-wrap.
- Figma/Sketch: Não nativo — simule com frames auto-layout ou posicionamento manual.
Princípios de Design
- Consistência: Mesmo offset wrap em toda publicação.
- Legibilidade: Evite colunas estreitas (< 45 chars/linha) ao lado de imagens envolvidas.
- Hierarquia: Pull quotes, sidebars usam wrap distinto para sinalizar "à parte".
- Acessibilidade: Leitores de tela linearizam — garanta ordem DOM lógica correspondendo ao fluxo visual.
Bom fluxo de texto é invisível; fluxo ruim faz leitor tropeçar. Domine o painel, depois desenhe para o olho, não para a ferramenta.
