¿Necesita una imagen principal? Tal vez baste con la tipografía

El concepto por excelencia cuando se trata de la zona principal de un sitio web es una imagen o un vídeo con texto y una llamada a la acción. Pero no todos los diseños tienen elementos visuales de alta calidad para que este estilo de imagen principal funcione.

Esto nos lleva a preguntarnos si realmente necesitamos una imagen de héroe.

Para algunos proyectos web, la respuesta es no. Se puede diseñar un área hero estelar para un sitio web con una gran tipografía y algunos pequeños detalles. Veamos cómo hacerlo y algunos ejemplos que sencillamente nos encantan.

Explorar Envato Elements

Ventajas de una imagen de héroe

Las principales ventajas de utilizar una imagen principal o un vídeo en un sitio web son la naturaleza del elemento visual y la información que transmite. Una imagen puede decir mucho sobre su sitio web o proyecto y sobre el contenido.

Las imágenes son una parte vital de la narración y sería difícil crear un diseño completo sin ellas. Aunque aquí estamos pensando en diseñar una cabecera hero sin imagen, es importante tener en cuenta que estos sitios web rara vez carecen por completo de imágenes.

Los seres humanos, en su mayoría, somos innatamente visuales. Comprendemos las cosas viéndolas. Por eso son tan populares las imágenes de héroes.

Los beneficios de una imagen heroica también incluyen:

• Muestra un producto o servicio
• Conecta visualmente a los visitantes de su sitio web con lo que usted hace o hace.
• Crea una sensación de deseo o necesidad de lo que aparece en la imagen.
• Dirige la atención visual de la pantalla hacia otros elementos, como el texto o las llamadas a la acción.
• Ofrece a los usuarios algo con lo que interactuar y permanecer más tiempo en la pantalla.

Ventajas de un héroe basado en la tipografía

La principal ventaja de una zona de cabecera hero basada en la tipografía es que comunica algo con claridad. Las palabras, sobre todo con una gran legibilidad, son la principal forma de comunicar información desde la pantalla al visitante de un sitio web.

Puede utilizar la tipografía para decir a los usuarios exactamente lo que quiere que sepan.

Otras ventajas de un área principal basada en la tipografía son:

• Enfoque y comprensión claros del diseño
• Potencialmente más espacio para las palabras
• Página de inicio visualmente disruptiva que llamará la atención por ser diferente
• Funciona en cualquier tamaño de pantalla sin tener que pensar en diferentes cultivos
• Puede combinarse bien con otros elementos de diseño, como pequeñas animaciones, sonido o colores vivos.

5 razones por las que la tipografía puede ser lo mejor

La decisión de utilizar un área principal basada en la tipografía para el diseño de su sitio web no debe tomarse por capricho o porque no le guste una foto, sino que debe tener una intención, al igual que cualquier otro elemento de diseño que elija.

Así que, aparte de no tener la imagen adecuada, ¿por qué utilizar un héroe basado en la tipografía?

• Un tipo de letra interesante es más acorde con su producto o negocio que una imagen. Comunica una historia más coherente.
• Tiene mucho que decir y qué poner énfasis en las palabras. Comunica un mensaje más directo.
• La tipografía está alineada con lo que haces. Comunica una habilidad o técnica que es aplicable a tu sitio web.
• Puede utilizarse para crear capas de profundidad e información o para establecer relaciones espaciales. Puede comunicar un sentimiento que coincida con las palabras.
• Las imágenes o los vídeos parecen fallar y crean una desconexión con los visitantes del sitio web. Comunica claridad y visión.

Pruebe tipos de letra interesantes

Cuando se trata de áreas de héroes con un fuerte enfoque tipográfico, hay dos escuelas de pensamiento:

• Hazlo sencillo.
• Pruebe con un tipo de letra interesante o incluso experimental.

Ambos son correctos e incluso puedes probarlos juntos.

Cuando se utilizan tipos de letra muy visuales o interesantes, tienen un significado innato. Pueden hacer que los usuarios piensen o se sientan de una determinada manera. También pueden crear confusión si las palabras son demasiado difíciles de leer.

Así que hay un punto intermedio que casi todos los héroes tipográficos de éxito equilibran. Y es difícil de definir hasta que lo ves -y lo lees-. Esperemos que los ejemplos de aquí te den una idea de cómo es.

5 ejemplos que nos encantan

MKTLM

La combinación de una sencilla san serif y un guión delineado hace que nos fijemos en las palabras que aparecen en la pantalla. El fondo minimalista lo unifica todo, al igual que los sencillos elementos animados.

Función y forma

Function & Form utiliza varias capas de texto para crear un área principal impresionante que parece sencilla pero es bastante compleja. Hay elementos de moda por todas partes -el círculo giratorio, un tipo de letra con gracias, bloques de texto pesados- y todo se combina de una manera que es fácil de leer y entender a la vez que tiene un aspecto estupendo.

Estudio Near North

No hay nada por sí mismo que haga detenerse en el diseño de Near North Studio, pero cuando se juntan todos los elementos, el diseño basado en la tipografía es impactante. El scroller animado con tres niveles de velocidad de texto llama la atención.

Liferay.Diseño

La combinación de sencillez y detalles sutiles en el fondo es lo que lleva este diseño basado en la tipografía al siguiente nivel. "Informe anual" tiene un tipo de letra y un estilo inesperados y la sencilla flecha animada hace que quieras más.

ReadyMag

El diseño de Readymag puede que sea el más sencillo a primera vista, pero el fondo cambiante de color te mantiene atento al diseño. Es entonces cuando te das cuenta de las interesantes divisiones y formas del tipo de letra, que también incluye un estilo de contorno. El peso de las palabras realmente te atrae para averiguar qué es lo siguiente.

Conclusión

Ahora ve a buscar una fuente fabulosa y ponte en marcha con un encabezado estelar en el que destaque la tipografía. No olvides añadir algunos extras sutiles -como movimiento o color- para crear más foco e interés visual.

Nada es más importante que un buen texto cuando el único elemento visual son las palabras.