Identificar problemas en composición de texto

Ejemplo de Rios

Para mi, creo que lo mas difícil es elegir la combinación de tipografías que debo poner en un proyecto, por ejemplo en una infografía. Normalmente no suelo usar mas de dos tipos de tipografias, y lo que si hago es combinar el carácter entre ellas, osea si es bold-italic-thin.

Y suelo buscar recomendaciones como la imagen adjunta, pero si me gustaría saber y aprender mas como combinar tipografías, '¿Tienen alguna recomendación ?

Ok solo quiero aclarar algo muy puntual, el kearning no es el espacio entre las palabras. En una definición muy simplificada sería el espacio entre las letras. Se podría decir que es el interletrado pero es un poco distinto, el kearning más bien se refiere a que tanto invade o no una letra a la siguiente letra dentro de una palabra. Va mucho de la mano con el espacio negativo de las letras y cosas que se pueden profundizar más.

Y si, efectivamente en los programas de diseños se puede ajustar la opción de kearning para acomodar un texto y hacer más fácil la legibilidad. Pienso que es necesario aclarar esta definición ya que es muy importante para el manejo correcto del texto.

K E R N I N G

Cuando comencé en este mundo fascinante del diseño no tenia idea de muchísimas cosas. Por ejemplo este es uno de mis primeros diseños.

Y este fue el corregido después de esta clase que si bien ya no puedo publicar no me vuelven a ocurrir estos errores, Sin duda aún detecto cosas que corregir después de haberlo exportado D: jaja
Pero me doy cuenta de que tan valioso es el buen uso de diagramación, estructura, kerning, internileado y peso. Me emociono más, cada que avanzo con una clase. Me falta mucho pero vamos…

Esta imagen ayuda a entender visualmente el concepto de kerning y tracking.

Errores en la composición de texto:

Interlineado

Tamaño del texto

Mal contraste entre el fondo y el texto provocando una mala legibilidad

Combinaciones tipográficas erróneas

Con todo esto, la verdad no entiendo porque la fuente predeterminada en HTML es una Serifa, digo, al final es algo irrelevante porque se cambia la fuente en el css o directo en el HTML si eres del 2012 XD

Si estoy haciendo un sitio web responsive y teniendo en cuenta que el ancho de la pantalla variará según el dispositivo.
¿Las viudas se pueden mitigar o es algo con lo que se debe convivir?

Sería bueno verlo con ejemplos en video o imágenes 😃

Es interesante recordar que antes cuando realizaba los trabajos en la universidad, buscaba que los cuadros de textos quedaran perfectamente cuadrados, pero al momento de ajustar el texto de este modo se creaban muchos ríos, siendo cierto que resultara pesado al momento de leer. Es decir, que muchas veces tenemos una idea más “cuadrada” o que too quede perfectamente alineado, sin saber que eso podría provocar imperfecciones en el mismo texto.

Alineación de textos:
El texto centrado
• Tiene una utilización específica, casi siempre es para textos cortos, algo muy puntual, invitación o algo más básico.
Para texto largo
• Se utiliza la alineación de izquierda o derecha

Tamaño de texto
• Cuando el texto es un legal o contractual que va en pequeño se utilizan tipografías de 5 a 6pt máximo
• Para bloques de texto se recomienda usar tipografías de tamaño 8pt hasta 11pt esto se utiliza sobre todo en publicidad, catálogos, folletos esto se utiliza cuando se ve en una distancia corta para no sobrepasar.
• Para títulos y subtítulos se puede jugar con tamaños de 12pt hacia adelante.
• Las tipografías de display se utilizan para tamaños grandes mínimo de 25pt

No soy un apasionado de la lectura, es mas, la evito todo lo posible, pero con esta clase voy comprendiendo el porque me aburre tanto.

Ahora todo tiene sentido, puedo encontrar la razón en un mar de letras que solo me producían ansiedad, y esto me devuelva las ganas por escribir, una sensación que perdí a muy temprana edad.

Gracias Platzi!.

Me interesó mucho aprender sobre estos errores que parecen ser simples, pero nunca tomé en cuenta antes. Incluso me ayudan con las notas de clases.

Yo estudié derecho, recuerdo que la mayoría de textos, ya sean libros, códigos, leyes, sentencias, etc… todos eran un texto plano con apenas diferencia entre títulos y los párrafos por el uso de negritas, escrito de lado a lado, con información cargada y para analizar.
Entonces muchas mientras los leía sentía súper pesado, o leía por leer o me quedaba dormida… pensaba que era cosa mía.
Qué tan diferente hubiese sido mi época universitaria con textos académicos que hagan buen uso del texto y del diseño.

Ciertamente a veces la tipografía utilizada en textos físicos debe ser la indicada para que no sucedan estos cansancios al momento de leer

