8 reglas para crear tipografía efectiva

Hoy vamos a discutir algo que es tanto una tendencia actual como un arte atemporal: la tipografía. Las reglas básicas que se describen a continuación lo ayudarán a conocer mejor cómo estructura y utiliza la tipografía en sus diseños.

Ser consciente de estas reglas puede mejorar casi todo lo que creas que contiene un título o un elemento tipográfico principal. ¡Empecemos!

1. Aprende lo básico

Tu primer paso hacia una tipografía más efectiva es aprender un poco sobre el arte. Si no está familiarizado con sus conceptos, podría pensar que la tipografía debe ser una disciplina bastante simple. Seguramente, si conoces el alfabeto has ganado la mitad de la batalla, ¿no? ¡Todo lo que queda es cambiar la apariencia y se tiene una fuente! En realidad, la tipografía es bastante complicada y es tanto ciencia como arte.

La anatomía de un tipo de letra implica una jerga muy específica, medidas precisas y estándares generales que deben ser conocidos y respetados. Al igual que con muchas formas de diseño, solo puede romper una regla si la conoce bien y lo hace intencionalmente para hacer una declaración.

Uno de los mejores lugares para aprender sobre tipografía en línea es I Love Typography, un blog dedicado a los tipos hermosos. Aquí hay una imagen de ILT que muestra algunos términos con los que debe familiarizarse:

Como puedes ver, hacer letras bonitas se complica rápidamente. El gráfico anterior hace un excelente trabajo al explicar estos términos visualmente, pero esto no es de ninguna manera una lista exhaustiva de los términos y conceptos con los que necesita familiarizarse. Por ejemplo, términos como x-height, kerning y baseline ni siquiera se tratan en el gráfico. Para obtener un mejor control de todo esto, debería dedicar unos minutos a explorar un glosario tipográfico.

¿Para qué diablos?

La respuesta a esta pregunta es obvia: "¡Porque eres un diseñador!" Si regularmente crea diseños que utilizan palabras, está profundizando en la tipografía ya sea que tenga la intención o no. Tomarse un tiempo para aprender los principios básicos lo hará mucho más consciente de las características de los tipos de letra que elija y la forma en que utiliza el tipo de arte.

2. Cuida tu kerning

Esta publicación no pretende ser un estudio exhaustivo de tipografía, por lo que no examinaré en detalle cada uno de los términos mencionados anteriormente. Sin embargo, el kerning es algo que muchos diseñadores, nuevos y antiguos, pasan por alto por completo. Recientemente estuve discutiendo este tema con el director de arte sénior de un importante sitio web de moda para mujeres. La única cosa que más la frustró sobre los diseñadores bajo ella es su falta constante de esfuerzo con respecto al kerning.

¿Qué es?

El kerning implica ajustar el espacio entre dos letras en una fuente dada. Tenga en cuenta que este es un problema aparte del seguimiento, que ajusta el espacio entre todas las letras simultáneamente. Podría pensar que un programa costoso como Adobe Illustrator resolvería automáticamente todos los problemas del kerning para usted y que, por lo tanto, no es un problema que surja en su obra de arte. Piensa otra vez. Mira el siguiente ejemplo:

Si no estás acostumbrado a buscar problemas con el kerning, los problemas pueden ser sutiles, pero están ahí. Observe cómo la mayúscula? D? En el ejemplo anterior se destaca significativamente del resto de la palabra. Por defecto, muchos tipos de letra, especialmente los que tienen remates pronunciados, pueden tener espacios de letras inconsistentes. Por lo general, esto no es un gran problema en un párrafo u oración, ya que el espaciado inconsistente se combina en bloques de copias más pequeñas. Sin embargo, cuando se trata solo de unas pocas palabras, como en un titular o logotipo, los problemas con el kerning descuidado pueden destruir toda la estética.

Los problemas de kerning pueden complicarse cuando se trata de fuentes web y CSS, pero son bastante fáciles de solucionar si está creando texto como gráfico (para impresión o web) en Illustrator, Photoshop, etc. Simplemente inserte el cursor entre dos caracteres y use la opción (PC = alt) tecla junto con las teclas de flecha izquierda y derecha para ajustar el espaciado. Recuerda no enfocarte tanto en las letras como en el espacio negativo entre las letras. Trate de hacer que este espacio sea visualmente consistente en toda la palabra o frase.

