Una volta ho spedito la homepage di un cliente con tre paragrafi di Lorem Ipsum ancora presenti nella sezione "About". È stato in diretta per circa quaranta minuti prima che il loro responsabile marketing mi inviasse via email uno screenshot con la riga dell'oggetto "Che lingua è questo". Nessuno è morto, ma ho cercato in ogni progetto la parola ipsum Prima di ogni distribuzione da allora, e ho costruito il Generatore di Ipsum di Lorem Su Toolz.dev in parte per smettere di copiare il testo fittizio da un segnalibro di cinque anni.
Ecco la cosa che la maggior parte delle guide di testo segnaposto salta: il punto di Lorem Ipsum non è che sembra stravagante. è che è la giusta quantità di testo illeggibile nella forma giusta, in modo da poter giudicare un layout senza che nessuno discuta sulla copia Sbagliare l'importo e il segnaposto ti mente - un design che sembra perfetto sotto due frasi ordinate va in pezzi quando viene visualizzato il paragrafo reale Quindi questa guida riguarda meno la storia (anche se ce n'è) e più la generazione di testo che corrisponde effettivamente a ciò che lo sostituirà.
Tutto funziona nel tuo browser. Nessuna registrazione, nessun annuncio a metà flusso di lavoro, niente inviato da nessuna parte.
tl; dr: la Generatore di Ipsum di Lorem costruisce paragrafi segnaposto da tre cursori - quanti paragrafi, parole medie per frase e frasi medie per paragrafo - e rigenera dal vivo mentre trascini Si apre con il familiare & quot; Lorem ipsum odor amet, consectetuer adipiscing elit.& quot; linea e riempie il resto con parole casuali in stile latino, in modo che ogni blocco sembri distinto Dimensionalo al tuo vero Contenuti previsti, copialo e cerca il tuo progetto per "ipsum" prima della spedizione. Quando arrivano le parole vere, controlla la loro lunghezza con il Contatore di parole.
Cos'è Lorem Ipsum e perché latino?
Lorem Ipsum è pseudo-latino criptato usato come testo riempitivo in modo che i designer possano valutare un layout prima che esista il contenuto reale La famosa apertura - & quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit..." - è un frammento maciullato di Cicero's De Finibus Bonorum et Malorum, un trattato di etica scritto nel 45 aC. Le parole sono state tagliate e mescolate secoli fa in qualcosa che sembra latino ma non significa nulla.
La domanda "perché latino" ha una buona risposta: L'insensatezza è la caratteristica. Se riempi un mockup con un vero inglese, tutti quelli che lo recensiscono leggono le parole, formano opinioni sulla copia e smettono di guardare il disegno Riempilo con Lorem Ipsum e non c'è niente da leggere, quindi l'attenzione va dove vuoi - alla spaziatura, al tipo, alla gerarchia e al ritmo La convenzione è abbastanza vecchia (una stampante codificata in questo modo nel 1500, Letraset lo diffuse negli anni '60, un software di desktop publishing lo ha inserito durante gli anni '80) che ogni stakeholder riconosce a vista come & quot; segnaposto, non finale.& quot;
Una nota onesta sul generatore Toolz.dev nello specifico: non riproduce l'esatto passaggio classico parola per parola Si apre con la linea riconoscibile e poi tira le parole a caso da un pool di termini dal sapore latino, quindi il corpo è fresco ogni volta piuttosto che l'identico frammento di Cicerone Per scopi segnaposto che è un vantaggio - è possibile generare diversi blocchi che sembrano tutti diversi.
Come funzionano i controlli di lunghezza?
Questa è la parte che rende lo strumento effettivamente utile, ed è dove l'interfaccia differisce da ciò che le persone si aspettano. Non ci sono "dammi 50 parole" o "dammi 3 frasi" pulsante. Invece, modella il testo con tre cursori e lo strumento li moltiplica in paragrafi:
Conteggio paragrafo (da 1 a 20) - quanti paragrafi ottieni.
media Parole per frase (da 5 a 25) - la lunghezza della frase target Il generatore aggiunge una piccola varianza casuale attorno a questo numero in modo che le frasi non siano roboticamente identiche, che è ciò che rende il risultato letto come un ritmo in prosa naturale piuttosto che una tabella.
media Frasi per paragrafo (da 2 a 15) - quanto tempo corre ciascun paragrafo, sempre con qualche varianza.
Quindi il tuo conteggio delle parole approssimativo è Paragrafi × Frasi per paragrafo × parole per frase. Un paragrafo a 10 parole × 8 frasi è di circa 80 parole. Dieci paragrafi in quelle impostazioni sono un corpo di lunga durata. Il testo rigenera l'istante in cui muovi qualsiasi cursore, quindi componi la forma a occhio piuttosto che con l'aritmetica. Quando sembra giusto, colpisci copia.
Un piccolo tocco realistico che vale la pena conoscere: circa una frase in sette termina con un punto interrogativo invece di un punto. È casuale e rende un muro di segnaposto letto un po' più simile a una scrittura reale.
Come generare il testo segnaposto su Toolz.dev, passo dopo passo
Passaggio 1: apri il generatore
Vai al Generatore di Ipsum di Lorem. Un paragrafo è già generato a carico, quindi hai qualcosa con cui lavorare immediatamente.
Passaggio 2: imposta il conteggio del paragrafo
trainare Conteggio paragrafo a comunque molti blocchi ha bisogno del tuo layout. Una singola descrizione della carta è 1; un mockup del corpo del blog potrebbe essere compreso tra 5 e 8.
Passaggio 3: modella la lunghezza della frase e del paragrafo
maneggiare media Parole per frase e media Frasi per paragrafo per abbinare il densità del tuo vero contenuto. Copia dell'interfaccia utente concisa: frasi brevi, paragrafi brevi. Un articolo a lunga lettura: più a lungo entrambi. Questo è il passo che le persone saltano, ed è quello che rende onesto il segnaposto.
Passaggio 4: copia
urto copia. Il testo viene immesso negli appunti come testo normale e si inserisce in Figma, un modello HTML, un campo CMS o il tuo editor invariato.
Passaggio 5: ripristina quando hai bisogno di una lavagna pulita
la risistema Pulsante Riporta i cursori ai valori predefiniti (1 paragrafo, 10 parole per frase, 8 frasi per paragrafo). Spostando qualsiasi dispositivo di scorrimento rimescola anche le parole, quindi se desideri solo un blocco casuale diverso con le stesse impostazioni, spingilo indietro e spingilo indietro.
Perché il testo segnaposto batte lasciando le caselle vuote
Un'area di testo vuota si trova sul tuo layout tanto quanto fa troppo testo. Non puoi giudicare l'altezza di linea su niente, non puoi vedere come si conclude una carta e non puoi dire se una griglia a due colonne si bilancia. Il testo segnaposto ti consente di valutare le cose che contano effettivamente nella fase di progettazione:
Spaziatura e ritmo - lo spazio verticale tra gli elementi sembra giusto quando c'è del testo in essi Tipografia - è il carattere del corpo leggibile a queste dimensioni e misura Gerarchia - fare intestazioni, sottoteste e corpo chiaramente separati Avvolgimento e overflow - cosa succede a una scheda ad altezza fissa quando il testo è un po 'troppo Reattività - come lo stesso blocco si rifluisce dal desktop a una colonna di telefono stretta.
E soprattutto, utilizzando strapazzato Testo piuttosto che bozza di copia impedisce ai revisori di approvare parole specifiche che quindi non sopravvivono al contatto con il contenuto reale.
Ridimensionamento giusto: un cheat sheet
L'errore più comune è riempire uno slot con tre paragrafi quando la cosa reale è una frase - il design sembra grande, poi rompe il momento in cui arriva la copia reale Puntare il generatore al contenuto che ci si aspetta davvero:
| Slot per layout | obiettivo grezzo | Punto di partenza del dispositivo di scorrimento |
|---|---|---|
| Pulsante / Etichetta | 2–4 parole | parole per frase 5, afferra le parole di apertura |
| Sottotitolo eroe | 10–20 parole | 1 paragrafo, 12 parole/frase, 2 frasi |
| scheda caratteristica | 15–30 parole | 1 paragrafo, 10 parole/frase, 2–3 frasi |
| Estratto blog / Meta | 20–40 parole | 1 paragrafo, 12 parole/frase, 3 frasi |
| A proposito di sezione | 100–200 parole | 2–3 paragrafi, 12 parole/frase, 6 frasi |
| Corpo dell'articolo | 500–1000 parole | 6–10 paragrafi, 14 parole/frase, 8 frasi |
Quindi fai il contrario apposta: una volta che la lunghezza "prevista" sembra buona, aziona una rotta al doppio della sua lunghezza e riduci un paragrafo a due parole per vedere dove si incrina il layout. Lo stress test con segnaposto è gratuito; lo stress test con il vero contenuto di lancio di un cliente non lo è.
dove il testo segnaposto guadagna la sua mantene
Progettare modelli. Le composizioni di Figma, Sketch e Adobe XD hanno bisogno di un volume di testo credibile in ogni slot per essere recensito.
Prototipi HTML/CSS. Quando crei una struttura prima del contenuto, rilascia i paragrafi generati direttamente nel markup:
<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>
test reattivi. generare un blocco breve e un blocco lungo e confermare che lo stesso componente sopravvive a entrambi.
Modelli di email e presentazione. I layout delle newsletter e i master di diapositive hanno bisogno di un segnaposto in ogni casella di testo per dimostrare il design prima della scrittura della copia della campagna.
Se le tue intestazioni reali potrebbero influenzare il layout - e di solito lo fanno - considera di digitare manualmente le intestazioni dall'aspetto realistico lasciando il corpo come Lorem Ipsum. & quot; Come iniziare& quot; sottolinea un layout in modo diverso da & quot;Lorem Ipsum Dolor e quot; e se stai generando slug URL da quelle intestazioni in seguito, il generatore di lumache li trasforma in percorsi puliti.
L'unica regola: non spedirlo mai
Il testo segnaposto è stato spedito in siti Web di produzione, giornali stampati, moduli governativi e una volta, in modo memorabile, sulla televisione di trasmissione. Succede perché "Lo sostituirò dopo" è una bugia che diciamo tutti a noi stessi. Due abitudini lo impediscono:
Sostituisci in modo incrementale - scambia Lorem Ipsum con una copia reale sezione per sezione quando arriva il contenuto, quindi il layout sembra sempre completo ma il testo falso si riduce costantemente Ed esegui una ricerca finale - prima di qualsiasi distribuzione, grep o Ctrl-F del tuo progetto per & quot;lorem" e & quot;ipsum." Ci vogliono cinque secondi ed è la differenza tra un normale martedì e un'email con oggetto & quot; che lingua è questa."
Domande frequenti
Lo strumento inizia con "Lorem Ipsum Dolor sit Amet?
Chiudi, ma non esattamente Si apre con & quot; Lorem ipsum odor amet, consectetuer adipiscing elit." - una variante comune riconoscibile della linea classica - e poi riempie il resto del testo con parole randomizzate in stile latino L'apripista è lì così chiunque guardi il tuo mockup lo legge istantaneamente come segnaposto; il corpo randomizzato significa che ogni blocco che generi sembra distinto.
Come posso controllare la lunghezza se non esiste un'opzione di conteggio delle parole?
Si forma la lunghezza con tre cursori: conteggio dei paragrafi, parole medie per frase e frasi medie per paragrafo Moltiplicarle per un conteggio approssimativo delle parole - ad esempio 3 paragrafi × 8 frasi × 10 parole è di circa 240 parole Il testo si rigenera dal vivo mentre trascini, quindi lo si dimensiona a occhio.
Perché usare Lorem Ipsum invece del vero segnaposto inglese?
Perché l'inglese reale spinge i revisori a leggere le parole e giudicare la copia, il che distrae dal design. Il latino strapazzato è intenzionalmente illeggibile, quindi l'attenzione rimane sul layout, sulla tipografia e sulla gerarchia, esattamente ciò che stai cercando di valutare nella fase di mockup.
Cosa significa "Lorem Ipsum"?
Niente di traducibile È un frammento strapazzato, deliberatamente straziato di Cicerone's latino del 45 a.C., con parole tagliate e riordinate in modo che si legga come il latino ma non abbia un significato reale Quella mancanza di significato è il punto - non c'è niente da leggere, quindi i revisori guardano il layout invece delle parole.
Come inserisco lorem ipsum in word o figma?
In Microsoft Word digitare =lorem () su una riga vuota e premere Invio - =lorem (3,5) fornisce tre paragrafi di cinque frasi Figma non ha un generatore integrato, quindi utilizzare un plugin o incollare testo da questo strumento La copia dal generatore funziona allo stesso modo ovunque: il testo viene visualizzato come testo normale e viene inserito in qualsiasi editor, campo CMS o strumento di progettazione invariato.
Lorem Ipsum è protetto da copyright?
no . La fonte è un testo di 2000 anni fa di Cicerone, saldamente di pubblico dominio, e il modulo segnaposto confuso è stato utilizzato liberamente per oltre 500 anni. Puoi lasciarlo a qualsiasi progetto senza problemi di licenza.
Lasciare Lorem Ipsum su una pagina live può danneggiare il mio SEO?
si. Se viene pubblicato e indicizzato, i motori di ricerca vedono contenuti insignificanti dove dovrebbe essere la tua copia reale e pertinente, il che indebolisce i segnali di attualità della pagina e può sembrare contenuto sottile. Sostituisci sempre ogni blocco segnaposto prima del lancio e conferma con una ricerca per "ipsum."
Spostare un cursore mi dà nuovo testo o lo stesso testo?
nuovo testo. Ogni modifica del cursore rimescolare le parole randomizzate, quindi spingere un dispositivo di scorrimento (o spingerlo indietro e spostarlo indietro) è un modo rapido per ottenere un nuovo blocco alla stessa forma. Solo la linea di apertura rimane costante.
Cosa devo fare una volta che il contenuto reale è pronto?
Lascia cadere la tua copia finale, quindi verifica che si adatti allo spazio per cui hai progettato. la Contatore di parole conferma che colpisce i tuoi obiettivi di lunghezza e se stai confrontando una bozza con una modifica, il testo Differenza Lo strumento mostra esattamente cosa è cambiato.
incasso
Lorem Ipsum è sopravvissuto cinque secoli perché risolve perfettamente un problema ristretto: riempie un layout con la giusta forma di niente, così puoi giudicare il design invece di dibattere le parole. Il trucco è riempirlo con il Importo giusto di nulla - abbinato al contenuto reale che sta arrivando - e poi ricordarsi effettivamente di tirarlo fuori.
Genera il tuo con il Generatore di Ipsum di Lorem: Imposta il conteggio del paragrafo e la densità della frase, copia, incolla. Quando il contenuto reale atterra, dimensionalo con il Contatore di parole, trasforma le tue intestazioni in URL puliti generatore di lumache, e diff le tue revisioni con il testo Differenza strumento. Gratuito, privato e interamente nel tuo browser.
