8 excellents exemples d’utilisation de blocs de texte empilés dans la conception Web

C’est très excitant de regarder les conceptions de sites Web modernes et de découvrir de petites choses que les développeurs trouvent adorables. « Les petits détails font la différence » – on en entend beaucoup parler ces jours-ci.

En fait, c’est vrai. Ces petites solutions et astuces uniques permettent aux projets de se démarquer de la foule. Ils créent des expériences originales et rendent les interfaces utilisateur passionnantes et inoubliables. Actuellement, les petites tendances l’emportent sur les grandes.

Les développeurs ne s’arrêtent pas trop ; ils essaient de nombreuses petites idées. Ainsi, nous pouvons assister à des solutions microscopiques impressionnantes qui rendent le Web diversifié. L’une de ces petites tendances est les blocs de texte empilés sur une page d’accueil.

plus que des mots

Les blocs de texte empilés peuvent être vus n’importe où. Mais le problème avec eux est que parfois les concepteurs peuvent s’emballer et inclure trop d’informations, ce qui entraîne un TL ; contenu similaire à DR. Personne ne veut lire ceci. Cependant, avec deux lignes, c’est une autre histoire. La brièveté est l’âme de l’ingéniosité. Cela fonctionne toujours : il suffit de choisir des mots-clés, d’écrire un slogan accrocheur et d’être prêt à gagner des clients. C’est tellement élégant, simple et efficace. Pas étonnant que de nombreux designers craquent pour cette astuce.

Cependant, les artistes ne s’appuient pas uniquement sur des phrases intelligentes. Ils jouent avec votre apparence, l’enrichissent de fonctionnalités intéressantes et la soulignent discrètement avec des ajustements intelligents. Plusieurs techniques sont mises en pratique, par exemple :

Différentes polices;

Différentes couleurs pour chaque ligne;

Couleur qui contraste avec l’arrière-plan ou un autre contenu ;

Grandes tailles de polices presque impressionnantes ;

Polices en gras ;

Différents styles de police ;

Oeuvre basée sur des caractères typographiques ;

Texte entièrement surligné ;

Et même le soulignement éprouvé et inattendu n’est pas aussi ennuyeux qu’on pourrait le penser.

Examinons toutes ces options afin que vous puissiez voir le potentiel de chacune et choisir la meilleure option pour votre cas particulier.

Conception de Denton

Commençons par l’un des représentants les plus brillants de cela dans le courant dominant : le design Denton de Nathan Denton. Créé par Rene Hernández et Ryan Haskell-Glatz, c’est un véritable chef-d’œuvre qui fascine par son originalité et son étrangeté.

« Creative Director » sont les deux mots trouvés avec le public, marquant le début du dialogue. Toutes les lettres sont en majuscules et ont une taille de police relativement grande. Ils sont peints en deux couleurs primaires : blanc et rouge rubis. Ici, le bloc empilé de deux lignes n’est pas seulement une salutation. C’est une partie intégrante du design qui complète l’ensemble et crie l’occupation de Nathan.

Multi-impression

L’équipe derrière Multistamp opte pour des majuscules, des grands formats et des couleurs neutres qui contrastent avec le fond. En conséquence, l’expression « Imprimer la vie » est ici un objectif naturel qui se fond parfaitement dans l’esthétique inspirée de la géométrie.

Spotify enveloppé

C’est le grand nom de notre collection. Spotify est réputé pour ses solutions pionnières, preuve qu’il est précurseur dans le domaine du web. Ce dernier exemple montre que le bichromie et les couleurs vives excitent toujours les esprits de votre département créatif.

Encore une fois, nous pouvons voir un bloc de texte empilé de deux lignes sur votre site Web. Il y a deux blocs placés l’un sur l’autre. Le premier est grand et proéminent, tandis que le second est petit. mais impressionnant. Le beau jaune se marie bien avec l’orchidée Pantone utilisée comme couleur de fond. La devise est douce et, en même temps, audacieuse.

iFly KLM 360 degrés

L’équipe derrière la conception à 360 degrés d’iFly KLM utilise la beauté des centres de table typographiques qui sont malheureusement rares de nos jours. « Le tour du monde avec Kiran Jethwa » attire instantanément notre attention. Cette version artistique du texte empilé sur deux lignes est tout simplement incroyable. Les lignes fines et élégantes des formes de lettres, la grande taille et le jeu de mots complexe font de la phrase un gagnant absolu à nos yeux.

Claudia Noronha

Si vous n’avez pas d’artistes de police, Claudia Noronha propose une alternative valable : utilisez une belle police. Son caractère élégant, lisse et légèrement gras interagit très bien avec le reste du contenu. En même temps, il reste fidèle à l’aura féminine de l’interface utilisateur, qui contribue très bien à l’atmosphère féminine globale. Simple, beau et efficace.

Laboratoires Heartbeat

L’équipe de Heartbeat Labs opte pour une solution à l’ancienne qui consiste à souligner les mots. Cela fonctionne très bien ici. Bien que la taille de la police soit petite, la ligne épaisse et brillante qui brille sur un arrière-plan bleu foncé, monochrome et propre met la phrase à l’honneur.

Monsieur Marie

SiR MaRy présente un autre classique absolu dans notre collection. Ici, les phrases clés sont mises en évidence par des lignes noires en gras. Bien que cela puisse sembler un peu brutal et grossier par rapport aux exemples présentés ci-dessus, l’astuce donne tout de même une base solide au slogan en le délimitant efficacement.

élastine

L’équipe derrière Elastos nous montre comment utiliser un bloc de texte empilé de deux lignes lorsque vous avez un arrière-plan élégant. Bien que la phrase soit définie dans une police ultra-fine, elle se démarque toujours. Il y a plusieurs raisons à cela.

Premièrement, la taille de la police augmente son importance. Deuxièmement, l’arrière-plan épuré et l’espace blanc cèdent la place à tout ce qui est au premier plan. Troisièmement, la phrase est placée à gauche, exactement là où nous avons commencé à lire naturellement. Enfin, les graphiques eux-mêmes pointent littéralement vers le texte.

Andrés Soler

Andres Soler, artiste multidisciplinaire, divise son nom en deux lignes. Le concept à deux lignes reste également sur l’écran des appareils plus petits, donc la première chose que vous lisez sur votre téléphone est « Andres Soler ». Ici, la phrase semble être une déclaration audacieuse qui ne nécessite pas de « support » ou d’environnement visuel supplémentaire.

quand deux valent mieux qu’un

Si vous pensez que les tendances n’affectent que les éléments de conception essentiels, détrompez-vous. Tous les composants de la conception Web (petits ou grands) sont soumis aux tendances. Vous devez regarder attentivement, en faisant attention aux moindres détails.

Même quelque chose d’ennuyeux, comme un bloc de texte, subira des modifications et des améliorations concernant la conception et l’expérience utilisateur. Aujourd’hui, nous assistons à une tendance à utiliser des slogans superposés sur deux lignes, qui sont magnifiquement mis en valeur.

Ils atteignent directement l’objectif et améliorent l’esthétique globale. Plus important encore, ils correspondent à la préférence d’un utilisateur de numériser du texte sur un site Web plutôt que de le lire. C’est une tendance qui allie pragmatisme et créativité.