3. Sea consciente de la comunicación de la fuente

La selección de fuentes nunca debe ser un proceso arbitrario. Simplemente mirando a través de toda su biblioteca para encontrar una fuente que le guste, rara vez producirá un resultado efectivo. La razón es que hay una psicología inherente asociada con ciertos tipos de fuentes. Para ver lo que quiero decir, considere los siguientes ejemplos:

Si eres perceptivo, estas selecciones de fuente parecerán muy pobres. La razón es que existe una gran desconexión entre la personalidad visual de las selecciones de fuentes y las palabras escritas con ellas. Casi nunca verías al campeón de lucha definitivo líder mundial en una fuente de script bonita. De la misma manera, probablemente nunca utilizarías Cooper Black en tus invitaciones de boda. Nos hemos acostumbrado a ver diferentes tipos de fuentes utilizadas para ciertos propósitos.

Cada fuente comunica ciertos atributos tanto a nivel consciente como subconsciente. Dos de las principales áreas de comunicación son el género y la era. Considere los ejemplos a continuación.

Observe cómo las dos primeras fuentes comunican fuertemente una era pasada específica. De manera similar, las siguientes dos fuentes poseen características fuertemente asociadas basadas en el género. Las fuentes gruesas con bordes duros tienden a parecer más masculinas y masculinas, mientras que las fuentes curvas y delgadas parecen femeninas y femeninas.

Todo esto puede parecer un poco obvio, pero su habilidad tipográfica mejorará a pasos agigantados si puede sacar este conocimiento de la parte implícita e instintiva de su cerebro y convertirlo en acción explícita e intencional.

Más sobre tipografías

Para obtener más información sobre tipos específicos de tipografías, consulte la Tabla de clasificación de tipos de Adobe.

4.Alineación

La alineación es un concepto extremadamente importante en tipografía. Por alguna razón, los no diseñadores tienden a alinear todo instintivamente. En algún lugar de la vida aprendemos que si algo está centrado, entonces está equilibrado y, por lo tanto, mejor. En realidad, la alineación central es la alineación más débil y difícil de leer y debe usarse de manera muy selectiva.

Los dos primeros párrafos anteriores están alineados a la izquierda. Así es como estamos acostumbrados a leer porque generalmente es el formato que vemos en libros, revistas, etc. Los párrafos alineados con el centro son mucho más difíciles de leer debido a la falta de un borde duro. No hay un punto de inicio o parada consistente para cada línea, por lo que sus ojos tardan un momento en adaptarse a cada nueva línea. La diferencia es sutil en la práctica, pero enorme en principio.

Esto no significa que solo debes usar la alineación izquierda en todo momento. Solo asegúrese de preguntarse constantemente qué tan importante es la legibilidad en comparación con la estética particular que podría estar tratando de lograr. Idealmente, estos principios siempre trabajarían juntos, pero en realidad a menudo son fuerzas opuestas que requieren un compromiso de una manera u otra.

Otra cosa a tener en cuenta es la mezcla de alineaciones. Independientemente de la alineación que elija, intente ser coherente en todo el diseño. A menudo (aunque no siempre) es apropiado alinear en el centro un título sobre una copia alineada a la izquierda, pero experimentar con alineaciones mixtas más allá de esto podría resultar en una página confusa y abarrotada visualmente.

Para obtener más información sobre la alineación de fuentes, consulte el artículo a continuación.

Escoger alineaciones de tipo para la web

5. Elija una buena fuente secundaria

Una vez que haya elegido un tipo de letra principal, el siguiente paso es elegir otra fuente que lo acentúe. Esto es opuesto a una fuente que entrará en conflicto con la elección primaria.

Hay varios problemas con el primer ejemplo en la imagen de arriba. Primero, los tipos de fuentes elegidos son muy pobres. La fuente de soporte es más ornamentada (y más difícil de leer) que la fuente principal. Esto resta valor a la fuente principal y debe evitarse. Además, incluso si el primer problema no fuera un problema, las dos fuentes son simplemente demasiado similares en grosor para ser usadas juntas. A pesar de que tienen un estilo drásticamente diferente, su peso de trazo similar no proporciona suficiente contraste visual entre los dos.

