Necesitas unha imaxe de heroe? Quizais a tipografía sexa suficiente

O concepto de referencia cando se trata da área do heroe do deseño dun sitio web é unha imaxe ou un vídeo con texto e unha chamada á acción. Pero non todos os deseños teñen elementos visuais de alta calidade para que este estilo de imaxe de heroe funcione.

Pregúntase: realmente necesitas unha imaxe de heroe?

Para algúns proxectos de sitios web, a resposta é non. Podes deseñar unha área de heroes estelares para un sitio web cunha gran tipografía e algúns pequenos detalles. Vexamos como facelo e algúns exemplos que simplemente nos encantan.

Explora Envato Elements

Beneficios dunha imaxe de heroe

Os principais beneficios de usar unha imaxe ou un vídeo de heroe para un sitio web son a de chamar a atención natureza do elemento visual e da información que transmite. Unha imaxe pode dicir moito sobre o teu sitio web ou proxecto e de que trata o contido.

As imaxes son unha parte vital da narración e sería difícil crear un deseño completo sen elas. Aínda que estamos pensando en deseñar unha cabeceira de heroe sen imaxe aquí, é importante ter en conta que estes sitios web raramente están completamente sen imaxes.

Os humanos, na súa maior parte, son visuais innatamente. Adquirimos comprensión ao ver as cousas. É por iso que as imaxes dos heroes son tan populares.

Os beneficios dunha imaxe de heroe tamén inclúen:

• Mostra un produto ou servizo
• Conecta visualmente aos visitantes do sitio web consobre o que fas ou tes
• Crea unha sensación de desexo ou necesidade do que hai na imaxe
• Finaliza o foco visual da pantalla a outros elementos como texto ou chamadas á acción
• Ofrece aos usuarios algo co que interactuar e permanecer máis tempo na pantalla

Beneficios dun heroe baseado na tipografía

O principal beneficio dun héroe baseado na tipografía A área de cabeceira do heroe é que comunica algo claramente. As palabras, especialmente cunha gran lexibilidade e lexibilidade, son a forma principal de comunicar información desde a pantalla a un visitante do sitio web.

Podes usar a tipografía para dicir aos usuarios exactamente o que queres que saiban.

Outros beneficios dunha zona de heroes baseada na tipografía inclúen:

• Enfoque claro e comprensión do deseño
• Potencialmente máis espazo para as palabras
• Páxina de inicio visualmente perturbadora que chamará a atención porque é diferente
• Funciona en calquera tamaño de pantalla sen ter que pensar en diferentes recortes
• Pode fluír ben con outros elementos de deseño, como pequenas animacións, son ou cor en negrita

5 razóns polas que a tipografía pode ser mellor

A decisión de utilizar unha área de heroe baseada na tipografía para o deseño do teu sitio web non debe tomarse nun capricho ou porque non che gusta unha foto. Debería ter unha intención intencionada como calquera outro elemento de deseño que elixas.

Ademais de non ter a imaxe correcta, por que usarías unha tipografía?heroe baseado?

• Un tipo de letra interesante está máis acorde co teu produto ou negocio que cunha imaxe. Comunica unha historia máis consistente.
• Tes moito que dicir e que facer énfase nas palabras. Comunica unha mensaxe máis directa.
• A tipografía está aliñada co que fas. Comunica unha habilidade ou técnica que é aplicable ao teu sitio web.
• Podes usalo para crear capas de profundidade e información ou para establecer relacións espaciais. Pode comunicar un sentimento que coincida coas palabras.
• As imaxes ou vídeos parecen caer e crear unha desconexión cos visitantes do sitio web. Comunica claridade e visión.

Proba tipos de letra interesantes

Cando se trata de áreas de heroes cun forte enfoque tipográfico, hai dúas escolas de pensamento:

• Sé sinxelo.
• Proba cunha tipografía interesante ou incluso experimental.

Ambas son correctas e incluso podes probalas xuntos.

Cando usas tipografías moi visuais ou interesantes, teñen un significado innato incorporado neles. Poden facer que os usuarios pensen ou se sintan dun xeito determinado. Tamén poden crear confusión se as palabras son demasiado difíciles de ler.

Entón, hai un punto medio distinto que case todos os heroes exitosos só de tipografía equilibran. E é difícil de definir ata que o ves –e o lees. Con sorte, os exemplos aquí danche unha idea de como se ve.

5Exemplos que amamos

MKTLM

Unha combinación dun simple san serif e un guión delineado fai que vexas as palabras na pantalla aquí. O fondo mínimo reúne todo, así como elementos animados simples.

Función e amp; Formulario

Función e amp; Form usa varias capas de texto para crear unha área de heroe abraiante que parece sinxela pero que é bastante complexa. Hai elementos de moda en todas partes (o círculo xiratorio, un tipo de letra serif, bloques de copia pesada) e todo se xunta dun xeito que é fácil de ler e comprender mentres se ve xenial.

Near North Studio

Non hai nada por si só que che faga deterse no deseño de Near North Studio, pero cando xuntas todos os elementos, o deseño baseado na tipografía é rechamante. O desprazamento animado con tres niveis de velocidade do texto chama a atención.

Liferay.Design

A combinación de sinxeleza e detalles sutís no fondo é o que leva este deseño baseado en tipografía ao seguinte nivel. "Informe anual" ten unha tipografía e un estilo inesperados e a simple frecha animada fai que queiras máis.

ReadyMag

O deseño de Readymag pode ser o máis sinxelo na súa faceta, pero o fondo que cambia de cor manténche mirando o deseño. É entón cando te das conta dos interesantes divots e formas da tipografía que tamén inclúe un estilo de esquema. OO peso das palabras realmente te atrae para descubrir o que segue.

Conclusión

Agora busca un tipo de letra fabuloso e comeza cunha cabeceira estelar que inclúe tipografía. Non esquezas engadir algúns extras sutís, como movemento ou cor, para crear máis foco e interese visual.

E edite, edite e edite de novo. Nada é máis importante que unha copia forte cando o teu único elemento visual son as palabras.