¿Por qué los diseñadores usan lorem ipsum?

La respuesta corta

El texto de relleno existe para responder a una pregunta de layout, no de contenido. Un diseñador llena un wireframe de lorem ipsum porque la distribución de la tipografía —cómo parte el titular, cómo se sienta el bloque de párrafo frente al espacio en blanco, si la altura fija de una tarjeta sobrevive a frases reales— tiene que juzgarse antes de que nadie se haya puesto de acuerdo sobre qué dirán las palabras. El copy real en esa etapa distrae; un marco vacío está ciego.

Que sea un sinsentido y no inglés de relleno es deliberado: un texto ilegible mantiene los comentarios en la jerarquía, el espaciado y el peso, en vez de abrir una discusión sobre la redacción. Que sea latín se debe a que la longitud de sus palabras y su mezcla de letras parecen prosa de un idioma europeo de un vistazo, y a la vez está claro que no es el texto definitivo, así que nadie lo confunde con contenido.

Esa es toda la lógica. Todo lo de abajo la desarrolla y luego cubre dónde se equivoca la práctica, que es más a menudo de lo que los diseñadores admiten, sobre todo en productos que salen en más de un idioma.

El texto de relleno no es una forma de relleno

El marco vacío es el problema. Un layout dibujado como rectángulos vacíos no puede fallar: nada se desborda, nada parte la línea, nada queda empujado fuera de la pantalla. Las cajas vacías parecen tranquilas y equilibradas porque no hay nada dentro con lo que pelear. Llena las mismas cajas con texto y el diseño empieza a romperse de maneras que solo ves cuando algo ya se ha roto.

Así que el texto de relleno no es decoración del mockup: sustituye la forma de la escritura real. Tres propiedades sostienen el peso. Longitud: un titular que corre dos palabras más parte a una segunda línea y mueve todos los elementos de debajo. Longitud de palabra: las palabras largas definen el borde irregular del párrafo —el margen derecho desigual—, obligan a decidir dónde separar con guión y abren ríos de espacio en blanco que bajan por las columnas justificadas. Ritmo de línea: párrafos con distintas cantidades de frases hacen que los bloques de texto se vean densos o aireados, y una página vive o muere por esa textura.

Ninguno de esos problemas aparece mientras las cajas están vacías, y ninguno aparece con palabras de relleno de cinco caracteres. Aparecen con texto de longitud realista, de longitud de palabra realista y de ritmo de línea realista. Eso es exactamente lo que el texto de relleno suministra a demanda, y por eso los diseñadores lo cogen antes de que las palabras existan.

Los componentes de tamaño fijo afinan el argumento: un botón, una celda de tabla, una tarjeta con un recorte de dos líneas solo se ponen a prueba cuando se llenan. Descubres qué layout sobrevive en cuanto pegas un párrafo largo de verdad.

• Lo que un marco solo revela cuando está lleno:
• Dónde parte cada titular, y si la segunda línea deja una palabra huérfana.
• Lo irregular que es de verdad el margen derecho de cada párrafo.
• Qué bloques se leen como contenido denso y cuáles como huecos.
• Qué componentes de tamaño fijo se cortan, se encogen o parten la línea cuando el texto los supera.

Por qué un sinsentido y no copy real

El contenido legible atrae la vista. Mete el titular definitivo en un mockup y todos los que lo miren —tú, el cliente, el jefe de producto— leen la frase y reaccionan a la frase. Los comentarios se convierten en elección de palabras y tono, y el layout queda sin juzgar porque nadie puede evaluar la jerarquía debajo de un texto con el que está discutiendo. Las palabras con significado son imanes; no puedes pedir a la gente que las mire de soslayo, porque la lectura no funciona así.

El texto sin sentido se niega a participar en eso. Nadie opina sobre “consectetur adipiscing elit”, así que la conversación se queda donde tiene que estar mientras se decide el layout: jerarquía, espaciado, peso, escala. No es una regla ni un truco: es reconocer que pedir a los implicados que ignoren el significado de palabras legibles es un encargo que no van a cumplir.

Hay además un beneficio más discreto: el texto de relleno no compromete a nada. Un borrador de copy real implica que la página dice algo, y la gente trata los borradores que circulan como contenido aprobado. El texto de relleno se anuncia a sí mismo como inacabado, y evita que la discusión del layout se convierta en una discusión de aprobación de contenido.

Por qué latín, específicamente