La segunda imagen utiliza fuentes de contraste más apropiadas y utiliza una fuente más delgada y delgada para la subetiqueta. Sus fuentes definitivamente no tienen que contrastar tanto (el efecto fue exagerado intencionalmente para el ejemplo), solo asegúrese de que sean lo suficientemente diferentes para evitar la confusión visual y que se ponga más énfasis en la fuente principal.

6. El tamaño importa

He creado toneladas de anuncios promocionales impresos en los seis años que he sido diseñador. Una de las cosas que aprendes muy temprano al trabajar con materiales promocionales es que los titulares deben captar al lector al instante. Tienes uno o dos segundos para atraer la atención de alguien en el mundo de la impresión. Si pierdes esa oportunidad, has perdido a tu cliente potencial.

Lo que esto significa en la práctica es que cuando creas un título, no lo escribas: diseña. Considere los siguientes dos ejemplos:

El primer título requiere que lea cada palabra para tener una idea de lo que trata el mensaje. Todo es del mismo tamaño, ancho y color, lo que deja cero el énfasis en cualquier parte del mensaje. La palabra? Podría? es tan importante visualmente como la palabra "ganar".

Por el contrario, el segundo titular es mucho más fuerte a pesar de que utiliza exactamente el mismo mensaje. No he enfatizado las palabras que no son tan importantes y realmente grité las palabras que son. El problema con el primer titular es que el espectador debe estar dispuesto a tomarse el tiempo para leerlo. El truco entonces es hacer que el espectador lea las partes importantes tan pronto como vea el titular, casi como si fuera un accidente.

Mirando el segundo ejemplo, lo primero que debes notar es la palabra? WIN? seguido de? Las BAHAMAS ?. En este punto, si usted es el público objetivo, hemos despertado su interés y es mucho más probable que se tome el tiempo para ver de qué se trata este mensaje.

7. Usa la tipografía como arte

Deja de pensar en la tipografía como simples titulares y copia del cuerpo y comienza a pensar en ella como un elemento de diseño. Las tipografías están diseñadas meticulosamente y, por lo tanto, poseen una estética que puede ser un activo valioso para su arsenal de diseño. Esto, por supuesto, va más allá de construir caras con letras. Si desea crear un diseño centrado en la tipografía, piense en cómo puede incorporar el tipo atractivo como el héroe.

Además, nunca se sienta como si estuviera limitado por la estructura de las fuentes existentes. Amplíe las formas de fuente para satisfacer sus necesidades. Intenta agregar remolinos, texturas, manchas, spats y cualquier otra cosa que se te ocurra para darle más sabor al tipo.

8. Encuentra buena inspiración

La mejor manera de aprender a crear una tipografía efectiva y atractiva es encontrar y estudiar algunos ejemplos existentes. A continuación hay algunos artículos geniales para encontrar inspiración en línea, pero no se detengan ahí. Ejemplos buenos y malos de tipografía son lo más cercano a la comida rápida más cercana. Observe por todas partes lo que hacen los demás y piense por qué parece o no que funciona bien.

Ejemplos preciosos de tipografía floral

40 ejemplos de tipografía hermosa en diseño publicitario

Ejemplos de tipografía magnífica en diseño publicitario

50 ejemplos de tipografía vintage

Romper las reglas

Recuerde que estas reglas simplemente deben ser pautas para ayudarle a crear una gran tipografía. En el camino, encontrará que algunos de sus mejores trabajos rompen flagrantemente uno o más de los principios descritos en este artículo.Como dije antes, el momento en que entiendes completamente una regla dada en el diseño es el momento en que tienes permiso para romperla. Solo asegúrese de que la indiferencia no sea arbitraria sino que se ejecute con un propósito y para lograr un objetivo específico.

Recursos adicionales

  • Typedia: una enciclopedia compartida de tipografías
  • Tipófilo
  • Los elementos del estilo tipográfico aplicado a la web.
  • 15 consejos para elegir un buen tipo de texto

Las reglas tienden a ser restrictivas, pero espero que estas ocho sugerencias hayan abierto con éxito sus posibilidades de tipografía.