Ik heb ooit een startpagina van een klant verzonden met drie alinea's van Lorem Ipsum die nog steeds in de sectie "over" over" zitten. Het was ongeveer veertig minuten live voordat hun marketinglead me een screenshot mailde met de onderwerpregel "welke taal is dit." Niemand stierf, maar ik heb elk project naar het woord gezocht ipsum voor elke implementatie sindsdien, en ik bouwde de Lorem ipsum-generator Op Toolz.dev zou ik gedeeltelijk stoppen met het kopiëren van dummy-tekst uit een vijf jaar oude bladwijzer.
Dit is het ding dat de meeste tijdelijke aanduiding-tekstgidsen overslaan: het punt van Lorem Ipsum is niet dat het er mooi uitziet. het is dat het is De juiste hoeveelheid onleesbare tekst in de juiste vorm, zodat je een lay-out kunt beoordelen zonder dat iemand ruzie heeft over de kopie. Zorg dat het bedrag verkeerd is en de tijdelijke aanduiding liegt tegen je - een ontwerp dat er perfect uitziet onder twee nette zinnen valt uit elkaar als de echte alinea verschijnt. Deze gids gaat dus minder over de geschiedenis (hoewel er wel wat is) en meer over het genereren van tekst die daadwerkelijk overeenkomt met wat deze zal vervangen.
Alles draait in uw browser. Geen aanmelding, geen advertenties mid-workflow, niets verzonden ergens.
tl;dr: de Lorem ipsum-generator bouwt tijdelijke alinea's op uit drie schuifregelaars - hoeveel alinea's, gemiddelde woorden per zin en gemiddelde zinnen per alinea - en regenereert live terwijl u sleept. Het opent met de bekende & quot; Lorem ipsum geuramet, consectetuer adipiscing elit." lijn en vult de rest met gerandomiseerde Latijns-achtige woorden, zodat elk blok er anders uitziet Grootte het voor uw daadwerkelijk Verwachte inhoud, kopieer het en zoek uw project naar "ipsum" voordat u verzendt. Wanneer de echte woorden aankomen, controleer dan hun lengte met de woord teller.
Wat is Lorem Ipsum, en waarom Latijn?
Lorem Ipsum is vervormd pseudo-Latijn gebruikt als opvultekst, zodat ontwerpers een lay-out kunnen evalueren voordat de echte inhoud bestaat De beroemde opening - & quot; Lorem ipsum dolor sit amet, consectetur adipiscing elit..." - is een verminkt fragment van Cicero's De Finibus bonorum et Malorum, een verhandeling over ethiek geschreven in 45 voor Christus. De woorden werden eeuwen geleden gehakt en geschud in iets dat luidt als Latijn maar niets betekent.
De "waarom Latijn" vraag heeft een goed antwoord: Zinloosheid is het kenmerk. Als je een mockup vult met echt Engels, leest iedereen die het beoordeelt de woorden, vormt meningen over de kopie, en stopt met kijken naar het ontwerp Vul het met Lorem Ipsum en er is niets te lezen, dus de aandacht gaat waar je het wilt - naar spatiëring, type, hiërarchie, en ritme De conventie is oud genoeg (een printer die zo is gescrambled in de jaren 1500, Letraset verspreidde het in de jaren 1960, desktop-publishing software die het in de jaren 1980 heeft gebakken) dat elke stakeholder herkent het op zicht als "placeholder, niet definitief."
Eén eerlijke opmerking over de Toolz.dev generator specifiek: het reproduceert niet de exacte klassieke passage woord voor woord Het opent met de herkenbare lijn en trekt vervolgens willekeurig woorden uit een verzameling van termen met Latijnse smaak, dus het lichaam is elke keer vers in plaats van het identieke Cicero fragment Voor tijdelijke doeleinden is dat een plus - je kunt verschillende blokken genereren die er allemaal anders uitzien.
Hoe werken de lengtecontroles?
Dit is het deel dat de tool echt nuttig maakt, en het is waar de interface verschilt van wat mensen verwachten. Er is geen "Geef me 50 woorden" of "Geef me 3 zinnen" In plaats daarvan vorm je de tekst met drie schuifregelaars en de tool vermenigvuldigt ze in alinea's:
Alinea-telling (1 tot 20) - hoeveel alinea's u krijgt.
Gemiddeld. Woorden per zin (5 tot 25) - de doelzinlengte De generator voegt een kleine willekeurige variantie rond dit getal toe, zodat zinnen niet robotisch identiek zijn, waardoor het resultaat wordt gelezen als een natuurlijk prozaritme in plaats van als een tabel.
Gemiddeld. zinnen per alinea (2 tot 15) - hoe lang elke paragraaf loopt, wederom met enige variatie.
Dus je aantal ruwe woorden is Paragrafen × zinnen-per-paragraaf × woorden-per-zin. Een alinea van 10 woorden × 8 zinnen is ongeveer 80 woorden. Tien alinea's in die instellingen zijn een lang artikel aan het lichaam. De tekst regenereert het moment dat je een schuifregelaar verplaatst, dus je kiest de vorm in de vorm in plaats van door rekenen. Als het er goed uitziet, raak dan copiëren.
Een klein realistisch tintje dat het waard is om te weten: ongeveer één zin in zeven eindigt met een vraagteken in plaats van een punt. Het is willekeurig en het zorgt ervoor dat een muur van tijdelijke aanduiding een beetje meer op echt schrijven leest.
Hoe u stap voor stap plaatsaanduiding tekst op Toolz.dev kunt genereren
Stap 1: Open de generator
ga naar de Lorem ipsum-generator. Er wordt al een alinea gegenereerd bij load, dus je hebt iets om meteen mee te werken.
Stap 2: Stel het aantal alinea's in
zware eg Alinea-telling Hoe veel blokkeert uw lay-outbehoeften. Een enkele kaartbeschrijving is 1; een mockup voor een bloglichaam kan 5 tot 8 zijn.
Stap 3: Vorm de zin en alinealengte
goed doen Gemiddeld. Woorden per zin en Gemiddeld. zinnen per alinea overeen te komen met dichtheid van uw echte inhoud. beknopte UI-kopie: korte zinnen, korte alinea's. Een lang gelezen artikel: langere tijd. Dit is de stap die mensen overslaan, en het is degene die de tijdelijke aanduiding eerlijk maakt.
Stap 4: Kopiëren
gelukkige zet copiëren. De tekst komt op je klembord terecht als platte tekst en valt in Figma, een HTML-sjabloon, een CMS-veld of je editor ongewijzigd.
Stap 5: Reset wanneer u een schone lei nodig heeft
de opnieuw zetten knop Geeft de schuifregelaars terug naar hun standaardwaarden (1 alinea, 10 woorden per zin, 8 zinnen per alinea). Het verplaatsen van een slider brengt ook de woorden opnieuw samen, dus als je gewoon een ander willekeurig blok wilt bij dezelfde instellingen, duw dan een schuifregelaar en duw het terug.
Waarom tijdelijke tekst beats beats laat dozen leeg laten
Een leeg tekstgebied ligt net zo slecht over uw lay-out als te veel tekst. Je kunt lijnhoogte niet op niets beoordelen, je kunt niet zien hoe een kaart inloopt, en je kunt niet zeggen of een raster met twee kolommen. Met tijdelijke aanduiding kunt u de dingen evalueren die er echt toe doen in de ontwerpfase:
Spatiëring en ritme - voelt de verticale ruimte tussen elementen goed aan als er tekst in staat Typografie - is het hoofdlettertype leesbaar op deze grootte en maat Hiërarchie - doe koppen, subkoppen en hoofdtekst duidelijk gescheiden Wrappen en overflow - wat gebeurt er met een kaart met een vaste hoogte als de tekst iets te lang is Responsiviteit - hoe hetzelfde blok van bureaublad naar een smalle telefoonkolom wordt gereflecteerd.
en cruciaal, met behulp van roerrood Tekst in plaats van conceptkopie weerhoudt recensenten ervan om specifieke woorden goed te keuren die dan geen contact met de echte inhoud overleven.
Het dimensioneren goed: een spiekbriefje
De meest voorkomende fout is het vullen van een slot met drie alinea's wanneer het echte ding één zin is - het ontwerp ziet er geweldig uit, breekt dan het moment dat er een echte kopie arriveert Richt de generator op de inhoud die je eigenlijk verwacht:
| Layoutsleu | ruw doelwit | schuifregelaar startpunt |
|---|---|---|
| Knop / label | 2-4 woorden | Woorden per zin 5, pak de openingswoorden |
| Held-subtitel | 10-20 woorden | 1 alinea, 12 woorden/zin, 2 zinnen |
| functiekaart | 15-30 woorden | 1 alinea, 10 woorden/zin, 2-3 zinnen |
| Blogfragment / Meta | 20-40 woorden | 1 alinea, 12 woorden/zin, 3 zinnen |
| Over sectie | 100-200 woorden | 2-3 alinea's, 12 woorden/zin, 6 zinnen |
| Artikel Lichaam | 500-1000 woorden | 6-10 alinea's, 14 woorden/zin, 8 zinnen |
Doe dan met opzet het tegenovergestelde: zodra de "verwachte" lengte er goed uitziet, draai een kop tot twee keer zijn lengte en verklein een alinea tot twee woorden om te zien waar de lay-out barst. Stresstesten met tijdelijke aanduiding is gratis; stresstesten met de echte lanceringsinhoud van een klant is dat niet.
Waar tijdelijke aanduiding tekst zijn donjon verdient
Ontwerp mockups. Figma, schets en adobe xd composities moeten allemaal een geloofwaardig tekstvolume in elk slot om te bekijken.
HTML/CSS-prototypes. Wanneer u structuur bouwt vóór inhoud, plaatst u gegenereerde alinea's rechtstreeks in uw opmaak:
<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>
Responsief testen. Genereer een kort blok en een lang blok en bevestig dat dezelfde component beide overleeft.
E-mail en presentatiesjablonen. Nieuwsbrieflay-outs en dia-masters hebben een tijdelijke aanduiding nodig in elk tekstvak om het ontwerp te demonstreren voordat de campagnekopie wordt geschreven.
Als uw echte kopjes de lay-out kunnen beïnvloeden - en dat doen ze meestal - overweeg dan om realistisch ogende kopjes met de hand te typen terwijl u de hoofdtekst verlaat als Lorem Ipsum. "Hoe aan de slag te gaan" benadrukt een lay-out anders dan " Lorem Ipsum Dolor, & quot; en als u later URL-slugs uit die kopjes genereert, zal de slotenprogramma Verandert ze in schone paden.
De enige regel: verzend het nooit
Tijdelijke tekst is verzonden op productiewebsites, gedrukte kranten, overheidsformulieren en een keer, memorabel, op televisie uitgezonden. Het gebeurt omdat "ik dat later zal vervangen" een leugen is die we ons allemaal vertellen. Twee gewoonten voorkomen het:
Vervang stapsgewijs - ruil Lorem Ipsum voor echte kopie sectie voor sectie wanneer de inhoud arriveert, zodat de lay-out er altijd compleet uitziet, maar de neptekst gestaag krimpt. En voer een laatste zoekopdracht uit - vóór elke implementatie, grep of Ctrl-F uw project voor "lorem" en "ipsum." Het duurt vijf seconden en het is het verschil tussen een normale dinsdag en een e-mail met de onderwerpregel " welke taal is dit."
Veelgestelde vragen
Begint de tool met "Lorem Ipsum Dolor Sit Amet?
Sluiten, maar niet precies Het opent met & quot; Lorem ipsum geur amet, consectetuer adipiscing elit." - een veel voorkomende herkenbare variant van de klassieke lijn - en vult vervolgens de rest van de tekst met gerandomiseerde woorden in Latijnse stijl De opener is er zodat iedereen die naar je mockup kijkt, deze onmiddellijk als tijdelijke aanduiding leest; het gerandomiseerde lichaam betekent dat elk blok dat je genereert er verschillend uitziet.
Hoe bepaal ik de lengte als er geen woordtelling is?
Je vormt lengte met drie schuifregelaars: alinea-telling, gemiddelde woorden per zin, en gemiddelde zinnen per alinea Vermenigvuldig ze voor een ruw aantal woorden - bijvoorbeeld 3 alinea's × 8 zinnen × 10 woorden is ongeveer 240 woorden De tekst regenereert live terwijl je sleept, dus je size het op het oog.
Waarom Lorem Ipsum gebruiken in plaats van echte Engelse tijdelijke aanduiding?
Omdat echt Engels recensenten ertoe aanzet de woorden te lezen en de kopie te beoordelen, wat de aandacht afleidt van het ontwerp. Gecodeerd Latijn is opzettelijk onleesbaar, dus de aandacht blijft bij de lay-out, typografie en hiërarchie - precies wat je probeert te evalueren in de mockup-fase.
Wat betekent "Lorem Ipsum"?
Niets vertaalbaar Het is een door elkaar gegooid, opzettelijk verminkt fragment van Cicero' s Latijn uit 45 v.C., met woorden gehakt en opnieuw geordend zodat het leest als Latijn maar geen echte betekenis heeft Die zinloosheid is het punt - er is niets te lezen, dus recensenten kijken naar de lay-out in plaats van naar de woorden.
Hoe voeg ik Lorem ipsum in Word of Figma in?
In Microsoft Word geeft type =lorem () op een lege regel en druk op Enter - =lorem (3,5) drie alinea's van vijf zinnen Figma heeft geen ingebouwde generator, dus gebruik een plugin of plak tekst van deze tool Kopiëren van de generator werkt overal hetzelfde: de tekst landt als platte tekst en valt ongewijzigd in elke editor, CMS-veld of ontwerptool.
Is Lorem Ipsum auteursrechtelijk beschermd?
heel weinig . De bron is een 2.000 jaar oude tekst van Cicero, stevig in het publieke domein, en het gecodeerde tijdelijke aanduidingsformulier wordt al meer dan 500 jaar vrij gebruikt. Je kunt het in elk project laten vallen zonder problemen met licenties.
Kan het verlaten van Lorem Ipsum op een live pagina mijn SEO schaden?
Ja. Als het wordt gepubliceerd en geïndexeerd, zien zoekmachines zinloze inhoud waar uw echte, relevante kopie zou moeten zijn, wat de actuele signalen van de pagina verzwakt en er als dunne inhoud uit kan zien. Vervang altijd elk tijdelijke aanduidingsblok voor de lancering en bevestig met een zoekopdracht naar "ipsum."
Geeft het verplaatsen van een schuifregelaar me nieuwe tekst of dezelfde tekst?
nieuwe tekst. Elke slider change herschikt de gerandomiseerde woorden, dus het duwen van een slider (of het terugduwen en terugzetten ervan) is een snelle manier om een nieuw blok in dezelfde vorm te krijgen. Alleen de openingszin blijft constant.
Wat moet ik doen als de echte inhoud klaar is?
Laat je uiteindelijke exemplaar in en controleer dan of het past in de ruimte die je hebt ontworpen. de woord teller bevestigt dat het uw lengtedoelen raakt, en als u een concept vergelijkt met een bewerking, de tekst diff Het gereedschap laat precies zien wat er is veranderd.
inpakken
Lorem Ipsum heeft vijf eeuwen lang overleefd omdat het één smal probleem perfect oplost: het vult een lay-out met de juiste vorm van niets, zodat je het ontwerp kunt beoordelen in plaats van de woorden te bespreken. De truc is om het te vullen met de juiste bedrag van niets - afgestemd op de echte inhoud die eraan komt - en dan te onthouden om het er daadwerkelijk uit te halen.
Genereer de jouwe met de Lorem ipsum-generator: Stel het aantal alinea's in en de zinsdichtheid, kopieer, plak. Wanneer de echte inhoud landt, formaat deze dan met de woord teller, verander uw koppen in schone URL's met de slotenprogrammaen verdeel uw revisies met de tekst diff gereedschap. Gratis, privé en volledig in uw browser.