Aceptado que el relleno tiene que ser ilegible, aún necesitas que parezca escritura, y esa es la parte del latín. El texto de relleno falla en su trabajo si parece falso: un bloque de “asdf asdf asdf” se ve como un marcador de posición y la vista se desliza fuera del layout en vez de leerlo como una página. Las palabras latinas tienen la forma de la prosa de un idioma europeo —longitudes de palabra mezcladas, conectores cortos, puntuación conocida, ascendentes y descendentes repartidos como en inglés o alemán—, lo bastante cerca como para que un párrafo de latín se lea como un párrafo a la distancia a la que juzgas un layout.

Además es evidente que no es el copy definitivo. El griego parecería una decisión de diseño; el francés lo leería media sala; un idioma inventado cuesta mantenerlo coherente. El latín ocupa un término medio estable: todos lo reconocen como una lengua que nadie va a publicar, así que sustituye al contenido sin que nadie confunda el relleno con una decisión. Esa reconocibilidad es la razón de que la misma línea de apertura haya sobrevivido como convención: su significado es “este hueco todavía no está lleno”.

El detalle es que “la forma de la prosa de un idioma europeo” significa alfabeto latino, palabras separadas por espacios y más o menos la mezcla de caracteres del inglés, y nada más. No dice nada sobre cuánto se expande el alemán ni sobre cómo parte líneas el chino. Esa limitación es el tema de la sección de fallos de abajo.

De dónde viene el lorem ipsum

La historia del origen se cuenta con más seguridad de la que sostiene la evidencia. Esta es la versión aceptada en términos generales, con las partes inciertas señaladas.

Una fuente latina clásica

El pasaje estándar desciende de latín de verdad. Sus palabras de apertura son un fragmento alterado del De Finibus Bonorum et Malorum de Cicerón —“Sobre los fines del bien y del mal”, un tratado de ética del siglo I antes de Cristo—, de un pasaje cerca del principio del libro primero que habla del placer y del dolor. Que Cicerón sea la fuente es la parte en la que académicos y escritores de diseño están de acuerdo; la referencia exacta de la sección se cita de formas distintas según la versión, y lo que sobrevive muestra el fragmento troceado y remendado, sílabas cortadas a mitad de palabra y piezas vueltas a unir. “Lorem ipsum dolor sit amet” no es una frase en latín; son los restos de una.

Así que la pregunta “¿es latín de verdad?” tiene una respuesta honesta: el texto original era latín, y se rompió a propósito.

Una práctica de imprenta, no un invento

El barullo importa más que la fuente, y es anterior a cualquier producto concreto. Durante siglos, las muestras y las pruebas de imprenta han usado latín que parecía prosa real pero que nadie podía confundir con el libro de nadie: un relleno que demostraba el tipo de letra sin ofrecer texto legible que copiar. El lorem ipsum es un superviviente de esa práctica, no el invento de una persona lista en un momento dado. Qué tan atrás queda el primer ejemplo es realmente borroso en el relato popular: verás fechas repartidas por la segunda mitad del segundo milenio, y casi todas vienen de un pequeño número de versiones en línea que se apoyan unas en otras. Toma cualquier año preciso de esta historia como una conjetura que hizo alguien.

La historia de la década de 1960 y lo que puedes citar de verdad

La versión folclórica dice que un compositor de imprenta —o una lámina de letras de transferencia seca de la década de 1960— inventó el pasaje y lo extendió por los estudios de diseño, con la autoedición acabando el trabajo. La forma general es plausible: el texto ya se usaba en el oficio de la imprenta, un producto de gran público lo volvió universal y el software de diseño lo estandarizó a partir de ahí. Los detalles que se repiten una y otra vez —quién cortó las láminas, qué año, qué diseñador famoso— no son algo que puedas citar con precisión, y quienes han intentado documentarlos no han conseguido fijar los datos. Si necesitas una frase fiable: nadie sabe quién convirtió el lorem ipsum en estándar, pero estándar se convirtió.

Lo que no es folclore es lo que pasó después: cuando la autoedición y el diseño web adoptaron el texto, los recién llegados copiaban lo que producían las herramientas que ya existían, y la convención quedó fijada. Por eso la mayoría de los generadores empiezan todavía con las mismas tres palabras reconocibles.

Cómo funciona el lorem ipsum

Mecánicamente, generar texto de relleno es una de dos cosas, y es fácil confundirlas. La primera es el pasaje canónico ampliado por barullo: toma el fragmento maltrecho de Cicerón y sigue aplicando el mismo proceso —quitar letras, meter otras, mover terminaciones— y obtienes página tras página de un texto cuasi latino que nunca se resuelve en frases. De ahí viene el aspecto clásico del “lorem ipsum”.

La segunda es un banco de palabras y un sorteo aleatorio: el generador guarda una lista de palabras de aspecto latino y elige de ella para montar los párrafos que pides. Sin gramática, sin significado, sin modelo de ningún idioma real; el resultado es ruido con forma de prosa. La mayoría de las herramientas que usas de verdad, incluido el generador enlazado al final de esta guía, funcionan así.

