Une fois, j'ai expédié la page d'accueil d'un client avec trois paragraphes de Lorem Ipsum toujours dans la section "A propos". Il a été en direct pendant environ quarante minutes avant que leur prospect marketing ne m'envoie par e-mail une capture d'écran avec la ligne d'objet "Quelle langue est-ce. " Personne n'est mort, mais j'ai cherché dans tous les projets le mot ipsum Avant chaque déploiement depuis, et j'ai construit le Générateur de Lorem IPSUM Sur toolz.dev, j'arrêtais en partie de copier du texte factice d'un signet de cinq ans.
Voici la chose que la plupart des guides de texte d'espace réservé sont les ignorants : le point de Lorem Ipsum n'est pas qu'il a l'air sophistiqué. c'est que c'est La bonne quantité de texte illisible dans la bonne forme, afin que vous puissiez juger une mise en page sans que personne ne se dispute à propos de la copie. Trouvez-vous mal et l'espace réservé vous ment, un design qui semble parfait sous deux phrases soignées s'effondre lorsque le vrai paragraphe apparaît. Ce guide concerne donc moins l'historique (bien qu'il y en ait) et davantage la génération de texte qui correspond réellement à ce qui le remplacera.
Tout fonctionne dans votre navigateur. Pas d'inscription, pas de publicités au milieu du flux de travail, rien n'est envoyé nulle part.
tl;dr : le Générateur de Lorem IPSUM Construit des paragraphes d'espace réservé à partir de trois curseurs - combien de paragraphes, de mots moyens par phrase et de phrases moyennes par paragraphe - et se régénérent au fur et à mesure que vous faites glisser. Il s'ouvre sur la ligne "Lorem Ipsum Odor Amet, consectuer adipiscing" et remplit le reste avec des mots latins aléatoires, de sorte que chaque bloc semble distinct. dimensionnez-le à votre immeuble Contenu attendu, copiez-le et recherchez votre projet pour "ipsum" avant d'expédier. Lorsque les vrais mots arrivent, vérifiez leur longueur avec le compteur de mots.
Qu'est-ce que Lorem Ipsum et pourquoi le latin ?
Lorem ipsum est un pseudo-latin brouillé utilisé comme texte de remplissage afin que les concepteurs puissent évaluer une mise en page avant que le contenu réel n'existe. La célèbre ouverture — "Lorem Ipsum Dolor Sit Amet, consectetur Adipiscing elit..." est un fragment mutilé de Cicéron De Finibus Bonorum et Malorum, un traité d'éthique rédigé en 45 av. Les mots ont été coupés et mélangés il y a des siècles en quelque chose qui se lit comme le latin mais qui ne signifie rien.
La question "pourquoi latin" a une bonne réponse : Le non-sens est la caractéristique. Si vous remplissez une maquette avec un vrai anglais, tous ceux qui les examinent lit les mots, forment des opinions sur la copie et arrêtent de regarder le design. Remplissez-le de Lorem Ipsum et il n'y a rien à lire, donc l'attention va où vous le souhaitez - à l'espacement, au type, à la hiérarchie et au rythme. La convention est assez ancienne (un type d'imprimante brouillé de cette façon dans les années 1500, Letraset l'a diffusé dans les années 1960, un logiciel de publication de bureau l'a cuit dans les années 1980) que chaque partie prenante la reconnaît à vue comme "placeholder, pas final".
Une note honnête sur le générateur Toolz.dev spécifiquement : il ne reproduit pas le mot à mot classique exact du passage. Il s'ouvre avec la ligne reconnaissable, puis extrait des mots au hasard d'un pool de termes à saveur latine, de sorte que le corps est frais à chaque fois plutôt que le fragment de Cicéron identique. Pour les espaces réservés, c'est un plus, vous pouvez générer plusieurs blocs qui sont tous différents.
Comment fonctionnent les contrôles de longueur ?
C'est la partie qui rend l'outil vraiment utile, et c'est là que l'interface diffère de ce que les gens attendent. Il n'y a pas de "donnez-moi 50 mots" ou "donnez-moi 3 phrases". Au lieu de cela, vous façonnez le texte avec trois curseurs, et l'outil les multiplie en paragraphes :
Nombre de paragraphes (1 à 20) — Combien de paragraphes vous obtenez.
moy. Mots par phrase (5 à 25) — La longueur de la phrase cible. Le générateur ajoute une petite variance aléatoire autour de ce nombre afin que les phrases ne soient pas identiques sur le plan robotique, ce qui fait que le résultat est lisible comme un rythme de prose naturel plutôt qu'une table.
moy. phrases par paragraphe (2 à 15) — Combien de temps chaque paragraphe est, encore une fois avec une certaine variance.
Donc, votre nombre de mots approximatif est Paragraphes × phrases par paragraphe × mots par phrase. Un paragraphe à 10 mots × 8 phrases est d'environ 80 mots. Dix paragraphes à ces paramètres sont un corps d'un article de longue date. Le texte régénère l'instant où vous déplacez un curseur, de sorte que vous composez la forme à l'œil plutôt qu'à l'arithmétique. Quand ça a l'air juste, frappez truquer.
Une petite touche réaliste qui mérite d'être connue : environ une phrase sur sept se termine par un point d'interrogation au lieu d'une période. C'est aléatoire et cela rend un mur de placeholder un peu plus ressemblant à une véritable écriture.
Comment générer du texte d'espace réservé sur Toolz.dev, étape par étape
Étape 1 : Ouvrir le générateur
aller au Générateur de Lorem IPSUM. Un paragraphe est déjà généré sur le chargement, vous avez donc quelque chose avec lequel travailler immédiatement.
Étape 2 : Définissez le nombre de paragraphes
traînée Nombre de paragraphes à la plupart des blocs dont vos besoins de mise en page. Une seule description de carte est 1, une maquette de corps de blog peut être de 5 à 8.
Étape 3 : Former la phrase et la longueur du paragraphe
manier moy. Mots par phrase et moy. phrases par paragraphe Pour correspondre à la densité de votre contenu réel. Copie de l'interface utilisateur la plus simple : phrases courtes, paragraphes courts. Un article à longue lecture : plus longtemps les deux. C'est le pas que les gens sautent, et c'est celui qui rend l'espace réservé honnête.
Étape 4 : Copier
choquer truquer. Le texte atterrit sur votre presse-papiers sous forme de texte brut et tombe dans Figma, un modèle HTML, un champ CMS ou votre éditeur inchangé.
Étape 5 : Réinitialisez lorsque vous avez besoin d'une table rase
le remettre en place Button ramène les curseurs à leurs valeurs par défaut (1 paragraphe, 10 mots par phrase, 8 phrases par paragraphe). Déplacer un curseur remanie également les mots, donc si vous voulez juste un bloc aléatoire différent dans les mêmes paramètres, poussez un curseur et repoussez-le.
Pourquoi le texte de l'espace réservé bat laissant les zones vides
Une zone de texte vide se situe aussi mal dans votre mise en page que trop de texte. Vous ne pouvez pas juger la hauteur de ligne sur rien, vous ne pouvez pas voir comment une carte s'enroule et vous ne pouvez pas savoir si une grille à deux colonnes s'équilibre. Le texte de l'espace réservé vous permet d'évaluer les éléments qui comptent réellement au stade de la conception :
Espacement et rythme - L'espace vertical entre les éléments est-il juste lorsqu'il y a du texte. Typographie - est la police de corps lisible à cette taille et à cette mesure. Hiérarchie — Faites des titres, des sous-titres et des corps clairement séparés. Emballage et débordement — Qu'arrive-t-il à une carte à hauteur fixe lorsque le texte est un peu trop long. Réactivité — Comment le même bloc reflue du bureau vers une colonne de téléphone étroite.
Et surtout, utiliser brouillé Texte plutôt qu'une copie de brouillon empêche les examinateurs d'approuver des mots spécifiques qui ne survivent pas au contact du contenu réel.
Dimensionner correctement : une feuille de triche
L'erreur la plus courante consiste à remplir un créneau avec trois paragraphes lorsque la vraie chose est une phrase - le design est superbe, puis casse le moment où la copie réelle arrive. Dirigez le générateur vers le contenu que vous attendez réellement :
| Emplacement de la disposition | Cible difficile | Point de départ du curseur |
|---|---|---|
| Bouton/étiquette | 2 à 4 mots | Mots par phrase 5, saisissez les mots d'ouverture |
| Sous-titre de héros | 10 à 20 mots | 1 paragraphe, 12 mots/phrase, 2 phrases |
| Carte de caractéristiques | 15 à 30 mots | 1 paragraphe, 10 mots/phrase, 2 à 3 phrases |
| Extrait de blog / Méta | 20 à 40 mots | 1 paragraphe, 12 mots/phrase, 3 phrases |
| À propos de la section | 100 à 200 mots | 2–3 Paragraphes, 12 mots/phrase, 6 phrases |
| corps d'article | 500 à 1 000 mots | 6 à 10 paragraphes, 14 mots/phrase, 8 phrases |
Faites alors le contraire : une fois que la longueur "attendue" est bonne, lancez un cap à deux fois sa longueur et rétrécit un paragraphe en deux mots pour voir où se fissure la disposition. Les tests de résistance avec un espace réservé sont gratuits ; les tests de résistance avec le contenu réel de lancement d'un client ne l'est pas.
Où le texte de l'espace réservé gagne sa valeur
Concevoir des maquettes. Les compositions Figma, Sketch et Adobe XD ont toutes besoin d'un volume de texte crédible dans chaque emplacement pour valoir la peine d'être examinée.
Prototypes HTML/CSS. Lorsque vous créez une structure avant le contenu, déposez des paragraphes générés directement dans votre balisage :
<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>
Tests réactifs. Générez un bloc court et un bloc long et confirmez que le même composant survit aux deux.
Modèles d'e-mails et de présentation. Les mises en page de la newsletter et les diapositives ont besoin d'un espace réservé dans chaque zone de texte pour démontrer la conception avant que la copie de la campagne ne soit écrite.
Si vos véritables titres peuvent affecter la mise en page, et ils le font généralement, envisagez de taper des titres réalistes à la main tout en laissant le corps en tant que Lorem IPSUM. "Comment commencer" met une disposition autrement que "Lorem Ipsum Dolor", et si vous générez des limaces d'URL à partir de ces titres plus tard, le générateur de limace les transforme en chemins propres.
La règle unique : ne l'expédiez jamais
L'espace réservé a été expédié sur des sites Web de production, dans des journaux imprimés, dans des formulaires gouvernementaux et, une fois, de manière mémorable, sur la télévision. Cela arrive parce que "je remplacerai plus tard" est un mensonge que nous nous disons tous. Deux habitudes l'empêchent :
Remplacez de manière incrémentielle - échangez Lorem Ipsum contre une copie réelle section par section au fur et à mesure que le contenu arrive, de sorte que la mise en page semble toujours complète, mais le faux texte se rétrécit régulièrement. Et lancez une recherche finale - avant tout déploiement, grep ou ctrl-f votre projet pour "Lorem" et "iPsum". Cela prend cinq secondes et c'est la différence entre un mardi normal et un e-mail avec la ligne d'objet "quelle langue est-ce ?"
Questions fréquentes
L'outil commence-t-il par "Lorem Ipsum Dolor Sit Amet" ?
Proche, mais pas exactement. Il s'ouvre avec "Lorem Ipsum Odor Amet, consectetuer adipiscing elit". Une variante commune reconnaissable de la ligne classique - puis remplit le reste du texte avec des mots de style latin au hasard. L'ouvreur est là, donc quiconque regarde votre maquette la lit instantanément comme espace réservé; le corps aléatoire signifie que chaque bloc que vous générez semble distinct.
Comment contrôler la longueur s'il n'y a pas d'option de nombre de mots ?
Vous formez la longueur avec trois curseurs : nombre de paragraphes, mots moyens par phrase et phrases moyennes par paragraphe. Multipliez-les pour un nombre approximatif de mots - par exemple 3 paragraphes × 8 phrases × 10 mots, c'est environ 240 mots. Le texte se régénère en direct pendant que vous faites glisser, de sorte que vous le dimensionnez à l'œil.
Pourquoi utiliser Lorem Ipsum au lieu d'un véritable espace réservé en anglais ?
Parce que le vrai anglais incite les critiques à lire les mots et à juger la copie, ce qui détourne le design. Le latin brouillé est intentionnellement illisible, de sorte que l'attention reste sur la mise en page, la typographie et la hiérarchie - exactement ce que vous essayez d'évaluer au stade de la maquette.
Que signifie "Lorem Ipsum" ?
Rien de traduisible. C'est un fragment brouillé et délibérément mutilé du latin de Cicéron de 45 av. J.-C., avec des mots coupés et réorganisés afin qu'il se lit comme le latin mais n'a aucune signification réelle. Cette absence de sens est le point - il n'y a rien à lire, de sorte que les critiques regardent la mise en page au lieu des mots.
Comment insérer Lorem ipsum dans Word ou Figma ?
Dans Microsoft Word, tapez =lorem() sur une ligne vide et appuyez sur Entrée — =lorem(3,5) donne trois paragraphes de cinq phrases. Figma n'a pas de générateur intégré, alors utilisez un plugin ou collez du texte de cet outil. La copie du générateur fonctionne de la même manière partout : le texte atterrit sous forme de texte brut et se place dans n'importe quel éditeur, champ CMS ou outil de conception inchangé.
Lorem Ipsum est-il protégé par le droit d'auteur ?
non . La source est un texte vieux de 2 000 ans de Cicero, fermement dans le domaine public, et la forme d'espace réservé brouillé est utilisée librement depuis plus de 500 ans. Vous pouvez le déposer dans n'importe quel projet sans s'inquiéter de la licence.
Laisser Lorem Ipsum sur une page en direct peut-il nuire à mon référencement ?
Oui. S'il est publié et indexé, les moteurs de recherche voient un contenu sans signification là où votre copie réelle et pertinente devrait être, ce qui affaiblit les signaux d'actualité de la page et peut ressembler à du contenu mince. Remplacez toujours chaque bloc d'espace réservé avant le lancement et confirmez par une recherche sur "IPSUM".
Le déplacement d'un curseur me donne-t-il un nouveau texte ou le même texte ?
Nouveau texte. Chaque changement de curseur remanie les mots aléatoires, donc donner un coup de pouce à un curseur (ou le pousser et le reculer) est un moyen rapide d'obtenir un nouveau bloc à la même forme. Seule la ligne d'ouverture reste constante.
Que dois-je faire une fois que le contenu réel est prêt ?
Déposez votre copie finale, puis vérifiez qu'elle correspond à l'espace pour lequel vous avez conçu. le compteur de mots Confirme qu'il atteint vos objectifs de longueur, et si vous comparez un brouillon à un édit, le Diff de texte L'outil montre exactement ce qui a changé.
arrivée
Lorem Ipsum a survécu à cinq siècles car il résout parfaitement un problème étroit : il remplit une mise en page avec la bonne forme de rien, vous pouvez donc juger de la conception au lieu de débattre des mots. L'astuce consiste à le remplir avec le montant correct de rien - correspondant au contenu réel qui vient - puis de se rappeler de le retirer.
Générez le vôtre avec le Générateur de Lorem IPSUM: Définissez le nombre de paragraphes et la densité de phrases, copiez, collez. Lorsque le contenu réel atterrit, dimensionnez-le avec le compteur de mots, transformez vos en-têtes en URL propres avec le générateur de limace, et diff vos révisions avec le Diff de texte outil. Gratuit, privé et entièrement dans votre navigateur.
