Imagen de avatar anacareaga
Ana Lilia Careaga

Lorem Ipsum: relleno de dolor en diseño web

Ana Lilia Careaga Mercadillo, Septiembre de 2014

Abstract

Lorem Ipsum happens to be a simply dummy text of the printing and typesetting industry but, contrary to popular belief, it comes from a text written in 45 BC by Marcus Tullius Cicero “de Finibus Bonorum et Malorum”, or, in English, “The Extremes of Good and Evil”. Lorem Ipsum has been the printer´s industry standard since the Renascence when an unknown printer took this text and scrambled it to make a kind of specimen book to show his text gallery. It has survived not only all these centuries but also it has leap and evolved into the electronic world remaining practically unchanged. It was popular with the release of Letraset sheets but now, it is essential for the web design.

Introducción

Aunque no lo creas, el siguiente texto es el más conocido y repetido en la Web durante los últimos 20 años :
“Ni tampoco hay alguien que ame o persiga o desee el dolor por sí mismo, porque sea dolor, sino porque ocasionalmente ocurren circunstancias en las cuales el sufrimiento y el dolor pueden procurarle algún gran placer. Tomemos un ejemplo trivial, ¿cuáles de nosotros están alguna vez de acuerdo con realizar ejercicios físicos pesados, si no es para sacar alguna ventaja con ello? ¿Pero quién tiene algún derecho para censurar a un hombre que elige disfrutar un placer que no tiene consecuencias molestas, o a alguien que evita un dolor que no tiene como resultado algo placentero?”

Pero, si esto es cierto, ¿entonces por qué a nadie de nosotros nos es familiar? ¿Por qué habla del dolor? ¿A quién se dirige y porqué suena tan antiguo? Antes de explicarte porqué, permíteme platicarte cómo es que llegué a esta atrevida conclusión.

