Il *lorem ipsum* è il testo segnaposto standard che designer e sviluppatori incollano in un layout per vedere come appare prima che sia pronto il testo vero. Le parole non hanno senso, sono frammenti rimescolati di un passo di Cicerone, così chi guarda si concentra sulla *forma* del testo invece di provare a leggerlo.
Usare un generatore è meglio che scrivere asdfasdf per un motivo importante: lunghezze delle parole e punteggiatura realistiche danno un'anteprima molto migliore degli a capo, della giustificazione e di come un titolo sta accanto a un paragrafo. Evita anche il caso imbarazzante in cui il testo segnaposto finisce in produzione.
Questo generatore supporta quattro varianti: il classico lorem ipsum in latino, più alcune versioni giocose, *hipster*, *bacon* e *corporate*, per i design in cui il latino sembrerebbe troppo serioso. L'output viene generato in locale e si copia come testo semplice o racchiuso in tag <p> da incollare direttamente nell'HTML.
Cosa sapere sul Lorem Ipsum
Il testo canonico inizia con *Lorem ipsum dolor sit amet, consectetur adipiscing elit.*: mantieni questo inizio quando ti serve l'aspetto classico.
Una lunghezza realistica del segnaposto conta più delle parole esatte. Fai corrispondere il numero di paragrafi e il ritmo delle frasi al tuo contenuto reale.
Sostituisci il testo segnaposto *prima* di pubblicare. Un grep per lorem nel tuo repository subito prima del rilascio è un ultimo controllo che costa poco.
Per le scritture non latine (arabo, CJK), usa un segnaposto che imiti la lunghezza delle parole e la densità della punteggiatura di quella scrittura: un segnaposto latino sottostima la larghezza dei caratteri in quei layout.
Come generare Lorem Ipsum passo dopo passo
1
Scegli una variante
Il latino classico è la scelta sicura. Usa *hipster*, *bacon* o *corporate* quando vuoi un tono ironico, di solito per mockup interni, scherzi o strumenti di design con un marchio.
2
Imposta il numero di paragrafi e frasi
Fai in modo che somigli al testo finale. Tre paragrafi da cinque frasi ciascuno sono una buona base per il layout di un articolo di blog. Per il sottotitolo di una hero basta un paragrafo breve.
3
Attiva l'inizio classico
Per il latino classico puoi forzare il primo paragrafo a iniziare con *Lorem ipsum dolor sit amet…*: utile quando i designer si aspettano l'inizio canonico.
4
Scegli testo semplice o HTML
Il testo semplice è il più comodo per strumenti di design e presentazioni. L'HTML racchiude ogni paragrafo in tag <p> così puoi incollarlo direttamente in un CMS o in un template.
5
Copia e incolla
Clicca *Rigenera* finché il ritmo non ti convince, poi copia il risultato. Non dimenticare di sostituirlo con il testo vero prima di pubblicare.
Riferimento rapido del Lorem Ipsum
Quantità comuni e cosa producono più o meno.
Caso d'uso
Paragrafi
Frasi per paragrafo
Tweet / didascalia di una riga
1
1
Sottotitolo della hero
1
2
Testo di una scheda prodotto
1
3
Anteprima di un articolo di blog
1
5
Layout completo di un articolo di blog
5
5
Articolo lungo
8
6
Esempi di Lorem Ipsum da provare
Inizio classico, due paragrafi
Output di esempio
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
L'inizio canonico in latino seguito da un secondo paragrafo generato in modo naturale. Usalo ovunque un designer si aspetti l'aspetto tradizionale.
Paragrafi HTML per un CMS
Output racchiuso
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
Passa la modalità di output a HTML quando incolli in un editor di testo formattato che interpreta i tag. Ogni paragrafo diventa un elemento <p> a sé.
Variante bacon per un mockup divertente
Output di esempio
Bacon ipsum dolor amet kielbasa pork belly drumstick. Pastrami short loin tenderloin meatball, jowl spare-ribs glazed prosciutto.
Il bacon ipsum rende più divertente la revisione di un layout e fa capire subito a un cliente che il testo è un segnaposto. Non pubblicarlo in produzione.
Errori comuni con il Lorem Ipsum
Pubblicare una pagina in cui il testo vero non è mai stato inserito. Cerca lorem e ipsum nel tuo repository prima di ogni rilascio.
Usare un unico blocco enorme quando il contenuto reale ha tanti paragrafi brevi. Rispetta la struttura, non solo il numero di parole.
Incollare hipster o bacon ipsum in una presentazione per un cliente senza spiegazioni: fuori dal team di design la battuta può non essere capita.
Riempire moduli o testi alternativi con lorem ipsum. Gli screen reader lo leggeranno, i motori di ricerca lo indicizzeranno e le persone lo vedranno.
Trattare la lunghezza del segnaposto come una specifica del contenuto. Il testo vero raramente ha la stessa lunghezza del lorem che hai usato.
Domande frequenti sul Lorem Ipsum
Cosa significa Lorem Ipsum?
È latino rimescolato da un passo di Cicerone (*De finibus bonorum et malorum*, 45 a.C.). Le parole sono state tagliate e riordinate in modo che il testo non abbia significato: sono solo forme che servono al designer per valutare le proporzioni.
Il Lorem Ipsum è solo testo casuale?
Viene generato da un insieme fisso di parole dall'aspetto latino con lunghezze e punteggiatura realistiche. Somiglia più a una prosa vera che a caratteri casuali, ed è proprio questo il punto.
Perché il Lorem Ipsum si usa come testo segnaposto?
Siccome è illeggibile, i designer si concentrano sul layout invece che sul contenuto. Ha lunghezze prevedibili di parole e righe, quindi mostra bene gli a capo e la giustificazione.
Che differenza c'è tra Lorem Ipsum e testo fittizio?
Il Lorem Ipsum è un testo fittizio specifico, la variante in latino rimescolato. *Testo fittizio* è il termine generale e comprende hipster, bacon e altri insiemi a tema.
È sicuro pubblicare il Lorem Ipsum in produzione?
No. Il testo segnaposto in produzione è un imbarazzo comune e un rischio per la SEO: i motori di ricerca possono indicizzarlo e i visitatori lo vedranno. Sostituiscilo sempre con il testo vero prima di andare online.
