Una galería que solo hace barras de navegación
La barra de navegación es el componente que más fácil se despacha: logo a la izquierda, menú a la derecha y a otra cosa. Navbar Gallery va por el camino contrario: solo recoge navbars, hace una única cosa y la hace bien, poner juntas las que están resueltas con criterio para que elijas.
Ahora mismo indexa cientos de implementaciones de navegación de sitios reales, con navegación paginada, y cada entrada conserva el enlace al sitio original: al entrar ves la interacción real en funcionamiento, no una maqueta.
Cómo se clasifica
Se organiza por tipo de estructura, algo que encaja bastante con el criterio real a la hora de elegir:
- Static / Sticky: navegación fija arriba, sin desplegables
- Dropdown / Flyout: submenús que cuelgan del elemento padre
- Mega Menu: menús desplegables de varias columnas y mucha superficie, útiles en sitios con muchas categorías
- Side Bar: navegación vertical en el lateral
- Search Bar: el buscador como elemento principal de la navegación
- Announcement Bar: barra fina en la parte superior, habitual para promociones o avisos de versión
- Full Screen Menu: menú a pantalla completa, a menudo con elementos gráficos
- Breadcrumbs: navegación de migas de pan para mostrar la jerarquía
Cómo sacarle partido
Más que una herramienta, es un manual de referencia para decidir. Cuando llega un proyecto nuevo y toca definir la estructura de navegación, filtra por tipo y mira cómo resuelven los sitios parecidos el plegado en móvil, dónde colocan el CTA o cómo cambian de color al hacer scroll: es mucho más rápido que probar a ciegas. También reduce el coste de comunicación en la fase de diseño, porque mandar un enlace explica la idea mucho mejor que describirla.
El sitio está patrocinado por Mobbin y ofrece además envío de propuestas y suscripción por correo.