Hace algunos días en una mañana como cualquier otra, después de leer el periódico , me dirigí a mi escritorio para dar continuidad a mis proyectos, pero como es costumbre, no sin antes abrir el mail y revisar la bandeja de entrada. De pronto vi un mensaje de un amigo que me invitaba a desarrollar un contenido para su página web. Sin pensarlo, di clic en la liga que me llevó a su página , justo en el espacio para comenzar la edición. En ese momento, no me vi sorprendida por ver en ese espacio el clásico texto de relleno que usan muchos editores de texto web que comienza con “lorem ipsum…” sobre el cuál debía yo redactar mi texto, y aunque confieso que me sentí tentada a borrar ese texto de relleno y comenzar a escribir algo, decidí dejarlo pendiente porque no me sentía muy productiva en ese momento. A veces, cuando sentimos que nuestros días se vuelven monótonos y poco productivos, a pesar de la gran diversidad de nuestras ocupaciones y acontecimientos que se alinean uno tras el otro sin fin , es conveniente hacer una pausa y salir de la rutina porque nuestra creatividad corre peligro de irse marchitando como las hojas de un árbol. Decidí, entonces, hacer una pausa y dejarme llevar por el destino. Atraída por aquél día magnífico de verano y con el pretexto de acompañar a mi hijo al centro histórico para hacer unas compras de material de arquitectura fue que llegamos a la Avenida Arcos de Belén. Buscábamos un local que mi hijo había “googleado” pero en realidad estábamos disfrutando la belleza de nuestra ciudad, a veces opacada por la suciedad y muchedumbre, pero por momentos deslumbrante; quizá porque la luz del sol hace que la atmósfera de esta enorme urbe matice no solo su estética sino su historia. La Avenida Arcos de Belén, por la cual muchos hemos transitado innumerables veces, es una vía añeja que sigue conservando, de alguna manera, su encanto. Comenzando por la fuente conocida como “Salto del Agua”[1] que es una especie de alhaja barroca que no solo ha podido sobrevivir hasta nuestros días sino que hizo sobrevivir a los habitantes de esta zona todavía hasta la segunda mitad del siglo XIX ya que con su chorro de agua que caía de un tazón en forma de concha marina que sostienen tres niños pequeños en su cabeza, mucha gente pudo abastecerse del agua potable que provenía de los acueductos de Chapultepec. Esto parece un poco paradójico pues sabemos que la ciudad de México se asentó sobre varios lagos; pero desafortunadamente unos eran de agua dulce no potable y otros inclusive de agua salada y, desde la antigua Tenochtitlán, había que hacer llegar el agua potable que provenía de manantiales a través de los acueductos del Desierto de los Leones que desembocaban en la fuente de “La Mariscala” (ya desaparecida) en la Alameda y los Acueductos de Chapultepec que terminaban justo en esta fuente “Salto del Agua” marcando aquí el comienzo de la Avenida Arcos de Belén; que lleva este nombre en referencia al templo de Belén que conjuntaba además un convento y colegio conocido como Belén de los Padres . Estas construcciones, que datan del año 1768 fueron dispuestas en forma de cruz y son las que dieron nombre a esta avenida, agregando la palabra “arcos” por correr paralelamente al acueducto que venía de Chapultepec. Sin embargo, con la entrada de las Leyes de Reforma el convento y el colegio fueron clausurados y fraccionados. Sólo sobrevivió la capilla y el templo que hoy es posible visitar y que se ubica justo a unos pasos del Registro Civil. Caminando hacia Avenida Bucareli pudimos observar innumerables locales antiguos de repostería y panaderías que vendían polvorones, conchas, orejas y demás panes dulces que nos enseñaron a cocinar los españoles. Pero lo magnífico de esta avenida es que se pueden observar tanto las reminiscencias de la época virreinal como la bella arquitectura del porfiriato inspirada en la arquitectura europea. Es posible advertir desde los pequeños talleres de imágenes religiosas del Virreinato hasta los proyectos habitacionales de principios del siglo XX como el famoso Conjunto Mascota que asemeja a aquéllos conjuntos habitacionales de los callejones de Paris. Sin embargo, lo que más me impresionó fue imaginar que por esta misma ruta es que se abastecían de agua los aztecas, quienes ya tenían sus propios acueductos pero que fueron remodelados por los españoles y de los cuales algunos arcos sobreviven en la Avenida Chapultepec. Continuando por esta vía hacia el poniente encontramos, finalmente, el local , hicimos las compras necesarias y en el trayecto de regreso pasamos por algunas mansiones sobrevivientes que aunque están deterioradas aún nos dejan impregnados de las imágenes de nuestra ciudad del siglo pasado y antepasado cuando aún los habitantes paseaban relajadamente sin preocupación por sus avenidas disfrutando de un día de calor húmedo como éste . Caminamos de regreso al lugar donde dejamos estacionado el auto observando, antes de partir, algunos follajes de color verde reciente de algunos árboles que sobresalían del asfalto y que eran movidos por el viento que soplaba placenteramente infundiendo un anhelo de alamedas y prados, luz y color….

