5 técnicas para interactuar con el tipo de pantalla
A veces, la tipografía necesita transmitir tanto sentimiento como significado, y para esa función, más diseñadores recurren a la tipografía dramática. Este tipo de tipografía se utiliza para algo más que la legibilidad y legibilidad (aunque ese sigue siendo el objetivo principal). La tipografía dramática se destaca. Llega a través de la pantalla del dispositivo, exige la atención del espectador y lo dirige hacia el mensaje que está entregando. Es una oportunidad para mostrar la identidad de marca, mejorar el contenido de texto, crear una jerarquía visual perfecta y crear una impresión memorable. No sorprende que la tipografía dramática se esté convirtiendo rápidamente en una tendencia en las interfaces web.
Ya sea simple o elaborado, las palabras en los sitios de hoy se leen bajo una nueva luz. En este artículo, veremos 5 ejemplos de tipografía dramática en diseño web.
1. Tipo de letra simple pero dramática
La tipografía simple y la tipografía dramática no son mutuamente excluyentes. De hecho, la tipografía simple es una de las mejores formas de tipografía dramática. Esta técnica es relativamente fácil de incorporar en su página, simplemente seleccione un tipo de letra simple y siga estos consejos:
- Aumente el tamaño de la tipografía (los tipos de letra grandes envían un mensaje potente especialmente cuando se combinan con imágenes de héroe)
- Haga que el color del texto contraste con el fondo (el color de la copia de texto suele ser blanco o negro, que contrasta bien con una imagen o un fondo de colores brillantes).
- Agrega un estilo atrevido
El tamaño de la fuente es un medio para controlar la influencia; el siguiente ejemplo demuestra perfectamente cómo las formas de letras pueden ser hermosas por sí mismas. Al emplear extremos, de forma aislada o en grupos, es posible transmitir un mensaje con fuerza sin ser desagradable.
Los tipos de letra simples comunican confianza y claridad.
2. Uso creativo de tipos de letra simples
Es absolutamente posible tomar las fuentes más básicas y crear una experiencia memorable. Todo lo que necesitas es experimentar con la tipografía:
¿Necesitas enviar tu mensaje alto y claro? Use TODO MAYÚSCULAS para copiar. ¿Quieres crear algo realmente especial? Use tipografía simple junto con efectos animados o video.
3. tipografía decorativa
Los diseñadores tienen sentimientos encontrados sobre las tipografías decorativas. Muchos diseñadores desprecian las caras decorativas como baratas y descuidadas, mientras que otros las adoran y aprovechan de maneras creativas e interesantes. En cuanto a mí, creo que si se utiliza correctamente, la tipografía decorativa puede establecer el tono del sitio y resaltar la marca de una manera encantadora; pero solo cuando coincida con la personalidad de la marca y la atmósfera del sitio. Cuando un diseñador logra un equilibrio al incorporar una copia con un tipo decorativo adecuado, la experiencia es mejor. Aquí están algunos ejemplos:
En el Hawk & Hen ejemplo a continuación, la fuente decorativa ayuda a establecer un estilo peculiar y único para esta cocina / bar.
UN tipo de letra personalizado en Squarespace's Sleeping Tapes establece un estado de ánimo adecuado para la experiencia.
La tipografía lúdica en HeadOfffice establece una atmósfera energética.
El tipo de letra moderno y original utilizado en el Maaemo la página de inicio crea una atmósfera misteriosa.
Probablemente hayas notado que todos los ejemplos anteriores tienen algo en común: el tipo de letra decorativo se usa junto con un diseño simple y mínimo. Esto no es una coincidencia El hecho es que la tipografía decorativa es interesante por sí misma. Por lo tanto, si va a utilizar el tipo decorativo en su página de inicio, para concentrar la atención del usuario en un solo elemento, es mejor usar un diseño simple.
4. Letras
El tipo dibujado a mano ha sido parte del diseño web desde hace mucho tiempo. A veces se escanean letras reales, pero en muchos casos, se trata de un tipo de letra hecha para dibujarse a mano. Las fuentes de escritura y las letras agregan un toque elegante a cualquier diseño cuando se hace bien. El texto dibujado a mano es único, ya que es capaz de transmitir mensajes sobre la organización detrás de él. Echa un vistazo a Grano y mortero y Femme Fatale ejemplos a continuación. Las raíces artísticas de estas agencias de diseño brillan en su diseño de página de inicio.
Los elementos dibujados a mano son una excelente manera de humanizar una marca.
Solo asegúrate de que, si la legibilidad es el objetivo final, el mensaje no se pierda en la belleza. Para evitar problemas potenciales, trate de limitar el uso de fuentes dibujadas a mano a títulos grandes superpuestos en imágenes y use otra fuente para la copia normal.
5. Elementos sobrepuestos superpuestos
Una de las mejores maneras de hacer notar el texto es superponiéndolo sobre otros elementos (como imágenes u otros objetos gráficos). Normalmente, las fuentes elegidas para superponerse tienen en cuenta otras texturas, patrones y obras de arte que van a estar presentes en el diseño:
Puede extender texto más allá de su sección en otros.
Tener la mitad de las palabras "sangrar" sobre una imagen.
O incluso romper las reglas y dar importancia a la imagen principal y esconder las palabras detrás de ella.
Las dos consideraciones importantes con esta técnica son el contraste y la legibilidad . Debe probar su diseño para asegurarse de que se cumplan ambos requisitos y que el sitio tenga una buena experiencia de usuario.