Los dos métodos explotan la misma propiedad: la reconocibilidad vive en el nivel de la forma, no en el de la corrección. Un párrafo lo juzgas a un pie y medio de distancia, que es una distancia a la que importan la longitud de las palabras, los cortes de línea y la densidad de la tinta, y no la ortografía. Un sinsentido con la forma correcta pasa por contenido de un vistazo, que es justo lo que necesita una prueba de layout.

Conoce también los límites del truco: un sorteo aleatorio da una longitud y un ritmo verosímiles, no la mezcla de palabras de la prosa verdadera, que se apoya mucho en unas pocas palabras cortas y comunes. A la distancia de layout nadie lo nota, y la distancia de layout es el estándar que se está cumpliendo.

Dónde sale mal

El texto de relleno tiene un trabajo muy concreto, y tres fallos explican la mayor parte del daño que hace.

Dejarlo en el entregable

El desastre clásico es la página publicada que todavía lleva “consectetur adipiscing elit” porque nadie cambió el copy. En un mockup, el texto de relleno anuncia “esto aún no está terminado”; en un producto ya lanzado anuncia “nos daba igual”. Los titulares reales, las etiquetas de navegación y el texto de los botones tienen que estar puestos mucho antes de que el archivo salga de tu máquina: son los elementos que todo revisor lee primero, y cuyo largo no deberías haber tenido que adivinar.

Hay una versión más sutil: llenar de relleno todos los huecos menos los importantes. Una tabla de precios construida con nombres de plan ficticios no ha probado nada, porque el plan que de verdad dice “Enterprise Annual Contract” es el que parte la línea.

Revisar la accesibilidad o el contenido con él

El texto de relleno no te dice nada sobre la longitud del contenido real, lo que lo convierte en el material equivocado para cualquier cosa que dependa del significado. Un lector de pantalla recitará un sinsentido a la perfección, así que una revisión de accesibilidad sobre lorem ipsum encuentra todos los problemas en un texto que no tiene ninguno, mientras el texto alternativo, la finalidad de los enlaces y el orden de lectura bajo titulares reales quedan sin probar. Las sesiones de usabilidad con copy de relleno producen participantes parafraseando un sinsentido, que es una sesión perdida con educación.

Lo mismo ocurre con la longitud. Los párrafos de lorem ipsum sacan la media que fijen los parámetros del generador; el copy real de un producto tiene mensajes de error varias veces más largos que el relleno, nombres de producto sin espacios y cadenas escritas por el usuario tan largas como el campo permita. El texto de relleno puede aproximar la media. La cola no puede aproximarla.

Probar un producto multilingüe con relleno de forma inglesa

Este es el fallo con más coste real, y la mayoría de las explicaciones lo saltan por completo. El texto estándar aproxima una prosa de longitud inglesa, separada por espacios y en alfabeto latino. Tres variables que de verdad deciden si un layout sobrevive a la traducción —cuánto espacio ocupa el texto, dónde puede partirse una línea y en qué dirección avanza el texto— quedan ancladas al inglés por esa elección, así que un párrafo de lorem ipsum inglés no prueba ninguna de ellas para ningún otro idioma.

Primero, la expansión. Las traducciones a la mayoría de idiomas europeos necesitan visiblemente más espacio que el original en inglés; la regla práctica que se cita a menudo en localización es que el alemán, el francés y el español necesitan aproximadamente un 15-35 por ciento más cada uno, y el alemán suele ser el más largo de los habituales. Una columna dimensionada a partir de un párrafo de relleno inglés de trece palabras es una columna que una frase alemana de veinte palabras desborda sin esfuerzo.

Segundo, las reglas de corte, y es lo que más duele. El chino y el japonés no usan ningún espacio: no hay palabras entre las que un algoritmo de corte de línea pueda elegir, el corte ocurre entre caracteres, y la densidad por línea no se parece a nada del alfabeto latino. Probar un párrafo de lorem ipsum inglés para esos idiomas significa que no has probado el ajuste de línea en absoluto. El problema espejo es la cadena que no se puede partir: una URL, una dirección de correo, un sustantivo compuesto alemán largo, que se comporta como un CJK en miniatura y desborda el contenedor que gestionó “lorem ipsum” de maravilla.

Tercero, la dirección. El árabe y el hebreo invierten el layout: alineación, marcadores de lista, orden de lectura, y un párrafo en latín no te dice nada de cómo se comporta el diseño en espejo. Nada de esto significa abandonar el texto de relleno en productos internacionales; significa que el relleno tiene que coincidir con la forma del idioma de destino, no con la del inglés.