en realidad si había notado que muchas veces se me dificultaba la lectura (sobre todo en digital) pero no sabia porque

Hola, no entiendo muy bien lo de los ríos. Podrías explicarme un poco más por favor?

Con razón odiaba los libros en la Escuela

@Emiro, ¿cabe la posibilidad de medir los interlineados en términos porcentuales en vez de unidades puntuales?
Es decir, en vez de subir dos puntos al interlineado aumentar el 20% o el 25%. Sobretodo en temas digitales. Con em y/o rem.

Saludos.

Una vez encontré una página de literatura sobre vampiros, estaba leyendo una de las historias pero me cansaba la vista porque el fondo era negro y el texto en blanco. Al principio no sentí el cansancio porque la lectura era muy buena pero poco a poco sentí que ya no estaba comprendiendo bien o que leía así que decidí copiar el texto y pegarlo en Word, poniendo el fondo blanco y las letras en negro. Sólo así pude terminar la lectura, y valió la pena.

Si, con las paginas webs cristianas, es como que se hubieran quedado en 1995

Creo que todos hemos cometido alguna vez al menos uno de esos errores. Sin embargo, la magia está en ser creativo para aprender de ellos y mejorar. En mi caso he fallado sobre todo en la selección tipográfica cuando no tenía mucha idea, pero con el tiempo y gracias al feedback pude resolver muchos de esos errores, y aunque no considero que sea mi fuerte, creo que se me da bien ahora.

La verdad no sabía que la tipografía era un factor tan importante. Te invito a leer ¿Por qué @freddier dice que saber tipografía es fundamental para tener gusto?

Realmente estos artículos son muy buenos… nos brindan información muy útil que nos sirve a la hora de trabajar con bloques de texto. Estos pequeños detalles, llevan cada vez más a la excelencia.

Solo había considerado no dejar líneas con palabras incompletas, pero leyendo todo el artículo me doy cuenta de la importancia de mantener un balance en el txt. .

El error de interlineado es el más común. Se nota mucho en las presentaciones donde se
comenten este error al llenar de texto una diapositiva.

Con razón cuando se suele escribir en Times New Roman en un formato es feo leerla en la computadora, pero cuando lo miras impreso, se ve chulo.

Me sucedió varias veces en la universidad al revisar trabajos escritos se me dificultaba mucho la lectura después de leer un buen rato y todo ello se debía a la tipografía utilizada porque la mayoría de los estudiantes escribía sus informes o ensayos con Arial.

Un muy buen articulo de lo importante que son los detalles en nuestros textos, muchas gracias por la información!

Secundo la sugerencia de Daniel Garavito

Por lo general los “RÍOS” se forman al hacer un texto con un párrafo justificado, por eso es recomendable alinear el párrafo a la izquierda así como lo podemos observar en el texto que acabamos de leer. 😉

📌| En resumen:

La mejor forma para identificar problemas en composiciones de texto es conociendo y cuidando de no cometer estos errores:
.

• Interlineado: Considera cada línea como un elemento visual, esas líneas generan un peso y una densidad que debe ser distribuida con un espacio entre ellas.
  Si construimos bloques de texto sin considerar este espacio entre las líneas podemos generar un efecto al ojo donde las percibirá como un solo elemento por la proximidad que tengan y dificultará mucho la lectura.
  
  
• Tamaño de texto: Uno de los principales problemas que pueden afectar la funcionalidad del texto es el tamaño de la fuente, debemos considerar que el ojo humano tiene una capacidad de lectura limitada, si un texto es demasiado pequeño el ojo lo percibirá como puntos o líneas y si es demasiado grande será muy abrumador para poder darle seguimiento a una línea o párrafo.
  
  
• Ríos: Cuando observamos un bloque de texto como un todo podemos encontrar que algunos espacios entre palabras (kerning) nos generan una coincidencia a medida que avanza las líneas, estas coincidencias de espacios son conocidas como ríos, si miramos este artículo entrecerrado los ojos podemos encontrarlas, se llaman ríos porque son muy similares a un río visto en un mapa.
  
  
• Viudas: Las viudas son palabras que quedan sola al final de un párrafo, no son un elemento que entorpezca la lectura, pero genera un peso visual innecesario en nuestra composición, al no pertenecer a una línea de texto el ojo tomará esa palabra solitaria como un elemento que genera un punto de tensión.
  
  
• Selección de tipográfica: Comprender cuál es la finalidad del texto o cuál será su uso nos ayudará a seleccionar una fuente que sea funcional para cada proyecto.
  
  

Qué bueno enriquecer el texto con ejemplos visuales.
Genial lo de los ríos y el kerning.

En se debe usar usar el justificado?

Antes tenía muchos problemas con los tamaños, pero al trabajar en el área impresa, aprendí que uno debe poder manejar el tamaño del texto pensando en el área de trabajo como un todo, siempre revisándolo a distancia si es un poster o pendon, para poder cerciorarse de que es legible y entendible el texto que estamos usando.

