¿Le gustaría encontrar los mejores encabezados para inspirar su diseño?

En el pasado, un "encabezado" en el diseño web generalmente se refería a la franja siempre presente en la parte superior de los sitios web que contiene el logotipo, la barra de navegación y quizás alguna información de contacto y la barra de búsqueda. Hoy en día, un "encabezado" se refiere más a menudo a todo el espacio sobre la página de inicio.

Mejora la calidad de tus páginas descubriendo Cómo mejorar las páginas de blogs pobres

À moins que quelqu'un ait trouvé votre site web grâce à un blog de partage sur les médias sociaux ou d'un renvoi sur un autre site web , il y a de fortes chances qu'ils y par le biais de la page d' bienvenida. Y lo primero que definitivamente verán es tu encabezado.

Al diseñar un sitio web para satisfacer las expectativas de los visitantes y mejorar la comodidad al hacer que la experiencia sea un poco más predecible, puede efectivamente mejorar las tasas de clics y conversiones.

Ahora, piense en este espacio de encabezado en esta página de inicio.

La mayoría de las personas confían en las páginas de inicio para darles una visión general de lo que una empresa o sitio web puede hacer, lo que significa que no puede desperdiciar esta oportunidad para cumplir esa expectativa. Claro, diseño de encabezado de página de inicio puede ser exclusivo de su marca, pero los elementos que se encuentran allí no deberían serlo. Los visitantes esperan que el desplazamiento no sea necesario para saber qué hará un sitio web por ellos. Esencialmente, su encabezado debe ser una historia de 10 segundos que demuestre ser de valor para sus visitantes.

Entonces, ¿qué vas a hacer con este espacio para captar el interés de tus visitantes?

Hablaremos sobre algunas tendencias en el diseño de encabezados 2017, cómo hacer uso de esta propiedad inmobiliaria altamente visible y veamos algunos ejemplos interesantes de encabezados.

5 tendencias de encabezado

No es como si sus visitantes no fueran conscientes de su capacidad para desplazarse hacia abajo en una página o hacer clic en una navegación para obtener más información sobre su sitio web. Pero, ¿por qué deberían verse obligados a hacer esto? Hay suficiente espacio en el encabezado para mostrar el mensaje corto que les dice lo que deben saber. Y si 50 palabras o menos no son suficientes, no es necesariamente el resto del documento el que diga más.

En primer lugar, el encabezado de la página de inicio puede hacer o deshacer las primeras impresiones de sus visitantes.

Si está luchando por encontrar una manera de presentar su sitio web en esta ubicación, tal vez encuentre inspiración en las siguientes tendencias de diseño de encabezados de 2017:

1. Imagen de héroe de gran tamaño

Gracias al estilo modular del diseño web para ser receptivo, la mayoría de los diseños ahora se dividen en secciones y bloques separados. Este estilo de diseño se combina bien con las imágenes de ancho completo que pueblan muchos sitios web.

Ver tambien Cómo crear un ancho de página completa en WordPress

Tomemos, por ejemplo, el sitio web de Cleverbird Creative. Utiliza una imagen singular y llamativa superpuesta con texto sencillo para dar la bienvenida a los visitantes. No hay errores en lo que ven aquí: simplificado en belleza.

2. Control deslizante de imagen

Creo que hubo un momento, no muy lejano en el pasado, cuando muchos de nosotros veíamos el control deslizante como una parte viable del diseño. Muchos diseñadores han hecho un gran trabajo en usándolos en los encabezados.

Hay imágenes deslizantes que se desplazan automáticamente con imágenes de alta resolución y otras que piden a los visitantes que tomen el control de esta experiencia ellos mismos.

3. Usar animación de paralaje

El desplazamiento de Parallax sigue creciendo con fuerza y ​​el encabezado ha demostrado ser el lugar perfecto para mostrar este tipo de "ilusión" visual en el diseño web. Lo que verá más recientemente, sin embargo, es el diseñador dando un efecto de paralaje para desplazar un borde transitorio, probablemente para sorprender a los visitantes con el resultado inesperado.

