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« , vous pouvez donc juger une mise en page sans que personne ne se dispute sur la copie. Se tromper sur le montant 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 parle donc moins de l'histoire (bien qu'il y en ait) que de 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, mots moyens par phrase et phrases moyennes par paragraphe - et se régénère en direct pendant que vous faites glisser Il s'ouvre avec le familier " ; Lorem ipsum odor amet, consectetuer adipiscing elit." ; ligne et remplit le reste avec des mots latin-ish randomisés, donc chaque bloc semble distinct Taille-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' ;s 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 la revoient lisent les mots, forment des opinions sur la copie, et arrêtent de regarder le design Remplissez-la avec Lorem Ipsum et il n'y a rien à lire, donc l'attention va où vous le voulez - à l'espacement, au type, à la hiérarchie, et au rythme La convention est assez ancienne (une imprimante brouillée tape de cette façon dans les années 1500, Letraset l'a répandue dans les années 1960, un logiciel d'édition de bureau la cuisiné pendant les années 1980) que chaque partie prenante reconnaît à vue comme " ; espaceur, pas final." ;
Une note honnête sur le générateur Toolz.dev spécifiquement : il ne reproduit pas le passage classique exact mot pour mot Il s'ouvre avec la ligne reconnaissable et puis tire les mots au hasard d'un pool de termes à saveur latine, donc le corps est frais à chaque fois plutôt que le fragment Cicéron identique Pour des fins d'espace réservé qui est un plus - vous pouvez générer plusieurs blocs qui ont tous l'air 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 phrase cible Le générateur ajoute une petite variance aléatoire autour de ce nombre donc les phrases ne sont pas identiques robotiquement, ce qui fait que le résultat se lit comme un rythme de prose naturel plutôt que comme un tableau.
moy. phrases par paragraphe (2 à 15) - combien de temps dure chaque paragraphe, 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 :
L'espacement et le rythme - l'espace vertical entre les éléments semble-t-il correct lorsqu'il y a du texte dans ceux-ci La typographie - est la police corporelle lisible à cette taille et à cette mesure Hiérarchie - faites clairement séparer les titres, les sous-titres et le corps Enveloppement et débordement - ce qui arrive à 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 téléphonique é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 est de remplir un emplacement de trois paragraphes lorsque la vraie chose est une phrase - le design a l'air super, puis casse le moment où la copie réelle arrive Visez le générateur au 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 c'est généralement le cas - envisagez de taper des titres réalistes à la main tout en laissant le corps sous le nom de Lorem Ipsum. " ; Comment commencer et citer ; met l'accent sur une mise en page différemment de " ; Lorem Ipsum Dolor et quot ; et si vous générez des fiches 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 :
Remplacer progressivement - é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 rétrécit régulièrement. Et lancez une recherche finale - avant tout déploiement, grep ou Ctrl-F de 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" ?
Fermer, mais pas exactement Il s'ouvre avec " ; Lorem ipsum odor amet, consectetuer adipiscing elit." ; - une variante reconnaissable courante de la ligne classique - et remplit ensuite le reste du texte avec des mots randomisés de style latin L'ouvreur est là donc quiconque regarde votre maquette le lit instantanément comme espace réservé ; le corps randomisé 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 façonnez la longueur avec trois curseurs : nombre de paragraphes, mots moyens par phrase et phrases moyennes par paragraphe Multipliez-les pour un nombre de mots approximatif - par exemple 3 paragraphes × 8 phrases × 10 mots est d'environ 240 mots Le texte se régénère en direct pendant que vous faites glisser, donc vous le taillez à l'œil nu.
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 l'attention du design Le latin brouillé est intentionnellement illisible, donc 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é, délibérément mutilé de Cicéron' ; s Latin de 45 avant JC, avec des mots hachés et réorganisés pour qu'il se lise comme le latin mais n'ait pas de véritable sens Ce manque de sens est le point - il n'y a rien à lire, alors 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 vierge et appuyez sur Entrée - = lorem (3,5) donne trois paragraphes de cinq phrases La Figma n'a pas de générateur intégré, alors utilisez un plugin ou collez du texte de cet outil La copie à partir du générateur fonctionne de la même manière partout : le texte atterrit sous forme de texte brut et tombe 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 arrive - et ensuite de penser à le supprimer.
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.
