Página principal » Diseño web » Typograph 101 Serif vs. Sans-Serif

    Typograph 101 Serif vs. Sans-Serif

    En la etapa de selección de fuentes, un diseñador a menudo se pregunta, “a Serif o Sans-Serif”? Elegir el tipo de letra Para usar en un diseño es de suma importancia ya que afecta grandemente legibilidad, experiencia de usuario y la estética general del diseño..

    Aunque, no importa cuánta experiencia tengas con la tipografía, puedes Siempre te quedas atascado en el dilema serif vs. sans-serif. Personalmente creo que una buena manera de salir de esto es a través de entendiendo los conceptos básicos de serifs y sans-serifs, y esto es justo lo que pretende hacer este artículo.

    Echemos un vistazo a la siguiente reseña que destaca las principales diferencias entre las fuentes serif y sans-serif para una mejor comprensión de los dos.

    ¿De dónde vinieron las serifas??

    Serifs son Pequeñas líneas finas unidas al final de los trazos en las tipografías.. Se cree que se originaron en el alfabeto latino que los romanos usaban para grabar sus escritos en piedra.

    Aunque no hay un origen universalmente aceptado para esto. pieza decorativa en tipografía, se cree que los romanos solían pintar letras con contornos sobre la piedra, de modo que cuando los talladores de piedra siguieron las marcas de pincel, que se encendieron en los extremos, que dio lugar a la creación de serifs.

    ¿Qué pasa con sans-serif??

    Sans-serif, por otro lado, literalmente significa "sin serifas". Cualquier fuente que esté ausente de estos trazos colgantes al final de cada esquina, puede considerarse una fuente sans-serif.

    Sabiendo esto, ¿Cómo puede la opción de ir con serifs o sans-serif? ¿Afecta tu diseño? Aquí hay algunas cosas para considerar:

    Legibilidad

    La legibilidad se mide a menudo como la facilidad con que un lector puede digerir el contenido. Por supuesto, como la visión suele ser subjetiva, hay muchos factores que entran en juego, incluidos los nivel de interés o el lector, y cómo se organiza el contenido En el bloque o espacio que se le ha dado..

    El método de presentación de texto de la "vieja escuela" usa serifs por una razón. Alguna vez pensaste ¿Por qué la mayoría de los periódicos utilizan tipografías serif para su contenido?? Porque las serifas son más fáciles de leer. Estas pequeñas líneas decorativas en cada personaje guían tus ojos con fluidez mientras te mueves de una línea a otra y une las letras, lo que hace que Lectura de textos más largos menos gravosos para tus ojos..

    Los espacios entre las letras (ya que hay que tener en cuenta los remates cuando se trata del espaciado) también da más espacio para que el lector identifique fácilmente las letras entre sí.

    Mira el siguiente ejemplo y te darás cuenta de que el Las fuentes serifas crean una experiencia de lectura más fácil a la vista. Porque crea espacios entre las letras y las palabras. Esto hace que mover su ojo de una palabra a otra sea más fácil.

    Por otra parte, La fuente serif se vuelve más difícil de leer. utilizando el mismo espacio. Esto se debe a que la separación de cada letra es más pequeña a medida que No tienes que poner las serifas en cuenta al espaciarlas..

    Legibilidad

    La legibilidad es la calidad y claridad de las letras.. Esto se refiere a los detalles finos del tipo de letra y es esencial porque ayuda al lector a diferenciar un carácter de otro. Esta difiere en cuanto a la legibilidad porque a este último le interesa sobre todo abordar el contenido en su totalidad.

    En el caso de la imagen de arriba., La minúscula L y I para sans serif en Arial se parecen bastante a. Imagina escribir la palabra “Illinois”.

    Aquí para enfatizar mi punto.

    Sin embargo, es importante tener en cuenta que si su tipo de letra es ilegible, nunca podrá ser legible. Pero hay muchos casos de tipos legibles que pueden parecer ilegibles debido a cómo se espacian o escalan en relación con su propósito de diseño.

    Alex Poole escribió un artículo bien explicado comparando las fuentes serif y sans-serif en un intento por descubrir cuál era más legible..

    Según él, hay cinco características a tener en cuenta cuando se trata de legibilidad:

    • Serif o Sans-serif
    • Tamaño de punto
    • Altura X
    • Contadores
    • Ascensores y Descendientes

    Poole concluyó, basándose en argumentos que apoyan a ambas partes, que realmente había No hay diferencia en la legibilidad cuando se trata de la selección del tipo de letra.. También señaló que existe la posibilidad de que las serifas o la falta de ellas puedan afectar la legibilidad. Pero la diferencia ni siquiera es medible..

    Sin embargo, dijo que:

    Se puede encontrar fácilmente una mayor diferencia en la legibilidad dentro de los miembros del mismo tipo de familia que entre un serif y un sans serif. También hay otros factores como la altura x, el tamaño del contador, el espacio entre letras y el ancho del trazo que son más Significativo para la legibilidad que la presencia o ausencia de serifs..

    Escalado y resolución

    El texto en diseño web no es estático. Puede diferir de una pantalla a otra y debería ser escalable. Esto esta hecho para que el texto aún sea legible a pesar del tamaño de la pantalla.

    En esta área, es seguro decir que sans-serif gana la batalla ya que es más flexible para escalar. Las fuentes Sans-serif son mucho más fáciles de proporcionar énfasis y legibilidad en resoluciones más pequeñas Ya que sobreviven manchando debido a la falta de detalles en ellos..

    IMAGEN: Tiempo

    Aquí es un primo ejemplo de cómo serif se usa mal. Eche un vistazo al párrafo inferior de la portada de la revista Time que se encuentra más arriba y notará fácilmente cómo Es difícil de leer, ya que no fluye fácilmente Especialmente con ese pequeño tamaño. Pero note lo perfecto que es el efecto al pasar a sans serif para “Jonathan Franzen”.

    Lo mismo ocurre cuando se explota una fuente sans-serif. La escala del tipo de letra. Conserva su forma general y la hace más reconocible.. Entonces, cuando se trata de escalar, los sans-serifs tienden a adaptarse fácilmente a tamaños mejores porque se ajustan bien a Manchas en tamaños pequeños y rasgado en las más grandes..

    Para serif, o sans-serif?

    Entonces, ¿cuál es la respuesta a la pregunta??

    Bueno, podemos decir que es un empate obvio. Elegir entre las fuentes sans-serif y serif En última instancia, se reduce a su propósito de utilizar el texto. ¿Si el texto que está diseñando debe permanecer en casi el mismo tamaño? Entonces querrías una mejor legibilidad lo que hace de serif una mejor opción.

    Por otro lado, si quieres hacer el parte de texto de un sitio web sensible, luego, elegir una fuente sans-serif puede ser más inteligente, ya que no desea que su texto aparezca demasiado pequeño para leerlo.

    IMAGEN: GQ

    Echa un vistazo a estos Cubiertas de la revista GQ que usan fuentes serif y sans serif. El consenso general es que las fuentes serif se utilizan en materiales formales e impresos., Mientras que sans serif se utiliza principalmente en la web.. Pero en este caso, ambos se usaron, y si se dan cuenta, siempre es el nombre del modelo de portada que está en serif, enfatizándolo así..

    Algunas palabras finales

    Solo recuerda que la consistencia es la clave. Su elección de fuente debe ir con la estética general del diseño que está creando. Usted puede mezclar y combinar tipografías que son similares, chapotear con el cambio de tamaño para averiguar cuál funciona. Sin embargo, recuerde que está haciendo esto para que el el usuario entendería el mensaje y su diseño parece estético también.