Regresando a casa , motivada por este paseo , me dirigí inmediatamente a mi computadora donde se había quedado abierta la misma página cuyo texto “ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua” , me causó curiosidad ; quizá por haber aspirado un poco de belleza o por sentir una cierta añoranza del pasado , pero confieso que por primera vez este texto me pareció bello y majestuoso . De pronto me inquietó descifrar aquéllas palabras en latín que había visto muchas veces en diversas plantillas y procesadores de texto y que jamás presté atención, por lo que inmediatamente copié y pegué el texto en el buscador y cuál fue mi sorpresa de ver más de 72 millones de resultados de búsquedas, que contrastaban a las 664, 000 que obtuve en buscar el texto “en un lugar de la Mancha”. Con esta comparación pude dimensionar lo interesante de estas palabras que aparentaban carecer de algún sentido. Evidentemente, “lorem ipsum…” es el texto más repetido en la web y no nos parece conocido porque está escrito en latín y tendemos a ignorarlo; y de eso se trata, de no distraernos para poder seleccionar la mejor tipografía en nuestro contenido web. Pero entonces…¿por qué ese preciso texto? ¿ Quién lo escribió? ¿Qué significa?…
El texto Lorem ipsum se emplea como estándar tipográfico de maquetación desde el Renacimiento cuando seguramente a algún encuadernador de libros se le ocurrió hacer una especie de muestrario tipográfico de edición para sus clientes. Richard McClintock, profesor de latín en la Universidad de Hampden-Sydney , en Virginia, Estados Unidos descubrió que este texto fue escrito por Marco Tulio Cicerón en el año 45 a.C. y que está extraído de las secciones 32 y 33 del libro 1.10 “de Finnibus Bonorum et Malorum” (“Del sumo bien y del sumo mal”). Durante el Renacimiento, fue muy popular la lectura de la obra escrita por Cicerón y seguramente por esta razón es que se introdujo como un estándar de maquetación.[2]
Marco Tulio Cicerón (106 aC- 43 a.C.) es considerado como el primer humanista del imperio romano. Nació en el seno de una familia plebeya pero desde muy joven fue trasladado a Roma para aprender oratoria e iniciar su carrera de abogado. [3] Continuó sus estudios en Grecia, en donde tuvo su formación filosófica y política. Fue discípulo de Fedro y de Diodoto, por lo que tuvo influencias tanto epicúreas como estoicas[4]. A su regreso en Roma comenzó su carrera política y se afanó durante tres décadas por servir a la república. Fue electo como edil y cónsul del senado y se opuso a la conspiración de Catilina , quien deseaba hacerse un dictador. Escribió cuatro discursos que fueron pronunciados por él mismo en el senado donde demostró su gran destreza como orador. Sin embargo, tras el triunfo de Julio César , éste lo envía al destierro, donde retirado de la política, muestra su capacidad total como artista y pensador; por lo que podríamos decir que gracias al golpe de estado de César es que busca su libertad interior para volver su mirada hacia sí mismo y reflexionar tranquilamente sobre la vida. En este tiempo escribe la mayor parte de su obra ; escribe las más bellas cartas que expresan armonía del espíritu pero también escribe su “Consolationes” con una enorme tristeza tras la muerte de su amada hija Tulia; mismas que aún hoy en día, después de tantos años reconfortan el alma de muchos que experimentan el mismo dolor.

Cicerón pronuncia su discurso contra Catilina, fresco del siglo XIX de Cesare Maccari

“De Finnibus Bonorum et Malorum” es considerado como un trabajo filosófico escrito en 45 a.C. muy extenso que consta de cinco libros en donde Cicerón expone y reflexiona sobre diversas ideas del epicureísmo, estoicismo y academismo sobre las alternativas propuestas por estas escuelas filosóficas para alcanzar el camino de una vida feliz. La teoría epicúrea está basada en el deleite; por deleite se refiere a la ausencia de dolor para lo cual necesariamente se requeriría tener además de sabiduría, fortaleza, templanza y justicia. A este ideal, Epicuro le llamo “el sumo bien”, que contrasta al “sumo mal” que es su opuesto y que está constituido por todo lo que causa el dolor y molestias así como todo aquello que daña el alma. Por otra parte, de acuerdo con los estoicos, el “sumo bien” corresponde a la belleza moral y el “sumo mal” es lo contrario a esta virtud; de manera que para ser feliz, basta con tener esta virtud. Por último, desde el punto de vista de la teoría academista, para alcanzar “el sumo bien” es necesario tener tanto los bienes del alma como los del cuerpo y la fortuna .[5]

