Comment créer un site Web ou un blog en 2020 - Guide gratuit et facile pour créer un site Web

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

Il est très excitant d’examiner les conceptions de sites Web modernes et de tomber sur de petites choses que les développeurs trouvent adorables. “Les petits détails font la différence” – nous en entendons beaucoup parler ces jours-ci.

En fait, c’est vrai. Ces petites solutions et astuces uniques font ressortir les projets de la foule. Ils font des expériences originales et rendent les interfaces utilisateur passionnantes et inoubliables. De nos jours, les petites tendances prévalent sur les grandes.

Les développeurs ne s’arrêtent pas à une grosse affaire; ils expérimentent de nombreuses petites idées. Par conséquent, 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 de simples mots

Les blocs de texte empilés peuvent être vus partout. Mais, le problème avec eux, c’est que parfois les concepteurs peuvent se laisser emporter et inclure beaucoup d’informations, résultant en TL; contenu similaire à DR. Personne ne veut lire ça. Cependant, avec deux lignes, c’est une histoire différente. La brièveté est l’âme de l’ingéniosité. Cela fonctionne toujours. Choisissez simplement vos mots-clés, composez un slogan accrocheur et le tour est joué, vous êtes prêt à séduire les clients. C’est tellement élégant, simple et efficace. Il n’est pas étonnant que de nombreux designers craquent pour cette astuce.

Cependant, les artistes ne se contentent pas de phrases intelligentes. Ils jouent avec son apparence, l’enrichissant de fonctionnalités intéressantes et le soulignant discrètement avec des réglages intelligents. Différentes techniques sont mises en jeu, par exemple:

  • Différentes polices de caractères;
  • Différentes couleurs pour chaque ligne;
  • Couleur contrastant avec l’arrière-plan ou tout autre contenu;
  • Grandes tailles de police presque écrasantes;
  • Caractères gras;
  • Différents styles de police;
  • Oeuvres d’art basées sur des polices de caractères;
  • Texte entièrement en surbrillance;
  • Et même le soulignement éprouvé et inattendu n’est pas aussi ennuyeux qu’on pourrait le penser.

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

Denton Design

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

«Directeur de création» sont les deux mots que l’on retrouve avec le public, marquant le début du dialogue. Toutes les lettres sont en majuscule et ont une taille de police relativement grande. Ils sont peints en deux couleurs primaires: blanc et rouge rubis. Ici, le bloc empilé à deux lignes n’est pas seulement un message d’accueil. Il fait partie intégrante du design qui complète l’ensemble et crie l’occupation de Nathan.

Denton Design

Multistampa

L’équipe derrière Multistampa opte pour les majuscules, les grandes tailles et les couleurs neutres qui contrastent avec l’arrière-plan. En conséquence, l’expression «vie d’impression» est un accent naturel ici qui se fond parfaitement avec une esthétique inspirée de la géométrie.

Multistampa

Spotify enveloppé

C’est le grand nom de notre collection. Spotify est célèbre pour ses solutions pionnières, preuve qu’il est un pionnier dans le domaine du Web. Ce dernier exemple montre que le bichromie et les couleurs vives excitent toujours l’esprit de votre service 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 frappant. Le beau jaune se marie bien avec l’orchidée Pantone utilisée comme couleur de fond. La devise est douce et audacieuse.

Spotify enveloppé

iFly KLM 360 degrés

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

iFly KLM 360 degrés

Claudia Noronha

Si vous n’avez pas d’artistes de police de caractères à votre disposition, Claudia Noronha vous propose une alternative valable: utilisez une belle police de caractères. 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.

Claudia Noronha

Heartbeat Labs

L’équipe de Heartbeat Labs opte pour une ancienne solution 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 propre, monochrome et bleu foncé met la phrase à l’honneur.

Heartbeat Labs

SiR MaRy

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 qu’il puisse sembler un peu brutal et grossier par rapport aux exemples présentés ci-dessus, l’astuce donne néanmoins au slogan une base solide, le délimitant efficacement.

SiR MaRy

Elasts

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

Tout d’abord, la taille de la police ajoute à son importance. Deuxièmement, l’arrière-plan propre et l’espace blanc cèdent la place à tout ce qui est au premier plan. Troisièmement, la phrase est placée à gauche, là où nous commençons naturellement à lire. Enfin, les graphiques eux-mêmes pointent littéralement vers le texte.

Elasts

Andres Soler

Andres Soler, artiste multidisciplinaire, divise son nom en deux lignes. Le concept de deux lignes reste également sur les écrans des petits appareils, donc la première chose que vous lisez sur votre téléphone portable est “Andres Soler”. Ici, l’expression ressemble à une déclaration audacieuse qui ne nécessite aucun «support» visuel ou environnement supplémentaire.

Andres Soler

Quand deux vaut 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 sujets 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 changements et des améliorations en ce qui concerne la conception et l’expérience utilisateur. Aujourd’hui, nous avons assisté à une tendance à utiliser des slogans empilés sur deux lignes qui sont magnifiquement mis en valeur.

Ils frappent directement au point et ajoutent à l’esthétique globale. Plus important encore, ils correspondent à la préférence de l’utilisateur de numériser du texte sur un site Web au lieu de le lire. C’est une tendance qui allie pragmatisme et créativité.