Pregunta rubia #n, entonces es recomandable o no hacer el justificado de los textos? Apenas voy entrando y veo que no esta justificado 😮 Entonces, por comodidad visual para evitar rigidez y pesadez, es recomendable dejarlo solo alineado a la derecha/izquierda? O es…segun se necesite?

Yo tenía y sigo teniendo problemas con las viudas, más cuando estaba trabajando el diseño de mi tesis, y tenía que estructurar todo el bloque y evitar que sea información tediosa.

Excelente y muy útil toda la información, me encanto la formula para el interlineado, me siento un poquito menos ignorante 😃

Las viudas estarían dentro de un texto largo, pero considero que en algunas oportunidades se pueden resaltar, todo va ser de acuerdo al concepto que se tenga de un diseño.

A mi siempre me ha gustado los textos justifiados a ambos lados, los conceptos de ríos y viudas no los conocía hasta ahora, pero si lo he solucionado de la siguiente manera; ríos, lo mejoro con el ajuste de carácteres y las viudas, mejorando la redacción, para que no quede una palabra sola al final.
Gracias por la explicación, hoy aprendí algo nuevo, me hace feliz!!!

perfecto ,esta información tan básica y tan valida para mejorar .sobre todo te das cuenta en que cosas estabas fallando ,muy bien explicado .ahora lo pongo en practica.🙌

En realidad si había notado que muchas veces se me dificultaba la lectura (sobre todo en digital) pero no sabia porque

Antes de leer este artículo, nunca había considerado que la aplicación no adecuada del texto podía generar un cierto nivel de tensión como también pesadez en la lectura. Muchas gracias tanto al profesor como a Platzi por publicar este tipo de explicaciones.

Ya había estudiado sobre la tipografía y me gusto mucho la retroalimentación de la clase. muchas gracias!

un problema es el tamaño del texto, por ejemplo en libros que tienen la letra muy pequeña que simplemente hace perder el interés en su contenido.

En varias ocasiones me ha sucedido que leo un libro que se que es muy interesante pero me cuesta leerlo, pierdo el hilo de la historia a veces por la redacción y otras veces por los ríos.

Tal vez no sea el tipo de lectura que a muchos les guste, pero les recomiendo ver el Diseño Editorial de la trilogía de “Los juegos del hambre”, independientemente de que la lectura es sencilla y fácil de seguir, el tipo de letra que eligieron, el tamaño, el interlineado y hasta el color del papel hacen muy cómoda la lectura.

En Colombia a los Rios se les llama texto Calaveriado, porque? ni idea

Crei que lo de los rios eran manias mias, resulto que si esta mapeado por el diseño! 😮

Gracias por la explicación!!! todo muy claro

Antes la selección de texto correcto, me consumía mucho tiempo elegirlos, ahora comprendo que hay texto destinados según sus fines. Nunca se deja de aprender.

muy interesante

Más que todo el tamaño de la letra y en alguna ocasiones el interlineado

Si sobre todo en Interfaces Digitales donde la cantidad de texto se debe manera de manera adecuada. En lo personal me ha sido de gran ayuda el usar estilo dentro del mismo tipografía para dividir un contenido de otro para ayudar también a la lectura.

Ahora entiendo mucho la importancia del interlineado. Este curso me ha ayudado bastante!

Si, hay libros que se me hacen tediosos leer.
Por muy buenos que sean… si tienen una tipografía pesada los dejo de leer

Normalmente cuando nos topamos con esta clase de problemas, lo que hacemos es aburrirnos y tal vez pasar a otra lectura con una fuente mucho mas agradable y que nos armonice la vista.

El balance entre los bloques de texto y el tamaño hacen la gran diferencia entre dejar de lado o digerir por completo el contenido, el contraste y la saturación en el color van de la mano para no cansar la vista del consumidor.

Hola, hay alguna estadística y articulo en el que se base esta información, lo encuentro interesante pero siendo sinceros hasta este momento no me había percatado de eso, aunque si suena lógico, quisiera corroborarlo.

Excelente aclaración, muy útil abocar la atención en aspectos tan sutiles.

Realmente me ha pasado que algunos tipos de tipografía y la organización del texto me dificulta al leer bien pero teniendo esto en cuanta realmente me ayuda mucho a verlo mejor

hasta hoy me doy cuenta de la importancia de las reglas del texto. Me pasa muy seguido que escribo cosas verdaderamente interesante pero al no cumplir con las reglas que están aquí mencionada no tienen mucho impacto.

No tenia conocimiento que estos errores que me pasaban en el colegio tenían nombre. Será importante para mi en futuras composiciones. 😄