El fragmento conocido como “Lorem ipsum” proviene del libro 1 de esta obra de Cicerón utilizado hoy día como texto de relleno en editores de texto web dando continuidad al estándar establecido desde el siglo XVI . Algunas veces el texto permanece inédito y también se ha acompañado con sus traducciones en inglés realizadas en 1914 por Harris Rackham. Sin embargo existen muchas variaciones de estos pasajes porque con el paso del tiempo han sufrido alteraciones agregando palabras aleatorias o inclusive algunas otras escritas con humor. Actualmente todos los editores de texto disponibles en Internet repiten trozos predefinidos pero que no se apegan completamente al texto original, y solo toma de él partes que a continuación remarco con “negritas” (bold):

“Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur,adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in eavoluptate velit esse quam nihil molestiae consequatur, vel illum qui doloremeum fugiat quo voluptas nulla pariatur? At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.”

La traducción del pasaje original difiere un poco del que se traduce textualmente del texto relleno, por lo que la traducción del texto original sería más o menos lo siguiente:

“Ni tampoco hay nadie que ame, persiga y quiera alcanzar el dolor mismo porque sea dolor, sino porque a veces se dan las circunstancias de tal manera, que con esfuerzo y dolor puede obtener algún gran placer. En efecto, para ir a cosas insignificantes, ¿quién de nosotros asume algún ejercicio físico trabajoso si no es para conseguir alguna ventaja de él? Por otra parte, ¿quién censuraría con razón a aquel que quiere estar en un placer al que no siga ninguna molestia, o a aquel que huye del dolor con el que no se produce ningún placer? Pero sin duda acusamos y juzgamos como los más dignos de un justo aborrecimiento a aquellos que, ablandados y corrompidos por el encanto de los placeres presentes, cegados por el deseo, no prevén los dolores y las molestias que han de sucederles, y están en falta semejante quienes abandonan sus deberes por debilidad de espíritu, es decir, por huir de esfuerzos y dolores”.

El uso del texto “Lorem Ipsum” es básico para los diseñadores web para estructurar bloques de textos y jerarquizar su diseño en la página web; también es un texto que los desarrolladores de contenidos web identifican para saber en dónde escribir; pero ahora sabemos que “Lorem ipsum” es la evidencia de la existencia de un filósofo y artista cuyo texto ha permanecido durante más de 2000 años.

¿Quieres saber más sobre “Lorem Ipsum” y los editores web más importantes que lo emplean?

Continúa leyendo…
………………………………………………………………………………………………

Comenzando con lo básico: Qué es el diseño web

Cuando hablamos de “diseño web”, nos referimos a la actividad de estructurar textos y elementos gráficos en un sitio web .Si bien los aspectos funcionales como navegación y ergonomía deben ser considerados por el diseñador web, su interés se enfoca más a la expresión estética de una página web con el objeto de hacer sentir al usuario una experiencia visual agradable a través de elementos gráficos y con ello transmitir la imagen de una organización o corporación. Por lo que el diseño web es, a diferencia del “desarrollo web” (enfocado más a aspectos tecnológicos), una tarea artística. Estética, inventiva y creatividad son elementos imprescindibles del diseño web en donde los elementos claves son los siguientes[6]:

• Boceto; que es una especie de prototipo o modelo del sitio web que se diseña en papel o en alguna herramienta de software antes de hacerlo en el sitio web, es decir en el servidor. Incluye páginas dinámicas y estáticas que se muestran sin contenido pero que simulan la navegación.

• Estatuto gráfico; que es un documento que detalla integralmente las reglas con las que se irán presentando los elementos gráficos y que son los que proveerán la identidad visual del sitio. El estatuto gráfico define colores y tamaños del texto ,así como imágenes, botones del sitio, etc.

• Organización de la página; que es el uso de plantillas que representan el esquema gráfico de cada una de las páginas que tendrá el sitio web.

