Un espacio para los entusiastas del web

Headers creativos, dinámicos y accesibles

Publicado el 28 de Noviembre, 2008

El header es uno de los aspectos más importantes de un sitio o blog, el usuario lo utiliza para conocer a primera vista las opciones de navegación del sitio, te presento algunas opciones que te pueden servir de inspiración para crear un header creativo, dinámico y accesible para tus usuarios.

Los simples y directos

Esta es una pequeña lista de headers simples y directos que muestran de forma minimalista la navegación de sus secciones a través del header. No existe una fórmula específica para diseñar headers, pero sin duda la accesibilidad y claridad siempre serán aspectos que los usuarios agradecerán. Algunos también pueden tener un poco más de elementos, pero ser simples.

  • Alex Dukal: el menú de opciones como header es simple, contempla el nombre del creador y sus 5 opciones de navegación.
  • Luis Alarcón: en su sitio, Luis diseño un header llamativo, pero con un pequeño menú de 4 opciones que le ayudan al usuario para navegar.
  • Luis Alarcón

  • Divito Design: un diseño a dos colores con uso de mucho texto y un extenso menú.
  • Divito Design

  • Leigerber: con un logo, descripción, menú dinámico de navegación y una caja de búsqueda en una solo línea.
  • Leigeber

Algunos con mucho diseño

Una de las cosas que me gustan de los headers de diseñadores extrovertidos es que se atreven a cargarlos con geniales diseños que muestran mucho color, dinamismo e impactan desde el inicio. Claro no hay que olvida que es importante que el hearder también entre en armonía con el resto del diseño.

  • Design Shard: un header con más diseño, menú de navegación e iconos para definir el perfil del autor.
  • Design Shard

  • Web Designer Depot: con un diseño muy colorido y dinámico, este sitio nos muestra un gran diseño en su header, aunque sin menú.
  • Web Designer Depot

  • Dawghouse: un header que se integra a todos los elementos del diseño, cumple su función y se presenta diferente.
  • Dawhouse

  • Reservoirbuzz: este diseño habla por si mismo, su menú es atrevido, dinámico y codificado.
  • Web Reservoir Buzz

El header y los elementos en armonía

No olvides que todos los elementos en un sitio son importantes, la estructura, el CSS, la usabilidad, la accesibilidad, el footer, el menú, la sindicación, opciones de suscripción y el header dentro de todos ellos ocupa uno de los primeros lugares, porque es lo primero que verán los usuarios.

No existe una forma correcta que te indique al 100% que estas utilizando el mejor diseño, pero es importante que tomes en cuenta algunas opciones y alternativas ya creadas para inspirarte. No te olvides que también eres usuario y de los sitios que visitas, debes preguntarte cuáles hacen que tu visita sea agradable a partir del header y toma ejemplo.

Otros artículos relacionados

Califica esta nota:

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (2 votos, promedio: 3.00 de 5)
Loading ... Loading ...

Comentarios

  1. Hugo

    Encuentro más eficientes los encabezados simples pensados para el usuario, he visto algunos sitios que hacen algo un poco más elaborado solamente para la portada y también es una buena opción para no obligar al visitante a cargar un gran header por cada página.

    Saludos!


  2. Yo creo que la clave esta en hacer algo bonito pero que no sea excesivamente recargado para no despistar al usuario, me gustan el primero, segundo y cuarto

    Saludos


  3. Yo personalmente apuesto por una textura y un logo chulo, así como el logo de RSS (Que personalmente me gustaba bastante).


  4. Bueno, teniendo en cuenta que las velocidades de internet han mejorado, y que con menos peso, la calidad se ha mejorado tambien. No creo que sea tan mala idea los header con más diseño. Ya que al usuario general, les atrae más


  5. Mmm hay de todo, me parecen bien los headers funcionales. Los headers gráficos tan altos como es la tendencia ahora se ven bien, pero le roban mucho espacio a la pantalla para desplegar el contenido. Qué tal un header interactivo? uno alto (grande) la primera vez (vía cookie) y los siguientes servirlos como una versión escalada? menor?


Deja tu Comentario

Maestros del Web se reserva el derecho de moderación de los comentarios. Evita utilizar palabras soeces, ataques directos, descalificativos, insultos, de lo contrario tu comentario será eliminado.


Sobre el Autor

Stephanie Falla Aroche

Stephanie Falla Aroche
Editora del sitio de Maestros del Web.

Más artículos de Stephanie Falla Aroche

Las Notas en tu correo


Acerca de

Maestros del Web nace cuando intentamos traducir Webmaster al Español. Nacimos orientados al diseño y desarrollo web. Hoy somos un espacio de apoyo para los entusiastas que participan en proyectos en la red.
Leer más de Maestros del Web