Elegir el tipo de letra de pantalla correcto: 5 consejos para el éxito
Una de las principales tendencias en diseño web es una gran imagen de héroe o video en la parte superior de una página con algunas palabras para guiar a los usuarios al sitio. Este tipo de estética ejerce mucha presión sobre el diseñador para que obtenga la tipografía de pantalla correcta para unir el diseño.
Con tantos tipos de letra para elegir, esta puede ser una tarea desalentadora. Pero puedes encontrar una gran tipografía con un poco de planificación y suerte. Aquí hay cinco consejos para comenzar con algunos hermosos ejemplos de tipografía de pantalla.
Explore los recursos de diseño
¿Qué es el tipo de pantalla, de todos modos?
Antes de saltar a los consejos, ¿se siente cómodo hablando de tipos de letra de pantalla? (Si es así, salte a la Sugerencia No. 1.)
Si no, un tipo de pantalla suele ser una letra grande y llamativa que se usa para titulares o las palabras grandes en un diseño. El tipo de visualización no es exclusivo del diseño web, es un término que también usan los diseñadores de impresión.
El tipo de visualización viene en dos formas principales para la web.
- El título principal del sitio web en la página de inicio, como Walk West (arriba).
- El título principal o encabezado de cada página en el diseño del sitio web. Aunque a menudo no es tan grande o llamativo como el título principal de 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 visualización debe ser legible para que sea efectivo. Esto debería parecer obvio, pero con tantos tipos de letra geniales para elegir, no es difícil encontrar sitios web donde el titular principal no sea fácil de leer.
No existe una regla sobre el tipo de categoría de tipo, de dónde deben provenir las letras de la pantalla. Serifs y sans serif funcionan igual de bien. Incluso algunos tipos de letra novedosos son una combinación ideal.
Lo importante es que las letras son lo suficientemente grandes, espaciadas lo suficiente y contrastan con otros elementos de diseño lo suficiente como para destacar en la pantalla. Imagina cómo se verían las palabras si gritaran "LÉAME". Eso es lo que debe hacer una tipografía de pantalla 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 del mundo hasta que lo vea 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 incluye s varias veces y esa forma de letra no se ve muy bien en el conjunto de caracteres. Lo mismo puede suceder particularmente con glifos o caracteres extraños como%, $ o &. O tal vez eligió un tipo de letra donde yo, yo y 1 nos parecemos 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 una cierta sensación o estilo o florecer para ellas que es deseable. Si ves alguna rareza en las combinaciones de personajes, los usuarios también lo verán.
3. Date flexibilidad
Piense en cómo se usará el tipo de visualización en todo su proyecto. ¿Necesita múltiples pesos y estilos para crear el paquete de titulares adecuado? ¿El tipo de letra que seleccionó funciona para esos espacios de visualización secundarios y para el título principal?
Querrá pensar en todos esos usos y darse suficiente flexibilidad con el tipo de letra que nos seleccione de múltiples maneras. Con demasiada frecuencia, un tipo de letra de pantalla se verá genial para el tipo de letra grande con solo una o dos palabras 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 golpes finos
La siguiente declaración está sujeta a controversia: los trazos finos son difíciles de usar de manera efectiva cuando se trata del tipo de visualización.
Sí, las letras con trazos finos pueden verse increíbles. Sí, algunos diseñadores lo logran maravillosamente. Pero la mayoría no.
Regrese a la Sugerencia No. 1. Todo vuelve a la legibilidad.
Imagine que ha utilizado un tipo de letra con un trazo súper delgado para su pantalla principal y se ve muy bien en monitores de escritorio de 27 pulgadas (tal vez como el que está diseñando). Ahora míralo en tu tableta o teléfono. ¿Que piensas ahora? ¿Sigue siendo igual de legible? (Probablemente no.)
Si necesita más información 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. 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 emparejadas? Es un elemento importante. El tipo de letra más hermoso del mundo puede parecer incómodo si el tono no coincide con la imagen y los mensajes 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 muchos diseños de sitios web brillantes y audaces, por lo que el texto es el foco principal. Si amas 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 un dibujo para llamar la atención sobre lo que quieres decir. Esta combinación de texto funciona con varias opciones de fuente y puede modificarse para adaptarse a casi cualquier combinación de colores, desde colores intensos hasta un diseño minimalista en blanco y negro. ¡Lo único que realmente importa es que elijas una tipografía absolutamente encantadora!
Conclusión
El tipo de pantalla es el primer pensamiento que pone en la mente de un usuario. Esa primera impresión puede determinar si un usuario se queda con su sitio o pasa 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 por el diseño para brindarle la mayor posibilidad de éxito.
