Las diferentes tipografías se componen del arte y técnica para ordenar los tipos. Es fundamental para las habilidades de un diseñador y es mucho más que hacer las palabras legibles.
La elección de tipo de letra y cómo hacer que funcione con tu diseño, cuadrícula, esquema de color, tema de diseño y así sucesivamente hará la diferencia entre un diseño bueno, malo y uno grandioso.
Hay un montón de tutoriales de tipografías alrededor para ayudarte a dominar la disciplina. Pero la buena tipografía a menudo se reduce a la intuición creativa.
Una vez que te sientas cómodo con lo básico, visita algunos recursos de tipografía para investigar las familias de fuentes y descubrir algunos emparejamientos de fuentes que se hacen el uno para el otro.
Elige una fuente
Hay una asombrosa gama de pagados y fuentes gratuitas para elegir en línea. Pero con gran poder viene una gran responsabilidad.
Simplemente porque puedes elegir de una biblioteca extensa no significa que haya algo que decir para pintar con una paleta limitada, y las fuentes probadas como Helvetica siguen sirviéndonos bien.
Hay una amplia selección de tipos de letra para que puedas elegir
Un tipo de letra, como cualquier forma de diseño, es creado por los artesanos durante un período de tiempo sustancial, utilizando el talento que han estado afilando durante muchos años.
Y los beneficios de una fuente diseñada profesionalmente varios pesos y estilos para formar una familia completa, pares de kerning cuidadosamente considerados, soporte multilingüe con caracteres internacionales, glifos alternativos expresivos para agregar carácter y variedad al ajuste de tipo – no siempre se encuentran en Una fuente disponible de forma gratuita.
Estas son algunas de las consideraciones tipográficas más importantes que los diseñadores profesionales deben tener en cuenta.
¡Veamos!
1. Tamaño
Todos los tipos de letra no se crean por igual. Algunos son gordos y anchos; Algunos son delgados y estrechos. Por lo tanto, las palabras en diferentes tipos de letra pueden ocupar un espacio muy diferente en la página.
La altura de cada carácter se conoce como su “altura-x” (simplemente porque está basada en la letra “x”). Cuando se emparejan tipos de letra, como cuando se utiliza una cara diferente para indicar un área de atención, generalmente es aconsejable utilizar aquellos que comparten una altura x similar.
El ancho de cada carácter se conoce como el “set width”, que abarca el cuerpo de la letra más un espacio que actúa como un buffer con otra letra.
El método más común utilizado para medir el tipo es el sistema de puntos, que se remonta al siglo XVIII. Un punto es 1/72 de pulgada. 12 puntos hacen una pica, una unidad usada para medir anchos de columna. Los tamaños de tipo también se pueden medir en pulgadas, milímetros o píxeles.
2. Liderando
Liderando describe el espacio vertical entre cada línea de tipo. Se llama esto porque las tiras de plomo se utilizaron originalmente para separar las líneas de tipo en los días de composición de metales.
Para texto de cuerpo legible que es cómodo de leer, una regla general es que su valor principal debe ser mayor que el tamaño de fuente; En cualquier lugar de 1,25 a 1,5 veces.
3. Seguimiento y kerning
Kerning describe el acto de ajustar el espacio entre los personajes para crear un emparejamiento armonioso. Por ejemplo, cuando una mayúscula ‘A’ se encuentra con una mayúscula ‘V’, sus trazos diagonales son normalmente kerned de modo que la parte superior izquierda de la ‘V’ se sitúa por encima de la parte inferior derecha de la ‘A’.
Kerning similar a, pero no el mismo que, ‘seguimiento’; Esto se relaciona con el espaciamiento de todos los caracteres y se aplica uniformemente.
4. Medida
El término “medida” describe el ancho de un bloque de texto. Si está tratando de lograr la experiencia óptima de lectura, es claramente una consideración importante.
5. Jerarquía y escala
Si todo el tipo fuera del mismo tamaño, sería difícil saber cuál era la información más importante de la página. Con el fin de guiar al lector, entonces, los títulos son generalmente grandes, sub-encabezados son más pequeños, y el tipo de cuerpo es aún más pequeño.
Consideraciones importantes sobre tipografías
Hay sitios web que muestran atención cuidadosa a las comillas ya otros símbolos. Eso significa una completa carencia de problemas cuando el sitio muestra esos símbolos.
Muchos sitios web están salpicados de símbolos que un navegador no puede mostrar. Es un legado del hecho de que la mayor parte del texto con el que trabaja un diseñador web probablemente fue escrito en Microsoft Word u otra pieza de software de procesamiento de textos que hace todo tipo de pequeños cambios en el texto sin que el escritor preste mucha atención.
Uno de los peores cambios es las cotizaciones inteligentes: las comillas rizadas Word sustituye automáticamente a las comillas rectas.
Otra área de problema viene cuando trabajas con el texto escrito en otro idioma: los acentos y los umlats pueden causar tanto apuro como utilidad de Word.
Si acabas de copiar y pegar texto con estos cambios en tu diseño, es probable que tengas que volver y corregir más tarde, al menos para algunos navegadores web.
En su lugar, obtén el proceso de diseño para que puedas centrarte en hacer tu texto encajar mejor con tu diseño.
Planifica tu texto
Cuando aumentas el tamaño del texto en un sitio web no es tan bonito como si usas el tamaño de letra que seleccionaste. Sin embargo, todavía podrás leer todo, localizar enlaces y así sucesivamente, algo que es cierto de muy pocos sitios web.
Eso es porque, en parte, muchos diseñadores se aseguran de poner el texto en la fuente de 10 puntos o aún más pequeño.
La mayoría de la gente se siente cómoda leyendo estas fuentes, pero los Baby Boomers forman una enorme sección de la población que navega por Internet y muchos de los que están envejeciendo los navegadores tendrán sus navegadores configurados para mostrar el tipo más grande posible. Su texto, así como su diseño, debe ser capaz de adaptarse a ese hecho.
También vale la pena tener en cuenta el hecho de que el tamaño del navegador puede variar drásticamente, moviendo el texto a lugares inesperados si no tiene cuidado.
Muestra preferencia por Las sans serif
Si nos fijamos en el sitio web de A List Apart, casi todos los grandes bloques de texto se colocan en un tipo de letra sans serif, por lo que es mucho más fácil de leer. Los titulares y otros bloques más pequeños de texto se presentan en fuentes serifadas, creando un equilibrio entre los dos.
Cuando se trata de colocar el texto en una pantalla, fuentes sans serif son casi siempre la mejor apuesta, sobre todo si se elige una fuente como Verdana que fue diseñado para su visualización en una pantalla de ordenador. Las fuentes Serifed tienen una mayor probabilidad de mostrar mal, volverse borrosas o incluso pixeladas.
Por supuesto, no es posible evitar completamente las serifas. Pero para grandes bloques de texto en particular, el uso de una fuente sin serifs puede ofrecer un nivel adicional de garantía de que los visitantes podrán leer fácilmente el texto de un sitio. Cuando escojas fuentes para un proyecto, mira primero las opciones sans serif.
Un comentario final
La tipografía se pasa fácilmente por alto, e incluso cuando un diseñador lo toma en consideración, es fácil anotar como una actividad que requiere mucho tiempo con poco retorno.
Pero el gasto incluso algunos minutos con el texto que será la pieza central de su diseño puede transformarlo de algo que cualquier diseñador de la tela podría golpear en una página a un elemento que apoye el resto del diseño.
¿Sigues estas reglas y otras tipografías? Comparte tus opiniones a continuación …
More from my site