4. Fondo de video

Los fondos de video son otra tendencia reciente que funciona mejor cuando se aplica al encabezado de la página de inicio. El del sitio web "28" hace un gran trabajo al crear el ambiente para el sitio web del restaurante, mostrando videos de la parte delantera y trasera del restaurante.

Ver también: La adición de fondos de vídeo en WordPress: pros y contras

5. Navegación oculta

Aunque se puede argumentar que el menú hamburguesa pertenece a los sitios web leídos en dispositivos móviles (como estaba previsto inicialmente), hay que decir sin embargo que en el contexto de la navegación minimalista varios sitios web lo utilizan con frecuencia. El sitio web rehabstudio es un buen ejemplo de esto. Cuando vuelve a entrar, la navegación puede ser visible, su atención inmediata se centra en las emocionantes imágenes con el símbolo más ... y luego se da cuenta de que hay pequeños toques de animación a su alrededor.

Lea también: Cómo añadir estilo a sus menús de navegación

Eso es todo por estas diferentes fuentes de inspiración. Qué piensas ?

Descubre también algunos complementos premium de WordPress  

Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.

Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.

1. Diseño de publicación: News Ticker

Este complemento premium de WordPress de Visual Composer permettra mejorar su sitio de WordPress ofreciéndole la posibilidad de realizar anuncios urgentes o importantes en su sitio web. Esta es una extensión que sin duda será ideal para sitios web de revistas.

Sus características principales incluyen: 

Tipos de desplazamiento 3 clasificado, soporte para 3 ubicaciones donde puede colocar sus anuncios, la capacidad de ocultar o mostrar la imagen destacada, personalización de las fuentes de anuncios, un diseño totalmente personalizable y receptivo, Soporte multilingüe, etc ...

Descargar | Demo | alojamiento web

2. Smush It

WP Smush es un Plugin de WordPress Compresión de imagen popular. Comprime imágenes automáticamente cuando se cargan y también se puede usar para comprimir y optimizar imágenes ya existentes. 

También podrá establecer una resolución de imagen máxima y sus imágenes se reducirán a tamaños más razonables mientras se comprimen. La versión gratuita de este complemento no requiere que crear una cuenta para utilizar el servidor de compresión del editor. 

No dude en consultar el Los complementos de 7 WordPress para optimizar el SEO de imágenes en su sitio web

La función Bulk Optimizer también le permitirá optimizar hasta 50 imágenes a la vez, y puede volver a ejecutar Bulk Optimizer para comprimir más imágenes.

Descargar | Demo | alojamiento web

3. FAQPlus

FAQPlus es seguramente uno de los plugins de WordPress Preguntas frecuentes premium, que en términos de funcionalidad es la mejor proporcionada en esta lista. La cantidad de personalizaciones que pone a tu disposición es impresionante.

Entre sus características encontrarás que es compatible el complemento Visual Composer. Es totalmente sensible y compatible con varios navegadores. Ofrece diferentes tipos de preguntas frecuentes, en particular: preguntas frecuentes en formato de pregunta y respuesta.

Descargar | Demo | alojamiento web

Recursos recomendados

Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.

• 10 temas de WordPress multipropósito para crear cualquier sitio web
• Complementos 9 Easy Digital Downloads para administrar descargas digitales
• Cómo mantener a tus visitantes más tiempo en tu sitio web
• Cómo optimizar sus imágenes y mejorar su SEO

Conclusión

Listo ! Eso es todo por este tutorial, espero que te permita personalizar tu diseño web inspirándote en estos 5 encabezados.

Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.

no dude en comparte el consejo con tus amigos en tus redes sociales. Pero, mientras tanto, cuéntenos sobre su comentarios y sugerencias en la sección dedicada.

...