Una de las mayores tendencias en diseño web es una imagen o video de gran héroe en la parte superior de la página con algunas palabras para guiar a los usuarios hacia el sitio. Este tipo de estética ejerce mucha presión sobre el diseñador para crear el tipo de letra adecuado para unir el diseño.
Con tantos tipos de letra para elegir, esta puede ser una tarea un tanto desalentadora. Pero puedes encontrar un gran tipo de letra con un poco de planificación y suerte. Aquí hay cinco consejos para comenzar con algunos bellos ejemplos de tipografía gráfica.
¿Qué es el tipo de pantalla, de todos modos?
Antes de saltar a los consejos, ¿te sientes cómodo hablando de tipografías de visualización? (Si es así, salta a la punta n. ° 1).
De lo contrario, un tipo de pantalla suele ser letras grandes y llamativas que se utilizan para los titulares o las palabras grandes en un diseño. El tipo de pantalla no es exclusivo del diseño web, es un término que también utilizan los diseñadores de impresión.
Tipo de pantalla viene en dos formas principales para la web.
- El titular del sitio web principal en la página de inicio, como Walk West (arriba).
- El encabezado principal o encabezado de cada página en todo el diseño del sitio web. Aunque a menudo no son tan grandes o llamativos como el titular principal en la página de inicio, estos bits de tipo de visualización son los elementos que llevan cada página individual.
1. Necesita ser legible
El tipo de pantalla debe ser legible para que sea efectivo. Esto debería sonar como una obviedad, pero con tantos tipos de letra novedosos para elegir, no es difícil encontrar sitios web en los que el título principal no sea fácil de leer.
No hay una regla sobre de qué tipo de categoría de tipo, deben aparecer las letras en pantalla. Serifs y sans serifs funcionan igualmente bien. Incluso algunos tipos de letra novedosos son una combinación ideal.
Lo que importa es que las letras son lo suficientemente grandes, lo suficientemente espaciadas y contrastan con otros elementos de diseño lo suficiente como para sobresalir en la pantalla. Imagínese cómo se verían las palabras si gritaran "LÉAME". Eso es lo que debe hacer un tipo de letra de visualización para los usuarios.
2. Las letras deben coincidir con las palabras
Este podría ser uno de los conceptos más difíciles de entender en el mundo hasta que lo veas en acción: las letras deben coincidir con las palabras.
Aquí hay una explicación. Algunas palabras simplemente se ven mal en ciertos tipos de letra. Es dificil de explicar. Tal vez la palabra incluya s varias veces y esa forma de letra no se vea bien en el conjunto de caracteres. Lo mismo puede suceder particularmente con glifos o caracteres impares como%, $ o &. O tal vez eligió un tipo de letra donde I, ly 1 se parecen y todos esos caracteres están en la pantalla. (Necesitas elegir otra cosa).
Las letras deben pasar la prueba del globo ocular, lo que significa que debe parecer atractivo. Las palabras deben tener un cierto sentimiento o estilo o florecimiento para ellos que sea deseable. Si ve alguna rareza en las combinaciones de caracteres, los usuarios también lo harán.
3. Dése flexibilidad
Piense en cómo se usará el tipo de pantalla en su proyecto. ¿Necesita múltiples pesos y estilos para crear el paquete de titular correcto? ¿El tipo de letra que seleccionó funciona para esos espacios de visualización secundarios, así como para el titular principal?
Querrá pensar en todos esos usos y tener la suficiente flexibilidad con el tipo de letra que seleccione para nosotros de múltiples maneras. Muy a menudo, un tipo de letra de pantalla se verá genial para el tipo de gran tamaño con solo una palabra o dos en las que pensar, pero el uso efectivo se vuelve mucho más complicado cuando se trata de usarlo en esos espacios secundarios.
Será mucho más fácil trabajar en el diseño y crear esa consistencia si el tipo de letra seleccionado funciona en múltiples situaciones. Para mayor flexibilidad y consistencia de diseño, considere una familia completa de tipos de letra para usos de visualización. Vaya un poco más audaz con el título principal y use una opción más delgada para la pantalla secundaria (tal vez incluso intente con un color).
4. Tenga cuidado con los trazos finos
La siguiente declaración está sujeta a controversia: los trazos finos son difíciles de usar de manera efectiva cuando se trata de mostrar el tipo.
Sí, las letras con trazos finos pueden parecer asombrosas. Sí, algunos diseñadores lo logran maravillosamente. Pero la mayoría no lo hacen.
Vuelva a la punta n. ° 1. Todo vuelve a ser legible.
Imagina que has usado una tipografía con un trazo súper delgado para tu pantalla principal y se ve muy bien en monitores de escritorio de 27 pulgadas (tal vez como el que estás diseñando). Ahora míralo en tu tableta o teléfono. ¿Que piensas ahora? ¿Sigue siendo tan legible? (Probablemente no.)
Si necesita algo más convincente, recuerde que Apple lo intentó con iOS 7. Los usuarios se quejaron de que el tipo de letra utilizado para el sistema operativo era demasiado delgado y difícil de leer. Se tomaron en serio estas quejas y los lanzamientos posteriores incluyeron una fuente de trazo más grueso.
5. Piensa en la imagen
¿Cómo funcionan las palabras y las letras con la imagen o el video con el que están emparejados? Es un elemento importante. El tipo de letra más hermoso del mundo puede parecer extraño si el tono no coincide con la imagen y el mensaje en el resto del diseño.
El contraste también es un factor que contribuye, particularmente con el video donde las partes oscuras y claras de la imagen pueden moverse. Las palabras siempre deben ser reconocibles en el fondo.
Más diseñadores están optando por fondos de color sólido - esta es una tendencia bastante divertida con un montón de diseños de sitios web brillantes y audaces - por lo que el texto es el enfoque principal. Si te encantan tus letras, esta podría ser una gran opción.
El fondo sólido con la opción de tipo de pantalla en negrita, realmente hace que los usuarios se centren en las palabras mismas. El color se usa como dibujo para llamar la atención sobre lo que quieres decir. Esta combinación de texto funciona con una serie de opciones de fuente y puede modificarse para que se adapte a casi cualquier combinación de colores, desde un color alto hasta un diseño minimalista en blanco y negro. ¡Lo único que realmente importa es que elijas una tipografía absolutamente encantadora!
Conclusión
Tipo de pantalla es el primer pensamiento que se pone en la mente de un usuario. Esa primera impresión puede determinar si un usuario mantiene su sitio o se traslada a otra cosa.
Para aprovechar al máximo esa interacción clave, asegúrese de que cada palabra sea fácil de leer, establezca el tono correcto y ayude a los usuarios a moverse a través del diseño para darle la mayor probabilidad de éxito.