¿Alguna vez has notado que algunos proyectos parecen brillar con gran tipo? Algunos diseñadores tienen cierta habilidad para diseñar tipografías perfectas para cada proyecto.
Puedes hacerlo también. Con un puñado de reglas simples, puede mejorar el aspecto y el diseño de la tipografía en todos sus proyectos, digitalmente y en forma impresa. Si tiene problemas para seleccionar tipos de letra y emparejar fuentes, estas reglas lo ayudarán a diseñar el tipo perfecto en todo momento. (Solo asegúrate de seguirlos.)
1. Establecer metas para el proyecto
La buena tipografía comienza con una comprensión sólida de lo que se supone que debe hacer su proyecto. Antes de comenzar a navegar por Google Fonts o Typekit, anote las respuestas a algunas preguntas.
- ¿A quién intentas llegar con este proyecto?
- ¿Qué se supone que deben hacer los usuarios con el diseño?
- ¿Cuáles son los puntos de conversión?
- ¿Cuál es el estado de ánimo del proyecto?
- ¿Necesita coincidir o coordinar con otros diseños o marcas?
Las respuestas te ayudarán a comenzar a enmarcar una idea de qué tipo de tipografía estás buscando. (Aquí hay una guía sobre el significado y el estado de ánimo de los tipos de letra en proyectos de diseño).
2. Busca formas similares
Cuando se trata de hacer coincidir varios tipos de letra en un diseño, algo tan simple como la forma de las letras puede hacer o deshacer la combinación de fuentes.
Entonces, ¿cómo asegurarte de que lo haces?
Busca tipografías con formas similares. Piense si cada tipo de letra es más redondo u ovalado, grueso o delgado, tiene una altura x corta o alta o incluye una inclinación o inclinación.
Elija un tipo de letra principal o de cuerpo que le guste y luego combine tipos de letra complementarios con formas similares.
- Mira la minúscula? O? En cada tipo de familia. ¿Es el tazón interior? redondo u ovalado? Coinciden con las tipografías donde el interior de la? O? es el mismo.
- Está bien emparejar tipos de letra gruesos y delgados. Es mejor emparejar una tipografía gruesa o delgada y regular.
- Busque tipos de letra con x-alturas similares (el tamaño vertical de un? X?).
- No tengas miedo de mezclar y combinar diferentes tipos de estilos. Pruebe una combinación de serif y sans serif. Solo asegúrate de que si una fuente es compleja, la otra es simple. Y use el tipo de letra simple para la aplicación más amplia, como el texto del cuerpo.
- Preste atención a la inclinación y la cursiva. (Puede mirar el centro de la? O? Nuevamente como una guía.) No use más de una tipografía inclinada y evite los pares de tipografía que se inclinan en direcciones opuestas. Pueden ser discordantes para los usuarios.
¿Todavía no estás seguro? Aquí hay una guía para mezclar tipografías.
3. Establecer una escala de tipo para el tamaño
El tamaño de las letras puede hacer o deshacer un proyecto. Si el texto es demasiado grande, da como resultado patrones de lectura poco naturales con demasiadas pausas y paradas. Si el texto es demasiado pequeño, puede forzar la vista y hacer que los usuarios abandonen el diseño.
Cuando el texto es correcto, los usuarios se mueven a través de las palabras libremente.
El texto que tiene el tamaño correcto también viene con una escala para diferentes tamaños en el proyecto. El texto del cuerpo es un tamaño, los titulares son otro tamaño y los subtítulos son otro tamaño. Y todos los tamaños y usos deben ser consistentes en todo el diseño.
Lo que esto hace para los usuarios es hacer que todo sea más fácil de leer.
- El tamaño del texto prioriza la información por importancia. El tipo más grande es más importante y es más probable que lo desnuden la mayoría de los usuarios.
- Una escala aumenta la capacidad de escaneo del texto para que los usuarios puedan verlo rápidamente.
- Los artículos relacionados tienen la misma apariencia.
- Los elementos de texto más grandes, como los subencabezados, ayudan a dividir largos bloques de texto, lo que facilita su lectura.
4. Prestar atención al espaciado
No es el tipo per se, pero el espaciado de tipo importa.
El kerning, el liderazgo, el seguimiento y el relleno pueden representar su tipo de manera hermosa o convertirlo en un desastre.
Hay un arte fino para obtener el espacio justo. Y mucho depende de las combinaciones de letras reales utilizadas, el tamaño y la tipografía. No hay una regla de kerning, aparte de hacerlo cuando sea necesario, y no hay una cantidad perfecta de relleno para texto y otros elementos.
Vas a tener que mirarlo.
La prueba es sentir. Si el diseño se siente apagado? de una manera que no se puede identificar, el espaciado problemático podría ser el culpable. Solo se necesita práctica, y un buen ojo, para hacerlo bien.
5. Alinear a la izquierda para leer
En inglés, así como en otros idiomas, los usuarios leen de izquierda a derecha. Esa es también la alineación ideal para optimizar la legibilidad dentro de bloques de copia.
Pequeños fragmentos de texto (elementos del menú o titulares de héroes) no tienen que alinearse con la izquierda porque son rápidos de leer. Grandes cantidades de copias, algo más que una oración, probablemente deberían dejarse alineadas. (La justificación es discutible, aunque puede causar algunos problemas de espaciado si no se tiene mucho cuidado).
6. Elija dos tipos de familias
Es probable que esta regla ya se haya golpeado en tu cabeza: usa solo dos tipos de letra para un proyecto.
Se dice aquí de nuevo porque muy pocos diseñadores prestan atención a esta regla. Escanee la web o un sitio web de cartera y verá muchos proyectos con "fuentes que se vuelven locas".
Si planeas romper esta regla, piensa de nuevo. ¿Qué estás ganando al agregar otro tipo de letra a la mezcla? En su lugar, mire el tipo de letra que ha seleccionado y vea si otro estilo (negrita o fina o cursiva) podría ser una mejor solución.
7. No alterar las fuentes
Nunca estirar o torcer o inclinar un tipo de letra. Si necesita algo diferente de lo que tiene, elija una opción diferente.
Los diseñadores de tipos pasan mucho tiempo creando letras que funcionan como se presentan. Alterar la forma de las letras daña la legibilidad y puede hacer que las fuentes se rompan? en la forma en que una foto se pixela cuando se usa más grande que el tamaño original.
8. Usa mucho contraste
Una de las cosas que causa problemas a los diseñadores es poner el tipo en una imagen o elemento de fondo.Solo funciona cuando hay mucho contraste entre los elementos para crear una separación y garantizar la legibilidad.
Si tiene que agregar una sombra a las letras, no hay suficiente contraste.
La luz en la oscuridad o la luz en la luz puede garantizar la legibilidad. También ayuda a usar una tipografía con un trazo regular o más ancho.
Pero ese no es siempre el caso. Una foto puede incluir espacios claros y oscuros o dejar que incluya trazos gruesos y finos.
Las opciones incluyen texto de boxeo, escoger una tipografía más gruesa o agregar una superposición de colores a la imagen. Todas estas técnicas pueden ayudar a crear más contraste y hacer que el texto sea más legible. (Además, tienden a resistir cuando se usan en múltiples puntos de interrupción de respuesta donde el texto y las imágenes se mueven).
9. Recuerde la tipografía móvil
Cuando se trata de tipografía para la web, la legibilidad móvil debe ser una preocupación importante. Técnicas divertidas, como agregar un patrón o textura a las letras, pueden funcionar en la impresión y en algunas pantallas de escritorio, pero se quedan cortas en dispositivos más pequeños.
Debe pensar en cómo se van a representar las fuentes en todos los usos. (Regrese a la escala de su tipografía y recuerde incluir especificaciones para el tipo en pantallas grandes y pequeñas).
La tipografía móvil suele ser un poco grande e incluye un poco más de espacio que la tipografía en los escritorios. También ayuda si los párrafos son más cortos para que no termines con bloques de texto que necesiten varios pergaminos para leer, lo que puede intimidar a los usuarios.
10. Apégate a una guía de estilo
Una vez que tenga una idea sólida de cómo debe verse el tipo en un proyecto, cree una guía de estilo con todas sus reglas de uso exactas.
Hacer copias. Ponlo en línea en un lugar accesible. Y úsalo siempre que hagas cambios en el diseño.
La consistencia es un componente clave del diseño de tipografía perfecta.
Conclusión
Lo bueno de la tipografía buena contra la mala es que la mayoría de los usuarios pueden identificar una u otra. Solo saben cuando el diseño simplemente no está bien.
La preocupación clave cuando se trata de crear una tipografía perfecta es la legibilidad. El tipo debe ser fácil de leer y entender. Debe coincidir con el estado de ánimo de la copia. Y debería sentirse casi invisible para los usuarios; Funciona cuando no tienen que pensarlo y pueden leer con facilidad.