Algunos dicen que el diseño web se ha vuelto aburrido. Las tendencias actuales y las técnicas de alto nivel establecen las reglas para las creatividades, jugando un truco de bajo nivel en la comunidad. Todos quieren estar en la corriente principal y lanzar productos que se vuelven virales; significa que es probable que un millón de interfaces tengan las mismas características.

Por supuesto, el contenido puede salvar el día. Aún así, la verdad es que muchas de esas interfaces van a tener el mismo aspecto.

Desde hace varios años, el icono del menú de hamburguesas ejecuta el programa. Es difícil llamarlo una "locura" en estos días; es excesivamente usado descuidadamente, y se siente como un elemento imprescindible para las interfaces receptivas. Sin duda tiene beneficios: es práctico, compacto e intuitivo ... pero aún así, es aburrido.

Quiero decir, son solo tres líneas las que se sientan en la esquina superior derecha o izquierda, y eso es todo: un glifo primitivo que llama a la acción. Hay varias opciones en el mundo salvaje hoy en día. Sirven a la función principal de la navegación y, al mismo tiempo, se ven diferentes, tratando de no sentirse aburridos. Algunos de ellos son un soplo de aire fresco, mientras que otros simplemente son viejas soluciones olvidadas que fueron renovadas.

1. Navegación con letras verticales

Las letras verticales son una tendencia nueva en estos días. Se ve cada vez más fresco y, naturalmente, se destaca del contenido habitual orientado horizontalmente. Además, requiere menos espacio: solo una línea estrecha. No obstante, es visualmente pesado ya que se estira casi a la altura de la pantalla. Compacta, informativa y divertida: una solución ideal para diseños contemporáneos.

Sesiones de realidad virtual nos trae a casa cómo implementar este tipo de navegación con éxito. El equipo ha cambiado su navegación 90 grados, y lo colocó en un panel dedicado junto con el logotipo. Agradable e ingenioso.

1-vr-sessions

Al principio, el Interiores del río Snake el sitio web presenta una barra de navegación banal en el encabezado; sin embargo, cuando comienzas a desplazarte hacia abajo, se transforma suavemente en el menú con una tipografía vertical que se pega al lado izquierdo y sigue a los visitantes. Ciertamente hace el truco aquí.

2-serpiente-río-interior

2. Menú disperso por el perímetro de la pantalla

No es una solución ampliamente utilizada y, por lo general, requiere un entorno adecuado, como un diseño centrado con canales perceptibles alrededor de la estructura; sin embargo, es una buena manera de darle un poco de entusiasmo a su navegación. Previsiblemente, puede pensar que este concepto es ideal solo para sitios web pequeños que no tienen más de cuatro directorios internos, ya que solo hay cuatro esquinas. Bueno, eso no es exactamente correcto. Echa un vistazo a la página principal de Orgulloso y Punch .

3-orgulloso-y-golpe

Cada esquina está reservada para su información: logotipo, redes sociales, ícono de menú y acceso rápido a la sección 'sobre'. El equipo ha identificado hábilmente sus prioridades, y mantuvo todo ordenado y simple; mientras que el equipo detrás del Kygo Life no se limitó en absoluto, utilizando el espacio libre de la manera más efectiva posible. La página de inicio presenta muchas cosas que se encuentran en el borde de la página: CTA, indicadores de navegación, redes sociales, logotipo y algunas otras cosas, lo que resulta en un diseño ingenioso.

4-kygo-vida

3. Menú deslizable ultra estrecho

Las barras laterales hacen una devolución. No es dramático, pero aún es bastante perceptible. Son más suaves, más delgados, más compactos y más elegantes que antes. De hecho, es solo una columna ultra angosta que alberga varios elementos: logotipo, icono de menú y dependiendo de las preferencias del artista puede ser iconos sociales, enlace a la cartera o paginación estándar basada en iconos del control deslizante de héroe. Por lo general, se encuentra en el lado izquierdo y se integra perfectamente. En cuanto al comportamiento, en la mayoría de los casos, simplemente se desliza revelando todos los elementos ocultos como en las aplicaciones móviles.

La cartera personal de Maison Ullens presenta uno de estos. La página de inicio está dividida en dos partes desiguales. El primero es una barra lateral con el logotipo y el enlace al menú y el segundo es el área de contenido principal. La solución dirige naturalmente la atención hacia el área de "bienvenida" y al mismo tiempo establece discretamente un punto focal.

5-maison-ullens

4. Elevado menú vertical

Usted podría decir: "Eso es historia antigua". Al igual que un menú horizontal, la navegación vertical parece ser banal y trivial. Sin embargo, en la era del botón de menú de hamburguesas, también se ve como una locura. Se puede usar tanto contra el color sólido como contra fondos transparentes. Se puede colocar en cualquier lugar; pero, por regla general, está emparejado con el logotipo.

Por ejemplo, Linmark ; el equipo utiliza una navegación vertical tradicional que se organiza cuidadosamente en el lado derecho de la pantalla. Comienza con el logotipo basado en tipo y finaliza con el conjunto de enlaces de redes sociales presentados como iconos. El lado derecho de cada diapositiva está blanqueado intencionalmente para que el componente obtenga el contraste necesario para alcanzar la legibilidad óptima. La solución se siente inusual.

6-linmark

Tvihorf da la bienvenida a los visitantes en línea con el menú activado que se presenta como una navegación vertical convencional donde las opciones se organizan cuidadosamente línea por línea. Ocupa la posición de liderazgo, pero no dominante. Como es de esperar, ubicado en el corazón de la página, de forma predecible llama la atención desde los primeros segundos. Se ve limpio, nítido y sutil, que combina perfectamente con el logotipo y la atmósfera predominante de negocios.

7-tvihorf

Conclusión

Como dice el refrán, los pequeños detalles hacen una gran diferencia; y un elemento tan común del diseño del sitio web como el menú es capaz de enriquecer la estética general, agregar algunos giros agradables a la estructura y mejorar la experiencia del usuario cuando se destaca de la multitud. Estos cuatro tipos de navegación pueden no impresionar a sus visitantes con su comportamiento dinámico increíble, ni su realización compleja.

Se sentirán únicos, refrescantes y originales.