4 alternatives fraîches au menu Hamburger
Certains disent que la conception de sites Web est devenue ennuyeuse. Les tendances actuelles et les techniques haut de gamme établissent les règles pour les créatifs, en jouant un tour à la communauté. Tout le monde veut être dans le courant dominant et libérer des produits qui deviennent viraux; cela signifie qu'un million d'interfaces sont susceptibles d'avoir les mêmes fonctionnalités.
Bien sûr, le contenu peut sauver la journée. Pourtant, la vérité est que beaucoup de ces interfaces vont se ressembler.
Depuis plusieurs années, l’icône du menu hamburger lance le spectacle. Il est difficile de l'appeler un "engouement" ces jours-ci; il est excessivement utilisé, et se sent comme un must-have pour les interfaces réactives. Sans aucun doute, il a des avantages: il est pratique, compact et intuitif ... mais c'est ennuyeux.
Je veux dire, ce ne sont que trois lignes qui sont placées dans le coin supérieur gauche ou droit, et c'est un glyphe primitif qui appelle à l'action. Il y a plusieurs options à l'état sauvage aujourd'hui. Ils servent le rôle principal de la navigation et, en même temps, ils semblent différents, essayant de ne pas se sentir ennuyeux. Certains d'entre eux sont une bouffée d'air frais tandis que d'autres ne sont que de vieilles solutions bien oubliées et remaniées.
1. Navigation avec lettrage vertical
Le lettrage vertical est une nouvelle tendance. Il semble de plus en plus frais et se distingue naturellement du contenu orienté horizontalement habituel. De plus, cela prend moins de place: juste une ligne étroite. Néanmoins, il est visuellement lourd car il est étiré presque à la hauteur de l'écran. Compact, informatif et pratique - une solution idéale pour les designs contemporains.
Sessions VR nous apporte à la maison comment implémenter ce type de navigation avec succès. L'équipe a modifié sa navigation à 90 degrés et l'a placée dans un panneau dédié avec le logo. Gentil et ingénieux.
Au début, le Snake River Interiors le site Web comporte une barre de navigation banale dans l'en-tête; Cependant, lorsque vous commencez à défiler vers le bas, il se transforme en douceur dans le menu avec une typographie verticale qui colle au côté gauche et suit les visiteurs. Cela fait certainement l'affaire ici.
2. Menu dispersé sur le périmètre de l'écran
Ce n'est pas une solution largement utilisée, et généralement, elle nécessite un environnement approprié, comme une disposition centrée avec des gouttières perceptibles autour de la structure; néanmoins, c'est un bon moyen de donner de la joie à votre navigation. Comme on pouvait s'y attendre, vous pensez peut-être que ce concept n'est idéal que pour les petits sites Web ne comportant pas plus de quatre répertoires internes, car il n'y a que quatre coins. Eh bien, ce n'est pas exactement correct. Regardez la première page de Fier et coup de poing .
Chaque coin est réservé à son information: logotype, réseaux sociaux, icône de menu et accès rapide à la section 'about'. L’équipe a habilement identifié ses priorités et a tout gardé propre et simple; alors que l'équipe derrière le Kygo Vie ne s’est pas du tout limité, en utilisant l’espace libre aussi efficacement que possible. La page d'accueil contient beaucoup de choses qui se trouvent sur le bord de la page: CTA, indicateurs de navigation, médias sociaux, logotype, et d'autres choses, résultant en un design astucieux.
3. Menu coulissant ultra-étroit
Les barres latérales font un retour. Ce n'est pas dramatique, mais toujours assez perceptible. Ils sont plus lisses, plus fins, plus compacts et plus élégants qu’avant. En fait, ce n’est qu’une colonne ultra-étroite qui contient plusieurs éléments: logo, icône de menu et, selon les préférences de l’artiste, icônes sociales, lien vers un portfolio ou une pagination standard à base de icônes du curseur héros. Habituellement, il est situé sur le côté gauche et parfaitement intégré. Quant au comportement, dans la majorité des cas, il ne fait que glisser et révéler tous les éléments cachés, comme dans les applications mobiles.
Le portfolio personnel de Maison Ullens dispose d'un de ceux-ci. La page d'accueil est divisée en deux parties inégales. Le premier est une barre latérale avec le logo et le lien vers le menu et le second est la zone de contenu principale. La solution attire naturellement l’attention vers la zone «bienvenue» tout en établissant discrètement un point focal.
4. Menu vertical en flèche
Vous pourriez dire: "C'est une histoire ancienne." Tout comme un menu horizontal, la navigation verticale semble être banale et triviale. Cependant, à l'ère du bouton menu hamburger, cela ressemble aussi à un engouement. Il peut être utilisé à la fois contre la couleur unie et les arrière-plans transparents. Il peut être placé n'importe où mais en règle générale, il est associé au logo.
Par exemple, Linmark ; L'équipe utilise une navigation verticale traditionnelle soigneusement disposée sur le côté droit de l'écran. Il commence par le logotype basé sur les types et se termine par l'ensemble des liens de médias sociaux présentés sous forme d'icônes. Le côté droit de chaque diapositive est intentionnellement blanchi afin que le composant obtienne le contraste nécessaire pour atteindre la lisibilité optimale. La solution est inhabituelle.
Tvihorf accueille les visiteurs en ligne avec le menu activé qui est présenté comme une navigation verticale conventionnelle où les options sont soigneusement organisées ligne par ligne. Il occupe la position de leader, mais pas dominant. Comme vous pouvez vous y attendre, situé au cœur de la page, il attire de manière prévisible l'œil dès les premières secondes. Il est soigné, net et subtil, et s’accorde parfaitement avec le logo et l’atmosphère professionnelle.
Conclusion
Comme dit le proverbe, les petits détails font une grande différence. et un élément si commun de la conception du site Web que le menu est capable d’enrichir l’esthétique générale, d’ajouter de jolis rebords à la structure et d’améliorer l’expérience de l’utilisateur quand elle se démarque. Ces quatre types de navigation peuvent ne pas impressionner vos visiteurs avec leur comportement dynamique incroyable, ni leur réalisation complexe.
Ils se sentiront uniques, rafraîchissants et originaux.