10 reglas para un diseño de tipo perfecto, siempre
¿Alguna vez has notado que algunos proyectos parecen brillar con gran tipo? Algunos diseñadores tienen cierta habilidad para diseñar una tipografía perfecta para cada proyecto.
Usted puede 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 e impresos. Si tiene dificultades para elegir tipos de letra y emparejar fuentes, estas reglas lo ayudarán a diseñar el tipo perfecto, siempre. (Solo asegúrate de seguirlos).
Explore los elementos de Envato
1. Establecer objetivos para el proyecto
La buena tipografía comienza con una sólida comprensión 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 estás tratando de 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 unir o coordinar con otros diseños o marcas?
Las respuestas lo ayudarán a comenzar a enmarcar una idea de qué tipo de tipografía está buscando. (Aquí hay una guía sobre el significado y el estado de ánimo de los tipos de letra en los proyectos de diseño).
2. Busque formas similares
Cuando se trata de combinar múltiples 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 asegurarse de que lo logras?
Busque tipos de letra con formas similares. Piense si cada tipo de letra es más redonda u ovalada, gruesa o delgada, tiene una altura x corta o alta o incluye una inclinación o inclinación.
Elija un tipo de letra primario o de cuerpo que le guste y luego combine tipos de letra complementarios con formas similares.
- Mire la "o" minúscula en cada tipo de familia. ¿El "cuenco" interior es redondo u ovalado? Haga coincidir los tipos de letra 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 alturas x similares (el tamaño vertical de una "x").
- No tengas miedo de mezclar y combinar diferentes estilos de letra. Prueba una combinación serif y sans serif. Solo asegúrese de que si un tipo de letra es complejo, el otro es simple. Y use el tipo de letra simple para la aplicación más amplia, como el texto del cuerpo.
- Presta atención a la inclinación y la cursiva. (Puede mirar el centro de la "o" nuevamente como guía). No use más de un tipo de letra inclinado y evite los pares de tipo de letra 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 tipos de letra.
3. Establecer una escala de tipo para dimensionamiento
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 dañar los ojos y hacer que los usuarios abandonen el diseño.
Cuando el texto es correcto, los usuarios se mueven libremente por las palabras.
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 de un tamaño, los titulares son de otro tamaño y los subencabezados son de 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 la mayoría de los usuarios lo hojeen.
- 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 subtítulos, ayudan a separar largos bloques de texto, lo que facilita su lectura.
4. Presta atención al espaciado
No es el tipo en sí, pero el espacio entre tipos es importante.
El interletraje, el interlineado, el seguimiento y el relleno pueden representar su tipo maravillosamente o convertirlo en un desastre.
Hay un buen arte 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 interletraje, 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 espaciamiento 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 también es la alineación ideal para optimizar la legibilidad dentro de los bloques de copia.
Pequeños fragmentos de texto (elementos de menú o titulares de héroes) no tienen que alinearse a la izquierda porque son rápidos de leer. Es probable que se dejen alineadas grandes cantidades de copia, algo más que una oración. (La justificación es discutible, aunque puede causar algunos problemas de espacio si no tiene mucho cuidado).
6. Elija dos familias tipo
Probablemente esta regla ya se te haya metido en la cabeza: usa solo dos tipos de letra para un proyecto.
Se está diciendo aquí nuevamente porque muy pocos diseñadores realmente prestan atención a esta regla. Escanee la web o el sitio web de un portafolio y verá muchos proyectos con "¡fuentes enloquecidas!"
Si planea romper esta regla, piense de nuevo. ¿Qué ganas al agregar otro tipo de letra a la mezcla? En cambio, mire el tipo de letra que ha seleccionado y vea si otro estilo, negrita, delgado o cursiva, podría ser una mejor solución.
7. No altere las fuentes
Nunca estire, tuerza o incline una tipografía. Si necesita algo diferente de lo que tiene, elija una opción diferente.
Los diseñadores tipográficos pasan mucho tiempo creando letras que funcionan como se presentan. La alteración de la forma de las letras perjudica la legibilidad y puede hacer que las fuentes se "rompan" en la forma en que una foto se pixela cuando usa un tamaño mayor que el original.
8. Use mucho contraste
Una de las cosas que mete en problemas a los diseñadores es poner el tipo en una imagen o elemento de fondo. Solo funciona cuando tienes mucho contraste entre los elementos para crear separación y garantizar la legibilidad.
Si tiene que agregar una sombra paralela a las letras, no hay suficiente contraste.
La luz en la oscuridad o la oscuridad en la luz pueden garantizar la legibilidad. También ayuda usar un tipo de letra 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 pueda incluir trazos gruesos y delgados.
Las opciones incluyen texto de recuadro, elegir un tipo de letra más pesado o agregar una superposición de color 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 sensibles donde el texto y las imágenes se mueven).
9. Recuerda la tipografía móvil
Cuando se trata de la tipografía para la web, la legibilidad móvil debería ser una gran preocupación. Las 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 quedarán cortas en dispositivos más pequeños.
Debe pensar cómo se representarán los tipos de letra en todos los usos. (Vuelva a su escala de tipografía y recuerde incluir especificaciones para el tipo en pantallas grandes y pequeñas).
La tipografía móvil a menudo es 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 requieren 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 exactas de uso.
Hacer copias. Ponlo en línea en una ubicación accesible. Y úselo siempre que realice cambios en el diseño.
La consistencia es un componente clave del diseño de tipografía perfecto.
Conclusión
Lo bueno de la tipografía buena versus mala es que la mayoría de los usuarios pueden identificar uno u otro. Solo saben cuándo el diseño no es del todo correcto.
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.