• Tamaños de la página; en donde debe considerarse la definición (no resolución) de la pantalla que empelará el usuario. Aquí es recomendable seleccionar una ancho menor que el de la definición de la pantalla para evitar el uso de la barra de desplazamiento horizontal porque es más fácil usar el desplazamiento vertical aunque se aconseja como máximo 5 veces la altura de la pantalla ( tardaría mucho tiempo en descargarse y al usuario no le gusta leer pantallas largas).

• Posicionamiento de la información; que se refiere a la manera de disponer cada elemento de la página web desde la esquina superior izquierda hasta la esquina inferior derecha.

• Elección de los colores; no es recomendable emplear más de 3 colores distintos en un sitio web. Los colores deben tener relación con la organización o entidad que representan eligiéndolos normalmente del logotipo. Es recomendable que un color sea primario y que éste sea el color principal del sitio. Los otros colores pueden ser secundarios con mayor brillo y dinamismo pero que deberán emplearse a discreción .Es importante tomar en cuenta el simbolismo que cada color tiene implícito en su significado; por ejemplo, el verde para temas ecológicos, etc. Asimismo, es importante considerar que la composición cromática del sitio influirá en la percepción de los volúmenes.

• Colores de fondo; otro elemento vital en el diseño web es el color de fondo ya que la errónea elección de éste puede dificultar la lectura. Se recomienda usar un color de fondo pálido.

• Símbolos gráficos; que se refiere al uso de íconos o pictogramas, como una pequeña lupa que simboliza la búsqueda de la información o una pequeña casita que simboliza la página de inicio “home”. Estos símbolos facilitan al usuario a identificar cada sección del sitio, pero hay que tener cuidado de mantenerse dentro del estándar internacional.

• Selección de imágenes; definitivamente las imágenes proporcionan vitalidad e identidad al sitio, pero también pueden perturbar la descarga de la página, por lo que hay que cuidar que no sean tan pesadas ni excesivas.

• Y, por último, la tipografía; de la cual hablaré ampliamente a continuación.

Texto, Tipografía y Lorem Ipsum

Está comprobado que el texto atrae antes que los gráficos, contrariamente a lo que cualquiera podría haberse imaginado. Lo anterior se sustenta en la premisa de que el usuario que visita un sitio web busca información, no imágenes (pues para ello emplearía un buscador de imágenes); por lo que antes de hablar de la tipografía propiamente, es importante comprender algunos aspectos relevantes del manejo del texto en el diseño web. A continuación, algunos consejos dados por expertos:

Primero que nada, el diseñador web debe plantearse la solución de disponer el texto en el lugar más destacado de la página, siguiendo la manera natural en la que todo usuario, al menos occidental, centra su mirada inicial en la esquina izquierda superior de la pantalla; por lo que éste será el foco principal e irá dirigiendo su mirada de izquierda a derecha , de arriba abajo. Estudios que se han hecho han confirmado que los usuarios de Internet siguen un escaneo en forma de “F”; por lo que los elementos más importantes del contenido deberán ubicarse en las áreas claves marcadas por esta estructura; para ello es conveniente emplear viñetas, títulos y subtítulos para incitar al lector a leer el texto que nos interesa que lean. El tamaño de letra que se elija influirá en el comportamiento del usuario; letras pequeñas aumentan su concentración mientras que las grandes lo animarán a que explore o navegue por el sitio. Por otra parte, si se desea que el usuario encuentre una parte específica del texto, podría ayudar incluir en él las palabras claves con las que Google indexa las búsquedas en la web. De manera general, los internautas exploran la página hasta el final, por lo que es conveniente en esta sección agregar algún botón para invitarlo a realizar cierta actividad de interés. Por último, es importante mencionar que los lectores en la web prefieren frases cortas que enormes párrafos; si se utilizan titulares con cierto tipo de tipografía es posible incitar al usuario a la lectura.

Tipografía y Lorem Ipsum

