Il est facile de s'ennuyer du commun: aspirer à quelque chose d'original et d'unique. C'est pourquoi les zones de héros communes regorgent d'idées excentriques. Son objectif n'est pas seulement d'impressionner, mais aussi de satisfaire le désir de créativité et d'originalité de l'utilisateur.
Cependant, de grandes animations et solutions ne sont pas les seules choses qui peuvent faire l'affaire. Sortir de l'ordinaire avec même les choses les plus triviales peut avoir le même effet. Et les lettres verticales en sont une preuve éclatante. Devenu assez populaire de nos jours, c'est devenu une petite tendance avec quelques as dans le trou.
Nous ne voyons pas beaucoup d'utilisation de l'orientation portrait dans la conception Web. Traditionnellement, c'est un endroit où le rythme horizontal règne sur le poulailler, bien que cela ne signifie pas que tout doit tourner autour de lui. En règle générale, les développeurs s'en tiennent aux modèles traditionnels. Cependant, la diversité et la déviation du flux de lecture habituel peuvent être bénéfiques. De plus, vous n'avez pas besoin de prendre des mesures extrêmes. De petites doses d'orientation verticale sont plus que suffisantes pour produire un impact adéquat.
Archi Graphi
Ici, l'équipe créative a tordu la navigation de base en la faisant pivoter de 90 degrés et en la réfléchissant horizontalement. Vous devriez le lire de bas en haut, c'est assez inhabituel, mais intrigant. En conséquence, l'écran de démarrage est bourdonnant sans toutes ces pièces maîtresses écrasantes. Notez également l'en-tête supérieur – il se sent incroyablement spacieux, et le logo attire l'attention générale en étant visible sans trop d'effort. C'est une approche intelligente.
Lydia Amaruch
Il y a quelques autres exemples exceptionnels où les lettres verticales sont comme la cerise sur le gâteau. Considérez Lydia Amaruch et son portefeuille en ligne.
Comme dans le cas d'Archi Graphi, l'utilisation du rythme vertical est ici épisodique mais bien pensée. Il existe une navigation horizontale simplifiée traditionnelle, mais elle ne comprend que l'essentiel. Tout le reste a été littéralement mis de côté. Ils résonnent avec des rayures verticales à l'arrière, créant une esthétique harmonieuse.
Moi: ha
Moi: Vous avez adopté la même approche. Alors que la navigation principale est cachée derrière le bouton hamburger, les liens vers la page d'accueil et les médias sociaux restent à la surface. Encore une fois, regardez le thème général. Ici, le rythme vertical peut être vu dans divers détails, tels que le curseur divisé en trois panneaux semi-transparents et des symboles allongés. La cohérence marque la conception de ce site Web.
Ivan Ibanez / Gothamsiti
Ivan Ibáñez et l'équipe derrière Gothamsiti nous montrent comment appliquer l'orientation verticale à toute la navigation. Il s'avère utile à utiliser, sans parler de son aspect saisissant. Veuillez noter que ces deux exemples ont des thèmes, des humeurs et des atmosphères différents. Mais, la navigation verticale tient comme un gant dans les deux cas.
Le portfolio personnel d'Ivan Ibáñez a une atmosphère carrée. Il y a des blocs creux, une conception divisée, des lignes ultrafines et beaucoup d'espace blanc. La navigation verticale complète magnifiquement le design.
Les créateurs derrière la conception de Gothamsiti ont placé des liens autour du périmètre de la zone des héros, mettant chacun dans un coin. De cette façon, rien ne détourne l'attention de l'écran de démarrage effrayant et mystérieux. Dans le même temps, toutes les passerelles sont exposées, ce qui rend les utilisateurs à l'aise.
Sessions Prime Park
Éloignons-nous de la navigation et explorons des exemples de lettres verticales qui font partie du contenu.
Étant donné que l'orientation portrait semble un peu étrange pour la plupart d'entre nous, elle peut être utilisée pour mettre davantage l'accent sur des choses cruciales comme un slogan, par exemple. L'idée peut être vue lors de Prime Park Sessions. Ici, la plaque signalétique de l'agence est orientée vers la gauche, là où nous commençons généralement à lire. Il reflète également la navigation verticale sur la droite. En conséquence, la conception est complète et visuellement intéressante.
Villas de luxe
L'équipe derrière la conception des villas de luxe utilise une orientation verticale pour afficher le slogan. Ce dernier dispose également d'un fond relativement large pour le faire ressembler à une barre latérale. Bien que ce ne soit pas seulement une barre latérale ordinaire, c'est une barre latérale enthousiaste. C'est intelligent.
Kitamura Makura / Canatal
Une autre façon de profiter de la tendance est de l'utiliser pour les titres. Considérez Kitamura Makura et Canatal.
Quand il s'agit de raconter une histoire, les deux équipes préfèrent concentrer l'attention des utilisateurs sur des choses vitales comme le contenu plutôt que sur les sous-titres. Par conséquent, les titres se sont déplacés vers la droite et ont été pivotés de 90 degrés, ce qui a naturellement laissé la place au texte.
Dans le cas de Kitamura Makura, le sous-titre a été poussé vers le bord droit, lui donnant l'impression de faire partie de la navigation. Avec Canatal, cependant, le titre fait toujours partie du bloc et de la conception globale.
Protec / Construire l'avenir
Protec et Building the Future ont rendu les choses un peu plus intéressantes en intégrant le texte vertical à l'environnement.
Protec propose d'énormes sous-titres qui s'étendent de haut en bas. Ils sont soigneusement mis de côté et affichés sur le côté gauche, donnant au contenu la plus haute priorité.
Dans le cas de Building the Future, les lettres verticales sont encore plus grosses. Cependant, ici, il joue un rôle purement décoratif, renforçant le titre traditionnel présenté en haut du bloc de texte.
En ce qui concerne le référencement, ce n'est pas une bonne pratique car les titres doivent faire partie de la hiérarchie des documents et être inclus dans les balises correspondantes. Cependant, parfois, vous pouvez sortir de l'ordinaire et gagner des clients avec un design au lieu d'un classement de recherche.
Kwok Yin Mak
Alors que pour le monde occidental, le rythme vertical ressemble à quelque chose d'extraordinaire et une astuce viable pour ajouter de l'excitation aux conceptions conventionnelles, pour nos amis de l'Est, cela vient naturellement. Jetons un coup d'œil à Kwok Yin Mak.
Le design a l'air rafraîchissant. Le schéma de couleurs noir et blanc traditionnel, beaucoup d'espace blanc, les logos et bien sûr l'orientation portrait rendent cette interface si spéciale. La tendance se sent comme à la maison. Cependant, alors que nous espérons qu'il est là, l'équipe derrière le site Web a réussi à l'empêcher de paraître trivial.
Une agréable surprise
Les lettres verticales sont un invité rare, mais bienvenue. Il est sûr de dire que dans l'univers de tout horizontal, c'est une petite lumière qui nous fait sourire. Régalez vos yeux d'une torsion inattendue dans le flux de lecture et concentrez-vous sans effort sur l'essentiel.
C'est un moyen simple de faire des choses cool sans réinventer la roue et aller plus loin.
