Por que os designers enchem layouts de latim
O texto provisório existe para que as pessoas avaliem um layout sem lê-lo. Quando um mockup tem textos reais, mas inacabados, quem revisa começa a editar frases em vez de olhar espaçamento, hierarquia e ritmo. Um texto numa língua que ninguém lê com fluência tem a forma de prosa, com tamanhos de palavras, pontuação e quebras de linha que parecem naturais, mas não dá ao olho nada em que se prender.
O trecho conhecido é um excerto truncado do De finibus bonorum et malorum, de Cícero, um tratado de ética escrito em 45 a.C. A frase original começa com "Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet", algo como "nem há quem ame a própria dor". Em algum momento, um tipógrafo a cortou no meio de uma palavra, e é por isso que o texto de enchimento começa com "lorem", o final de "dolorem". Ele se espalhou pelas cartelas de letras decalcáveis nos anos 1960 e depois pelos programas de editoração eletrônica, e hoje vem embutido na maioria das ferramentas de design e diagramação.
Como este gerador monta o texto
A saída é montada a partir de um vocabulário de 62 palavras latinas tiradas do trecho clássico:
- Cada frase tem de 6 a 15 palavras, começa com letra maiúscula e termina com ponto final. Frases mais longas às vezes ganham uma vírgula no meio, que quebra a linha como as orações reais fazem.
- Cada parágrafo tem de 4 a 7 frases, então tem em média de 55 a 60 palavras. Os parágrafos são separados por uma linha em branco.
- No modo palavras, você recebe uma sequência simples de palavras em minúsculas, sem pontuação, útil para rótulos de botões, tags ou títulos.
Com a opção clássica ativada, o texto abre com "Lorem ipsum dolor sit amet, consectetur adipiscing elit", a abertura que muita gente reconhece na hora como texto provisório (no modo palavras, sem a vírgula). Desative quando precisar de vários blocos que não comecem todos do mesmo jeito.
As palavras são escolhidas por um gerador pseudoaleatório com semente, e não por um verdadeiramente aleatório. O primeiro resultado depois de carregar a página é sempre o mesmo, e cada clique em Regenerar passa para a variação seguinte numa sequência fixa. Isso torna capturas de tela e revisões de design reproduzíveis: recarregue, clique em Regenerar o mesmo número de vezes e você obtém um texto idêntico.
Escolhendo a quantidade certa
Gere mais ou menos o que o conteúdo real vai ter, não um bloco arbitrário:
- O card de um post de blog normalmente mostra um título de 6 a 10 palavras e um resumo de 2 ou 3 frases.
- A descrição de um produto numa página de loja costuma ter um ou dois parágrafos.
- Um modelo de artigo longo precisa de 8 a 15 parágrafos para testar a largura de leitura, a altura das linhas e como os títulos interrompem o fluxo.
- Navegação e botões precisam de palavras soltas ou expressões de duas palavras; gere palavras e corte.
Para conferir o tamanho do que você gerou em relação a um briefing, cole o texto no contador de palavras.
Onde o texto provisório pode enganar
O lorem ipsum tem uma forma uniforme, e o conteúdo real raramente tem. Antes de aprovar um design, teste-o com textos que forcem o layout:
- Traduções ficam mais longas. Textos em alemão e finlandês muitas vezes são de 20 a 35 por cento mais longos que em inglês, com palavras únicas de mais de 20 caracteres que se recusam a quebrar.
- Títulos reais variam. Um terá três palavras; o seguinte, duas linhas inteiras.
- Conteúdo de usuários é imprevisível. Nomes, comentários e avaliações podem ter um caractere ou várias centenas.
Por fim, pesquise "lorem" no projeto antes de publicá-lo. Texto provisório esquecido numa página no ar é um dos erros mais comuns no dia do lançamento, e os buscadores o indexam, sim.