Tendencia: encabezados flotantes en páginas webs

Tendencia: encabezados flotantes en páginas webs

Hoy vamos a echar un vistazo a una tendencia que probablemente ya has notado, los sitios web que utilizan encabezados y menús con posición fija o flotantes. Cuando un visitantes desplaza la página web hacia abajo el encabezado permanecerá a la vista en la parte superior del navegador en lugar de moverse fuera de nuestra vista en la pantalla. La cabecera fija puede ayudar a hacer más fácil para los visitantes navegar a través de un sitio web, ya que pueden acceder rápidamente al menú de navegación en lugar de tener que desplazarse de nuevo a la parte superior de la página.

Aquí vamos a mostrar 25 sitios web diferentes que están haciendo uso de encabezados fijos o flotantes. Las capturas de pantalla muestran los encabezados que aparecen después de desplazarse hacia abajo. Visita cualquiera de los sitios de ejemplo para verlos en acción. Esta tendencia la hemos adoptado en nuestro último rediseño de nuestra propia página web.

Pixel2HTML

sticky-nav-1

De Vetpan

sticky-nav-2

 

Kerem Suer

sticky-nav-3

 

Tweed Barbers

sticky-nav-4

 

Sweez

sticky-nav-5

 

Loft City Church

sticky-nav-6

 

Carrera

sticky-nav-7

 

Nosh

sticky-nav-8

 

Digitalworx

sticky-nav-9

 

Jumpbox Design

sticky-nav-10

 

With

sticky-nav-11

 

I Shot Him

sticky-nav-12

 

Seed Spot

sticky-nav-13

 

Grain and Mortar

sticky-nav-14

 

Manos

sticky-nav-15

 

Daniel Filler

sticky-nav-16

 

Heathlife

sticky-nav-17

 

Nic Brunson

sticky-nav-18

 

Norther Pixels

sticky-nav-19

 

Switch

sticky-nav-20

 

Milk & Pixels

sticky-nav-21

 

Teamgeek

sticky-nav-22

 

Grooveshark

sticky-nav-23

 

Tony Headrick

sticky-nav-24

 

Studio NEC

sticky-nav-25
Entrada traducida de Vandelay Design.

Sobre Ricardo García

Co-fundador de G2 y jefe de equipo de desarrollo Web. Consultor de entorno web, tecnologías en internet y estrategias web. Esperto en Marketing online y Social Media y desarrollo de aplicaciones Web, Community manager, posicionamiento Web. Conecta conmigo en Google+

Los comentarios están cerrados.