Certa vez, enviei a página inicial de um cliente com três parágrafos de Lorem Ipsum ainda na seção "Sobre". Ele esteve ao vivo por cerca de quarenta minutos antes de seu lead de marketing me enviar um e-mail com a linha de assunto "Que idioma é esse." Ninguém morreu, mas eu procurei todos os projetos pela palavra ipsum antes de cada implantação desde então, e eu construí o Gerador Lorem Ipsum Em Toolz.dev, em parte, para parar de copiar o texto fictício de um marcador de cinco anos.
Aqui está o que a maioria dos guias de texto de espaço reservado pula: o ponto de Lorem ipsum não é que pareça chique. é que é A quantidade certa de texto ilegível na forma certa(para que você possa julgar um layout sem que ninguém discuta sobre a cópia, entenda mal o valor e o espaço reservado mente para você - um design que parece perfeito sob duas frases organizadas desmorona quando o parágrafo real aparece Então este guia é menos sobre a história (embora haja alguma) e mais sobre a geração de texto que realmente corresponda ao que irá substituí-lo.
Tudo é executado no seu navegador. Sem inscrição, sem fluxo de trabalho de anúncios, nada enviado para lugar nenhum.
tl;dr: o Gerador Lorem Ipsum constrói parágrafos de espaço reservado a partir de três controles deslizantes - quantos parágrafos, palavras médias por frase e frases médias por parágrafo - e regenera ao vivo enquanto você arrasta Ele abre com o familiar & quot; Lorem ipsum odor amet, consectetuer adipiscing elit." linha e preenche o resto com palavras latinas aleatórias, para que cada bloco pareça distinto Tamanhe-o para o seu verdadeiro Conteúdo esperado, copie-o e pesquise seu projeto por "Ipsum" antes de enviar. Quando as palavras reais chegarem, verifique seu comprimento com o contador de palavras.
O que é Lorem ipsum e por que latim?
Lorem Ipsum é pseudo-latim embaralhado usado como texto de preenchimento para que os designers possam avaliar um layout antes que o conteúdo real exista A famosa abertura - & quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit..." - é um fragmento mutilado de Cícero' s De Finibus Bonorum e Malorum, um tratado sobre ética escrito em 45 aC. As palavras foram cortadas e embaralhadas séculos atrás em algo que parece latim, mas não significa nada.
A pergunta "Por que o latim" tem uma boa resposta: A falta de sentido é o recurso. Se você preencher uma maquete com inglês real, todos que a revisa lêem as palavras, formam opiniões sobre a cópia e param de olhar para o design Preencha-a com Lorem Ipsum e não há nada para ler, então a atenção vai para onde você quiser - para espaçamento, tipo, hierarquia e ritmo A convenção é antiga o suficiente (uma impressora embaralhada digite dessa maneira nos anos 1500, Letraset espalhou-a nos anos 1960, software de editoração eletrônica assou-a durante os anos 1980) que cada parte interessada a reconhece à vista como & quot; placeholder, não final."
Uma nota honesta sobre o gerador Toolz.dev especificamente: ele não reproduz a passagem clássica exata palavra por palavra Ele abre com a linha reconhecível e, em seguida, puxa palavras aleatoriamente de um conjunto de termos com sabor latino, de modo que o corpo é fresco a cada vez, em vez do fragmento de Cícero idêntico Para fins de espaço reservado que é um plus - você pode gerar vários blocos que todos parecem diferentes.
Como funcionam os controles de comprimento?
Esta é a parte que torna a ferramenta realmente útil e é onde a interface difere do que as pessoas esperam. Não há 50 palavras ou "Dê-me 50 palavras" ou "dê-me 3 frases" botão. Em vez disso, você molda o texto com três controles deslizantes e a ferramenta os multiplica em parágrafos:
contagem de parágrafos (1 a 20) - quantos parágrafos você obtém.
média palavras por frase (5 a 25) - o comprimento da frase alvo O gerador adiciona uma pequena variância aleatória em torno deste número para que as frases não sejam roboticamente idênticas, que é o que faz o resultado ler como ritmo de prosa natural em vez de uma tabela.
média frases por parágrafo (2 a 15) - quanto tempo cada parágrafo dura, novamente com alguma variação.
Portanto, sua contagem de palavras grosseiras é Parágrafos × frases por parágrafo × palavras por frase. Um parágrafo com 10 palavras × 8 frases é de aproximadamente 80 palavras. Dez parágrafos nessas configurações são um artigo de formato longo. O texto regenera o instante em que você move qualquer controle deslizante, então você discar a forma a olho nu e não por aritmética. Quando parecer certo, acerte exemplar.
Um pequeno toque realista que vale a pena conhecer: aproximadamente uma frase em sete termina com um ponto de interrogação em vez de um ponto. É aleatório e faz uma parede de espaço reservado ler um pouco mais como uma escrita real.
Como gerar um texto de espaço reservado no Toolz.dev, passo a passo
Passo 1: Abra o gerador
vá para o Gerador Lorem Ipsum. Um parágrafo já está gerado em carga, então você tem algo para trabalhar imediatamente.
Etapa 2: defina a contagem de parágrafos
arrastar contagem de parágrafos Para quantos blocos seu layout precisa. Uma única descrição do cartão é 1; uma maquete de corpo de blog pode ser de 5 a 8.
Passo 3: Molde a frase e o comprimento do parágrafo
usar média palavras por frase e média frases por parágrafo Para combinar com o densidade do seu conteúdo real. Cópia concisa da interface do usuário: frases curtas, parágrafos curtos. Um artigo de leitura longa: mais longos dois. Este é o passo que as pessoas pulam, e é aquele que torna o espaço reservado honesto.
Etapa 4: Copiar
golpe exemplar. O texto chega à sua área de transferência como texto simples e cai no Figma, um modelo HTML, um campo CMS ou seu editor inalterado.
Etapa 5: Reinicie quando você precisar de uma lousa limpa
o restabele Button Retorna os controles deslizantes para seus padrões (1 parágrafo, 10 palavras por frase, 8 frases por parágrafo). Mover qualquer controle deslizante também atrapalha as palavras, portanto, se você quiser apenas um bloco aleatório diferente nas mesmas configurações, cutuque um controle deslizante e o empurre de volta.
Por que o texto do espaço reservado bate deixando as caixas vazias
Uma área de texto vazia está sobre o seu layout, mas também o que o texto demais. Você não pode julgar a altura da linha em nada, não pode ver como um cartão é encerrado e não pode dizer se uma grade de duas colunas se equilibra. O texto do espaço reservado permite avaliar as coisas que realmente importam na fase de design:
Espaçamento e ritmo - o espaço vertical entre os elementos parece certo quando há texto neles Tipografia - é a fonte do corpo legível neste tamanho e medida Hierarquia - fazer cabeçalhos, subcabeças e corpo claramente separado Embrulho e transbordamento - o que acontece com um cartão de altura fixa quando o texto é um pouco longo demais Capacidade de resposta - como o mesmo bloco reflui da área de trabalho para uma coluna de telefone estreita.
E, crucialmente, usando mexido O texto em vez de uma cópia do rascunho impede que os revisores aprovem palavras específicas que não sobrevivem ao contato com o conteúdo real.
dimensionando direito: uma folha de dicas
O erro mais comum é preencher um slot com três parágrafos quando a coisa real é uma frase - o design parece ótimo, depois quebra no momento em que a cópia real chega Aponte o gerador para o conteúdo que você realmente espera:
| slot de layout | alvo bruto | Ponto de partida do controle deslizante |
|---|---|---|
| Botão / etiqueta | 2–4 palavras | Palavras por frase 5, pegue as palavras de abertura |
| Subtítulo do herói | 10–20 palavras | 1 parágrafo, 12 palavras/frase, 2 frases |
| Cartão de recurso | 15–30 palavras | 1 parágrafo, 10 palavras/frase, 2–3 frases |
| Trecho/meta do blog | 20–40 palavras | 1 parágrafo, 12 palavras/frase, 3 frases |
| Sobre a seção | 100–200 palavras | 2–3 parágrafos, 12 palavras/frase, 6 frases |
| Corpo do artigo | 500–1000 palavras | 6–10 parágrafos, 14 palavras/frase, 8 frases |
Em seguida, faça o oposto de propósito: uma vez que o comprimento do "esperado" parece bom, acione o título para duas vezes o seu comprimento e encolha um parágrafo para duas palavras para ver onde o layout está quebrado. O teste de estresse com o placeholder é gratuito; o teste de estresse com o conteúdo real de lançamento do cliente não é.
Onde o texto do espaço reservado ganha seu retenção
Mockups de design. As composições do Figma, Sketch e Adobe XD precisam de volume de texto crível em cada slot para valer a pena revisar.
Protótipos HTML/CSS. Quando você estiver construindo uma estrutura antes do conteúdo, solte os parágrafos gerados diretamente na marcação:
<article>
<h2>Section Heading Goes Here</h2>
<p>Lorem ipsum odor amet, consectetuer adipiscing elit. Sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
</article>
Testes responsivos. Gere um bloco curto e um bloco longo e confirme se o mesmo componente sobrevive a ambos.
Modelos de e-mail e apresentação. Os layouts de newsletter e os mestres de slides precisam de um espaço reservado em cada caixa de texto para demonstrar o design antes da cópia da campanha ser escrita.
Se seus títulos reais puderem afetar o layout - e eles geralmente afetam - considere digitar títulos com aparência realista manualmente, deixando o corpo como Lorem Ipsum. " Como começar e fazer aspas; enfatiza um layout diferente do " Lorem Ipsum Dolor e quot; e se você estiver gerando lesmas de URL a partir desses títulos posteriormente, o gerador de slug Transforma-os em caminhos limpos.
A única regra: nunca envie
O texto do espaço reservado foi enviado em sites de produção, jornais impressos, formulários governamentais e, uma vez, de forma memorável, na televisão. Acontece porque "vou substituir isso depois" é uma mentira que todos contamos. Dois hábitos impedem isso:
Substitua de forma incremental - troque Lorem Ipsum por cópia real seção por seção à medida que o conteúdo chega, para que o layout sempre pareça completo, mas o texto falso diminua constantemente E execute uma pesquisa final - antes de qualquer implantação, grep ou Ctrl-F seu projeto para o & quot; lorem" e & quot; ipsum." Leva cinco segundos e é a diferença entre uma terça-feira normal e um e-mail com a linha de assunto " que idioma é este."
Perguntas frequentes
A ferramenta começa com "Lorem Ipsum Dolor senta-se"?
Fechar, mas não exactamente Ele abre com o & quot; Lorem ipsum odor amet, consectetuer adipiscing elit." - uma variante comum reconhecível da linha clássica - e depois preenche o resto do texto com palavras aleatórias de estilo latino O abridor está lá para que qualquer um que olhe para a sua maquete a leia instantaneamente como espaço reservado; o corpo aleatório significa que cada bloco que você gera parece distinto.
Como eu devo controlar o comprimento se não houver uma opção de contagem de palavras?
Você forma o comprimento com três controles deslizantes: contagem de parágrafos, média de palavras por frase e média de frases por parágrafo Multiplique-os para uma contagem aproximada de palavras - por exemplo, 3 parágrafos × 8 frases × 10 palavras é cerca de 240 palavras O texto regenera ao vivo enquanto você arrasta, então você dimensiona a olho nu.
Por que usar o Lorem Ipsum em vez de um espaço reservado para o inglês real?
Porque o inglês real puxa os revisores para ler as palavras e julgar a cópia, o que distrai o design O latim embaralhado é intencionalmente ilegível, então a atenção permanece no layout, tipografia e hierarquia - exatamente o que você está tentando avaliar no estágio de maquete.
O que significa "Lorem ipsum"?
Nada traduzível É um fragmento embaralhado, deliberadamente mutilado de Cícero' s latim de 45 aC, com palavras cortadas e reordenadas para que ele lê como latim, mas não carrega nenhum significado real Essa falta de sentido é o ponto - não há nada para ler, então os revisores olham para o layout em vez das palavras.
Como insiro Lorem ipsum no Word ou no Figma?
No Microsoft Word, digite =lorem () em uma linha em branco e pressione Enter - =lorem (3,5) dá três parágrafos de cinco frases O Figma não tem gerador embutido, então use um plugin ou cole o texto desta ferramenta A cópia do gerador funciona da mesma forma em todos os lugares: o texto cai como texto simples e cai em qualquer editor, campo CMS ou ferramenta de design inalterado.
O Lorem Ipsum tem direitos autorais?
não . A fonte é um texto de 2.000 anos de Cícero, firmemente de domínio público, e o formulário de espaço reservado embaraçado é usado livremente há mais de 500 anos. Você pode soltá-lo em qualquer projeto sem preocupações de licenciamento.
Deixar o Lorem Ipsum em uma página ao vivo pode prejudicar meu SEO?
Sim. Se for publicado e indexado, os mecanismos de pesquisa verão conteúdo sem sentido onde deve ser sua cópia real e relevante, o que enfraquece os sinais tópicos e pode parecer um conteúdo fino. Sempre substitua todos os blocos de espaço reservado antes do lançamento e confirme com uma busca por "ipsum"
Mover um controle deslizante me fornece um novo texto ou o mesmo texto?
Novo texto. Cada mudança de controle deslizante reorganiza as palavras aleatórias, então, empurrar um controle deslizante (ou cutucá-lo e movê-lo de volta) é uma maneira rápida de obter um novo bloco na mesma forma. Apenas a linha de abertura permanece constante.
O que devo fazer quando o conteúdo real estiver pronto?
Solte sua cópia final e verifique se ela se encaixa no espaço para o qual você projetou. o contador de palavras Confirme se atinge seus alvos de comprimento e, se você estiver comparando um rascunho com uma edição, o Diferença de texto A ferramenta mostra exatamente o que mudou.
Embrulhando
Lorem Ipsum sobreviveu cinco séculos porque resolve perfeitamente um problema restrito: preenche um layout com a forma certa de nada, para que você possa julgar o design em vez de debater as palavras. O truque é preenchê-lo com o Quantidade certa do nada - combinado com o conteúdo real que está por vir - e então lembrar-se de retirá-lo.
Gere o seu com o Gerador Lorem Ipsum: Defina a contagem de parágrafos e densidade de frases, copie, cole. Quando o conteúdo real pousar, dimensione-o com o contador de palavras, transforme seus títulos em URLs limpos com o gerador de sluge dificultar suas revisões com o Diferença de texto ferramenta. Gratuito, privado e totalmente em seu navegador.