INTERLINEADO es el espacio vertical entre las líneas y se mide desde la línea de base de una
línea hasta la línea de base de otra línea.

• La línea de base es la línea invisible en la que se “apoyan” la mayoría de las
  letras.
  Un interlineado correcto para la buena legibilidad es aquel que iguala o supera
  un 20% el cuerpo de la fuente.
  -Es decir que para un cuerpo de 10 puntos un interlineado correcto sería de 12
  puntos.
  • Interlineado mucho más del 20% puede ser también problemático.

Llamamos línea VIUDA a la línea última de un párrafo que queda sola al principio de una nueva página o de una nueva columna.
llamamos línea HUÉRFANA a la línea primera de un párrafo que queda sola al final de una página o de una columna.

muy buena explicación.

super! gracias

Muchas gracias por la información

Gracias por el artículo c:

Nunca había pensado en los Ríos y Kerning con ese detalle.

Cuando estaba prototipando un app sentí que el interlineado no lo utilizaba correctamente. Ahora con la regla ya tengo más claro el tamaño respectivo.

pues si me paso y hay veces no queria leer y si encontaba LA VUIDA

También hay que considerar el espacio entre letras

Llegué a cometer mucho lo de dejar textos con viudas y ríos, pero realmente no sabía como ajustar ese tipo de cosas, ni sabía que eran, sólo trataba de modificar el texto hasta no ver el texto tan descuadrado

increíble, nunca habia considerado los “ríos” y ahora me doy cuenta que siempre son los que me distraen de muchas lecturas

Efectivamente he percibido esos problemas de composición en algunas lecturas, sobre todo la de interlineado y el tamaño del texto, si no son adecuados hacen sentir pesado y cansado el continuar la lectura y al menos que de verdad necesite la información no termino la lectura, incluso para entenderlo es más difícil y se tiene que leer parias veces.
En realidad no conocía sobre el problema de composición de la viuda, pera la he identificado en múltiples ocasiones, me parece muy chocante para la vista y causa cierto desequilibrio, que aunque no molesta en sí a la lectura, la perturba un poco.

Excelente articulo y vídeos de tipografía, ahora muchas cosas tienen sentido.

Si he tenido muchos errores al usar la tipografía, ahora se como mejorar en esos aspectos 😃

Alguna vez tuve estos inconvenientes de lectura, para solucionarlo, lo que hacía era copiar el texto en Word y modificarlo para así hacerlo más amable a mi vista. No sabía que esta trabajando estos conceptos hasta aprender, mediante este video, que configuraba los ríos, las viudas y la topografía.

Los libros de texto de primaria tienen muchos errores

muy interesante

No entendí muy bien la parte de los ríos, se refiere al espaciado entre palabras o entre cada linea de texto?

Cuando estudiamos o trabajamos de forma digital, esto sucede a menudo, hay un sin fin de artículos, investigaciones, informes y libros que pasan por alto estos problemas de composición de textos, reconocerlos y que nuestro ojo lo detecte hace que mucho nos nos interese la información tan importante que hemos encontrado, a mi me toco leerlo.
Pero con esta información los identifico de una forma sencilla y segura.

Muy buen aporte de tipografía. La realidad es que muchos y muchas pasamos creando sin prestar atención a los detalles que marcan la diferencia.

Muchas veces sobre todo en formatos impresos se llega a generar demasiadas viudas o ríos.

wao muy interesante no sabia de esto.
el tipo de letra y tamaño

Uno de los errores que mas he notado son la viudas

En la mayoria de veces que he agregado textos largos en mis diseños se me ha hecho un poco dificil, porque siempre que trato de separar palabras me queda alguna suelta. Sin embargo, con este articulo me queda todo más claro, muchas gracias.

Aunque algunas de estas recomendaciones podrían pensarse como intuitivas, es importante conocer lineamientos adecuados.

No conocía las diferencias entre los tipos de letra para formatos digitales o impresos. Para actividades en las que inicias en un formato digital y sabes que vas a tomar buen tiempo, como escribir una tesis, artículos, libros es importante seguir la recomendación de usar una fuente paloseco y en el momento de realizar la impresión ajustarla a una de tipo serifa.

Seria interesante utilizar ejemplos visuales

Todas las anteriores las había tomado en cuenta antes, pero lo de los ríos no lo sabia, creo que es un aspecto muy importante a tomar en cuenta dentro de un párrafo.

Buen artículo, sería interesante ver algunas imágenes que ejemplifiquen las definiciones que dan.

Para cartas se recomienda justificar el texto?

Gracias

He aprendido mucho en este curso sobre la importancia del interlineado.

muy buen articulo… (=

Buen artículo, y qué bueno el ejemplo de los Ríos usando el artículo mismo jeje. Ahora me fijaré más atención si un texto está mal diseñado o es en sí bastante aburrido jaja.
Muchas gracias!