Les blocs de texte empil\u00e9s peuvent \u00eatre vus partout. Mais, le probl\u00e8me avec eux, c’est que parfois les concepteurs peuvent se laisser emporter et inclure beaucoup d’informations, r\u00e9sultant en TL; contenu similaire \u00e0 DR. Personne ne veut lire \u00e7a. Cependant, avec deux lignes, c’est une histoire diff\u00e9rente. La bri\u00e8vet\u00e9 est l’\u00e2me de l’ing\u00e9niosit\u00e9. Cela fonctionne toujours. Choisissez simplement vos mots-cl\u00e9s, composez un slogan accrocheur et le tour est jou\u00e9, vous \u00eates pr\u00eat \u00e0 s\u00e9duire les clients. C’est tellement \u00e9l\u00e9gant, simple et efficace. Il n’est pas \u00e9tonnant que de nombreux designers craquent pour cette astuce.<\/p>\n
Cependant, les artistes ne se contentent pas de phrases intelligentes. Ils jouent avec son apparence, l’enrichissant de fonctionnalit\u00e9s int\u00e9ressantes et le soulignant discr\u00e8tement avec des r\u00e9glages intelligents. Diff\u00e9rentes techniques sont mises en jeu, par exemple:<\/p>\n
- \n
- Diff\u00e9rentes polices de caract\u00e8res;<\/li>\n
- Diff\u00e9rentes couleurs pour chaque ligne;<\/li>\n
- Couleur contrastant avec l’arri\u00e8re-plan ou tout autre contenu;<\/li>\n
- Grandes tailles de police presque \u00e9crasantes;<\/li>\n
- Caract\u00e8res gras;<\/li>\n
- Diff\u00e9rents styles de police;<\/li>\n
- Oeuvres d’art bas\u00e9es sur des polices de caract\u00e8res;<\/li>\n
- Texte enti\u00e8rement en surbrillance;<\/li>\n
- Et m\u00eame le soulignement \u00e9prouv\u00e9 et inattendu n’est pas aussi ennuyeux qu’on pourrait le penser.<\/li>\n<\/ul>\n
Nous allons examiner toutes ces options, afin que vous puissiez voir le potentiel de chacune et choisir la meilleure option pour votre cas particulier.<\/p>\n
<\/span>Denton Design<\/span><\/h2>\n
Commen\u00e7ons par l’un des repr\u00e9sentants les plus brillants de cela dans le courant dominant: la conception Denton de Nathan Denton. Cr\u00e9\u00e9 par Ren\u00e9 Hern\u00e1ndez et Ryan Haskell-Glatz, c’est un v\u00e9ritable chef-d’\u0153uvre qui fascine par son originalit\u00e9 et son \u00e9tranget\u00e9.<\/p>\n
\u00abDirecteur de cr\u00e9ation\u00bb sont les deux mots que l’on retrouve avec le public, marquant le d\u00e9but 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\u00e9 \u00e0 deux lignes n’est pas seulement un message d’accueil. Il fait partie int\u00e9grante du design qui compl\u00e8te l’ensemble et crie l’occupation de Nathan.<\/p>\n
![\"Denton](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/8-excelentes-ejemplos-de-uso-de-bloques-de-texto-apilados.jpg\")
<\/p>\n<\/span>Multistampa<\/span><\/h2>\n
L’\u00e9quipe derri\u00e8re Multistampa opte pour les majuscules, les grandes tailles et les couleurs neutres qui contrastent avec l’arri\u00e8re-plan. En cons\u00e9quence, l’expression \u00abvie d’impression\u00bb est un accent naturel ici qui se fond parfaitement avec une esth\u00e9tique inspir\u00e9e de la g\u00e9om\u00e9trie.<\/p>\n
![\"Multistampa\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/8-excelentes-ejemplos-de-uso-de-bloques-de-texto-apilados.png\")
<\/p>\n<\/span>Spotify envelopp\u00e9<\/span><\/h2>\n
C’est le grand nom de notre collection. Spotify est c\u00e9l\u00e8bre pour ses solutions pionni\u00e8res, 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\u00e9atif.<\/p>\n
Encore une fois, nous pouvons voir un bloc de texte empil\u00e9 de deux lignes sur votre site Web. Il y a deux blocs plac\u00e9s l’un sur l’autre. Le premier est grand et pro\u00e9minent, tandis que le second est petit. mais frappant. Le beau jaune se marie bien avec l’orchid\u00e9e Pantone utilis\u00e9e comme couleur de fond. La devise est douce et audacieuse.<\/p>\n
![\"Spotify](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593864189_825_8-excelentes-ejemplos-de-uso-de-bloques-de-texto-apilados.png\")
<\/p>\n<\/span>iFly KLM 360 degr\u00e9s<\/span><\/h2>\n
L’\u00e9quipe derri\u00e8re la conception iFly KLM 360 degr\u00e9s utilise la beaut\u00e9 des pi\u00e8ces ma\u00eetresses typographiques qui sont malheureusement rares de nos jours. “Autour du monde avec Kiran Jethwa” attire notre attention instantan\u00e9ment. Cette version artistique du texte empil\u00e9 sur deux lignes est tout simplement incroyable. Les lignes fines et \u00e9l\u00e9gantes des formes des lettres, la grande taille et le jeu complexe des mots font de la phrase un gagnant absolu \u00e0 nos yeux.<\/p>\n
![\"iFly](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593864189_167_8-excelentes-ejemplos-de-uso-de-bloques-de-texto-apilados.jpg\")
<\/p>\n<\/span>Claudia Noronha<\/span><\/h2>\n
Si vous n’avez pas d’artistes de police de caract\u00e8res \u00e0 votre disposition, Claudia Noronha vous propose une alternative valable: utilisez une belle police de caract\u00e8res. Son caract\u00e8re \u00e9l\u00e9gant, lisse et l\u00e9g\u00e8rement gras interagit tr\u00e8s bien avec le reste du contenu. En m\u00eame temps, il reste fid\u00e8le \u00e0 l’aura f\u00e9minine de l’interface utilisateur, qui contribue tr\u00e8s bien \u00e0 l’atmosph\u00e8re f\u00e9minine globale. Simple, beau et efficace.<\/p>\n
![\"Claudia](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593864189_431_8-excelentes-ejemplos-de-uso-de-bloques-de-texto-apilados.jpg\")
<\/p>\n<\/span>Heartbeat Labs<\/span><\/h2>\n
L’\u00e9quipe de Heartbeat Labs opte pour une ancienne solution qui consiste \u00e0 souligner les mots. Cela fonctionne tr\u00e8s bien ici. Bien que la taille de la police soit petite, la ligne \u00e9paisse et brillante qui brille sur un arri\u00e8re-plan propre, monochrome et bleu fonc\u00e9 met la phrase \u00e0 l’honneur.<\/p>\n
![\"Heartbeat](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593864189_362_8-excelentes-ejemplos-de-uso-de-bloques-de-texto-apilados.png\")
<\/p>\n<\/span>SiR MaRy<\/span><\/h2>\n
SiR MaRy pr\u00e9sente un autre classique absolu dans notre collection. Ici, les phrases cl\u00e9s sont mises en \u00e9vidence par des lignes noires en gras. Bien qu’il puisse sembler un peu brutal et grossier par rapport aux exemples pr\u00e9sent\u00e9s ci-dessus, l’astuce donne n\u00e9anmoins au slogan une base solide, le d\u00e9limitant efficacement.<\/p>\n
![\"SiR](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593864190_429_8-excelentes-ejemplos-de-uso-de-bloques-de-texto-apilados.jpg\")
<\/p>\n<\/span>Elasts<\/span><\/h2>\n
L’\u00e9quipe derri\u00e8re Elastos nous montre comment utiliser un bloc de texte empil\u00e9 \u00e0 deux lignes lorsque vous avez un arri\u00e8re-plan \u00e9l\u00e9gant. Bien que l’expression soit d\u00e9finie en caract\u00e8res ultra-\u00e9troits, elle se d\u00e9marque toujours. Il y a plusieurs raisons \u00e0 cela.<\/p>\n
Tout d’abord, la taille de la police ajoute \u00e0 son importance. Deuxi\u00e8mement, l’arri\u00e8re-plan propre et l’espace blanc c\u00e8dent la place \u00e0 tout ce qui est au premier plan. Troisi\u00e8mement, la phrase est plac\u00e9e \u00e0 gauche, l\u00e0 o\u00f9 nous commen\u00e7ons naturellement \u00e0 lire. Enfin, les graphiques eux-m\u00eames pointent litt\u00e9ralement vers le texte.<\/p>\n
![\"Elasts\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593864190_930_8-excelentes-ejemplos-de-uso-de-bloques-de-texto-apilados.jpg\")
<\/p>\n<\/span>Andres Soler<\/span><\/h2>\n
Andres Soler, artiste multidisciplinaire, divise son nom en deux lignes. Le concept de deux lignes reste \u00e9galement sur les \u00e9crans des petits appareils, donc la premi\u00e8re chose que vous lisez sur votre t\u00e9l\u00e9phone portable est “Andres Soler”. Ici, l’expression ressemble \u00e0 une d\u00e9claration audacieuse qui ne n\u00e9cessite aucun \u00absupport\u00bb visuel ou environnement suppl\u00e9mentaire.<\/p>\n
![\"Andres](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593864190_358_8-excelentes-ejemplos-de-uso-de-bloques-de-texto-apilados.jpg\")
<\/p>\n<\/span>Quand deux vaut mieux qu’un<\/span><\/h2>\n
Si vous pensez que les tendances n’affectent que les \u00e9l\u00e9ments de conception essentiels, d\u00e9trompez-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\u00e9tails.<\/p>\n
M\u00eame quelque chose d’ennuyeux, comme un bloc de texte, subira des changements et des am\u00e9liorations en ce qui concerne la conception et l’exp\u00e9rience utilisateur. Aujourd’hui, nous avons assist\u00e9 \u00e0 une tendance \u00e0 utiliser des slogans empil\u00e9s sur deux lignes qui sont magnifiquement mis en valeur.<\/p>\n
Ils frappent directement au point et ajoutent \u00e0 l’esth\u00e9tique globale. Plus important encore, ils correspondent \u00e0 la pr\u00e9f\u00e9rence de l’utilisateur de num\u00e9riser du texte sur un site Web au lieu de le lire. C’est une tendance qui allie pragmatisme et cr\u00e9ativit\u00e9.<\/p>\n