Es recomendable no emplear más de dos tipos de fuente en un sitio web. Si se opta por fuentes estilizadas, hay que usarlas con moderación solo para los títulos; pero para el resto es preferible elegir una fuente clásica como arial, helvética o verdana. Algo importante a considerar en el contenido web, a diferencia de los textos impresos, es evitar el uso de tipografía con serifas o adornos ya que éstas no podrán desplegarse en todas las pantallas.

Aquí algunos consejos para la tipografía dados por expertos [7]:

• Establece correctamente la jerarquía de la tipografía

• Elige como tamaño mínimo de la fuente el tamaño 14

• Elige la tipografía que haga legible tu contenido; no emplear fuentes barrocas

• Nunca uses más de 3 tipografías por sitio

• Emplea el interlineado adecuado que facilite la lectura de tu contenido

• No abuses de las letras mayúsculas ni capitales

• Elige un contraste adecuado con el fondo de la página web

Software para generar texto de relleno

Como mencioné, el diseñador web antes de publicar su página o sitio web y antes de introducir el contenido final , acostumbra mostrarle al cliente la apariencia general de su diseño empleando un relleno de texto que la mayor parte de las veces es el “lorem ipsum”; aunque hay otras posibilidades menos empleadas, que optan por usar textos como “En un lugar de la Mancha..” u otros de escritores clásicos diversos. Para ello, el diseñador web emplea software cuya tarea específica es justo ésa, la de generar relleno. Algunas de las herramientas más empleadas son:

• Lipsum

• Blind text generator

• Lorem Ipsum Generator

• Html-Ipsum

• Cupcake Ipsum…entre muchas otras más.

Conclusiones

A pesar de que el texto de relleno “Lorem Ipsum” solo se utiliza para mostrar la las características más distintivas de la tipografía a emplear como el tipo de letra, espesor, diseño y otras características más ; quizá valga la pena de repente hacer una pausa en las traducciones de estos textos y reflexionar sobre la perspectiva ética de Cicerón. La influencia de Cicerón en el pensamiento romano fue enorme y se prolongó hasta San Agustín pero su popularidad llegó hasta el Renacimiento. Todavía Voltaire, en el siglo XVIII manifestó que admiraba los tratados morales de Cicerón. Entonces….¿por qué no disfrutar estos textos ahora, en pleno siglo XXI ya no solo como texto de relleno sino como filosofía de vida?

1 La fuente del Salto del Agua, que se encuentra hoy en la Avenida Lázaro Cárdenas colindando con Arcos de Belén es una copia realizada por el escultor Guillermo Ruiz (la original, construida por el arquitecto Ignacio Castera en 1779, se halla en el Museo del Virreinato en Tepotzotlán).

2 La maquetación, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y multimedia en medios impresos y electrónicos, como libros, diarios , revistas y páginas web.

3 Citado en http://www.biografiasyvidas.com/biografia/c/ciceron.htm

4 El epicureísmo es un sistema filosófico que defiende la búsqueda de una vida buena y feliz mediante la administración inteligente de placeres y dolores. Fue enseñada por Epicuro de Samos , filósofo ateniense del siglo IV a. C. (341 AC) que fundó una academia llamada el Jardín y cuyo pensamiento fue seguido después por otros filósofos, llamados epicúreos. El estoicismo es uno de los movimientos filosóficos que, dentro del periodo helenístico, adquirió mayor importancia y difusión. Fundado por Zenón de Citio en el 301 aC, adquirió gran difusión por todo el mundo grecorromano, gozando de especial popularidad entre las élites romanas.

5 Pimentel Álvarez Julio , “Cicerón, “de los fines de los bienes y de los males I y II” UNAM 2002

6 Citado en “Webmastering-diseño Web”; junio 2014 disponible en la web en http://es.kioskea.net/contents/781webmastering-diseno-web

7 Citado en http://www.mlgdiseno.es/uso-de-la-tipografia-en-diseno-web/

Tags: , , ,

Deja un comentario