Qué usar en su lugar

El texto de relleno es la herramienta equivocada en cuanto la pregunta deja de ser “¿sobrevive este layout?” y pasa a ser “¿funciona esta página?”. Tres cambios cubren casi todos los casos.

Contenido real pronto. La corrección más fuerte es dejar el texto de relleno en cuanto existan las palabras. Titulares, navegación, etiquetas de botones e introducciones de sección suelen escribirse antes de la revisión de diseño: mete los borradores y deja que el layout absorba la verdad sobre su longitud, aunque la redacción cambie después. Un diseñador que trabaja contra titulares reales sigue recibiendo comentarios sobre el layout, y las discusiones de redacción pasan antes, cuando son baratas.

Relleno fiel a la longitud para el idioma de destino. Si el producto sale en alemán, genera la forma alemana. Dos rutas: la pseudotraducción, que reescribe cada cadena real como texto sintético acentuado y más largo en proporción a la expansión estimada, de modo que ves la longitud sin esperar a los traductores; o párrafos de relleno simplemente más largos, alrededor de 1.3 veces el volumen del inglés, para el idioma concreto. Para CJK, pega prosa china o japonesa real de una longitud realista: el comportamiento del corte de línea es todo el asunto, y solo el texto auténtico lo ejercita.

Cadenas reales de peor caso. Antes del traspaso, sustituye el relleno por la entrada más larga que el campo puede recibir de verdad: el apellido doble, el título de producto que se alarga, el correo de longitud completa, el mensaje de error más largo que hayas escrito. Es aburrido, y es la comprobación con mayor retorno que puedes hacer, porque los layouts se publican por sus casos límite, no por sus promedios.

• La lista de cambios en un solo sitio:
• Explorar layout, estilo y jerarquía: texto de relleno, quédate con él.
• Decidir el tamaño de componentes y los breakpoints: contenido real de borrador con longitud realista.
• Diseñar idiomas internacionales: pseudotraducción o relleno del idioma de destino.
• Pruebas de usabilidad, revisión de accesibilidad, revisión de contenido: solo palabras reales.

Cómo usar bien un generador de lorem ipsum

El generador enlazado desde esta página está hecho para el trabajo de layout y nada más. Eliges el número de párrafos, de 1 a 10, y opcionalmente fijas las frases por párrafo y las palabras por frase; si dejas cualquiera de los dos campos en blanco, sortea valores dentro de un rango: de 4 a 9 frases por párrafo y de 8 a 18 palabras por frase. Esa aleatoriedad es precisamente el objetivo: cinco párrafos del mismo tamaño parecen un marcador de posición, y no puedes juzgar un margen derecho irregular cuando todas las líneas terminan en el mismo punto. La casilla «Empezar con la frase clásica» conserva la línea de apertura “Lorem ipsum dolor sit amet” si quieres que el mockup se lea como la convención reconocida. Con los valores máximos —10 párrafos, 9 frases cada uno, 18 palabras por frase— el resultado es 10 × 9 × 18 = 1,620 palabras.

Por dentro es el método del banco de palabras, no el barullo clásico: un banco fijo de 280 palabras latinas, de las que solo la primera parte sigue el pasaje derivado de Cicerón; el resto es vocabulario latino suelto, con algunos tokens irregulares mezclados. Las palabras se sortean de forma independiente y uniforme con Math.random, así que las ejecuciones repetidas se ven distintas entre sí, y nada del resultado está modelado sobre la frecuencia real de las palabras en latín. Es ruido con forma de prosa a propósito: el trabajo es una longitud y un ritmo realistas, no un falso filológicamente correcto.

Sus límites vale la pena decirlos claro, porque son decisiones de diseño y no defectos que descubrir más tarde. El resultado es texto sin formato en una caja con un botón para copiar. No hay modo de marcado HTML, ni modo de listas o encabezados, ni descarga de archivos: para pegar en código o en una herramienta de diseño tú mismo envuelves los párrafos, lo que deja la estructura en tus manos. Funciona por completo en local, y nada de lo que generas se envía a ningún sitio.

En la práctica: elige el número de párrafos que encaja con la sección que estás diseñando, deja en blanco los campos de frases y de palabras para tener variación natural, pega en el marco, y luego sustituye las cadenas que de verdad van a existir antes de que nadie fuera de tu equipo vea el archivo.

• Lo que el generador hace: de 1 a 10 párrafos de texto de relleno sin formato, campos opcionales de frases y de palabras, línea de apertura clásica opcional.
• Lo que el generador no hace: generar HTML, listas o encabezados, guardar un archivo ni enviar a ningún sitio lo que escribas.

Preguntas frecuentes