¿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

A menos que alguien haya encontrado tu sitio web a través de un blog compartido en redes sociales o un enlace de otro sitio web, lo más probable es que llegue a través de la página de inicio. Y lo primero que verá, casi con toda seguridad, será 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 Tu encabezado puede ser único para tu marca, pero sus elementos no deberían serlo. Los visitantes esperan comprender lo que un sitio web les ofrece sin tener que desplazarse. En esencia, tu encabezado debe ser una historia de 10 segundos que aporte valor a tus 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 encabezados

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, el resto del documento no necesariamente dirá más..

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

Si tiene dificultades para 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 encabezado 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 como ejemplo el sitio web de Cleverbird Creative. Utiliza una imagen impactante y única, superpuesta con un texto sencillo, para dar la bienvenida a los visitantes. Lo que ven aquí es inconfundible: una simplificación impecable.

2. Control deslizante de imágenes

Creo que hubo una época, no hace mucho, en que muchos considerábamos el control deslizante un elemento de diseño viable. Por lo tanto, muchos diseñadores hicieron un excelente 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. Uso de la animación de paralaje

El desplazamiento por paralaje sigue creciendo rápidamente, y el encabezado ha demostrado ser el lugar ideal para mostrar este tipo de efecto visual de "ilusión" en el diseño web. Sin embargo, lo que se ve más recientemente es que el diseñador... 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 en el encabezado de la página de inicio. El del sitio web "28" crea un ambiente excelente para el sitio web del restaurante, mostrando videos de la fachada y la parte trasera del establecimiento.

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

5. Navegación oculta

Si bien se podría argumentar que el menú hamburguesa pertenece a sitios web que se ven en dispositivos móviles (como se pretendía originalmente), cabe mencionar que muchos sitios web lo utilizan con frecuencia para una navegación minimalista. El sitio web de +rehabstudio es un buen ejemplo de ello. Al entrar, la navegación es visible; la atención se centra inmediatamente en las atractivas imágenes con el símbolo más... y luego te das cuenta de que hay pequeños elementos animados a su alrededor.

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

Eso es todo sobre estas diferentes fuentes de inspiración. ¿Qué opinas?

Descubre también algunos complementos premium de WordPress

Puede usar otros complementos de WordPress para darle un aspecto moderno y optimizar el agarre de su 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 permitirá para mejorar tu sitio de WordPress Al ofrecer a los usuarios la posibilidad de publicar anuncios urgentes o importantes en su sitio web, esta extensión será ideal para sitios web de revistas.

Sus características principales incluyen:

Tipos de desplazamiento 3 clasificado, soporte para 3 espacios de colocación de anuncios, la capacidad de ocultar o mostrar la imagen destacada, personalización de fuentes de anuncios, un diseño totalmente personalizable y responsivo, Soporte multilingüeEtc. ...

Descargar | Demo | alojamiento web

2. Smush It

WP Smush es un popular plugin de compresión de imágenes para WordPress. Comprime las imágenes automáticamente al subirlas y también puede usarse para comprimir y optimizar imágenes existentes.

También puedes establecer una resolución máxima de imagen, y tus imágenes se reducirán a tamaños más razonables al comprimirse. La versión gratuita de este complemento no requiere... crear una cuenta utilizar el servidor de compresión del editor.

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

La función de optimización masiva también le permitirá optimizar hasta 50 imágenes a la vez, y puede volver a ejecutar el optimizador masivo para comprimir más imágenes.

Descargar | Demo | alojamiento web

3. FAQPlus

FAQPlus es, sin duda, uno de los plugins premium de preguntas frecuentes para WordPress con más funciones de esta lista. Su nivel de personalizació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

Descubra otros recursos recomendados que le ayudarán a crear y administrar su sitio web.

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 truco con tus amigos en tus redes sociales. Pero, mientras tanto, cuéntenos sobre su comentarios y sugerencias en la sección dedicada.

...

Inspiración: 5 encabezados para tu diseño web