Cela semble être un concept simple, mais cette tendance commence à peine à prendre son essor. Les concepteurs permettent à la typographie de traverser des plans entre des éléments.
La tendance est illustrée par le fait que le type commence dans une partie de la toile, puis qu’il se prolonge dans l’espace de quelque chose d’autre, tel que le chevauchement d’une partie de la photo ou l’empiétement sur une autre zone ou image colorée. La technique de superposition est intéressante et peut aider à ajouter un peu de créativité à un dessin de plusieurs façons. Voici de plus près les moyens d'utiliser la typographie dans les espaces partagés.
Identifier la tendance
La typographie dans les espaces partagés est une tendance en matière de conception de sites Web qui est assez facile à identifier. (Vous pouvez également essayer celui-ci dans des projets autres que Web, tels que des affiches ou des cartes postales.) La caractéristique clé est que ce type, ou les éléments connexes, semblent traverser plusieurs couches ou plans de la conception.
Bien que l'idée soit que vous recherchiez la typographie dans des espaces partagés, la tendance peut s'appliquer à presque tous les éléments de design qui se croisent dans un espace qui semble réservé à autre chose. Il est souvent présenté comme une extension de la conception d'écran divisé.
L'élément qui traverse les plans peut être assez évident, comme beaucoup d'exemples de typographie ci-dessous, ou plus subtile. Regardez l'image de Hometown Trolley ci-dessus. Le trait s'étend du type pour attirer l’œil de l’image du chariot au titre principal. Un examen plus attentif révèle qu'une partie du chariot sort de son arrière-plan sur la partie de l'écran conçue pour les éléments typographiques.
Lorsqu'elle est bien conçue, cette tendance permet de guider l'œil de l'utilisateur à travers les éléments. Avec une conception divisée, il y a deux choses distinctes à considérer: le partage d'un espace permet de guider l'utilisateur vers des parties importantes de la conception. L’autre avantage, du point de vue de la conception, est que la création de plusieurs espaces peut faciliter la tâche pour contenir des éléments de texte. Pensez à la conception comme à deux cartes géantes, avec une couche au-dessus qui les relie.
Mélanger des photos et typographie
La typographie dans les espaces partagés fonctionne à merveille avec des photos fortes. De nombreux concepteurs utilisent cette tendance avec des images orientées verticalement (quelque chose qui n'est pas souvent utilisé à cause de la nature des formats d'image).
Le partage d'espace est un excellent moyen d'utiliser ces formes différemment tout en créant un visuel percutant. Le lettrage peut se croiser entre l'image et les espaces ou peut simplement lire entre les espaces, comme dans l'exemple ci-dessus.
Ce qui est malin avec la typographie et la messagerie de The Square Apartments est que les mots peuvent être lus seuls dans un format d'écran presque divisé ou à travers les panneaux pour une messagerie plus complète mais plus complète.
L’autre atout de cette option est qu’il peut être un peu moins délicat de choisir une couleur de texte car ne pas utiliser plusieurs arrière-plans. C'est peut-être la variante la plus simple de la typographie dans les espaces partagés à essayer.
Essayez les caractères gras
Cette tendance est dramatiquement belle avec un lettrage qui traverse les panneaux du dessin et utilise une police de caractères intéressante. L'accent supplémentaire mis sur la police de caractères, car elle superpose plusieurs espaces, met en évidence les mots et crée un point central dans la conception.
Pour que cela fonctionne efficacement, vous aurez besoin d'un peu de messagerie - de longs titres vous sembleraient insurmontables, une sélection de caractères intéressante et une paire image / arrière-plan avec une couleur similaire afin que le type soit facilement lisible sur toute la toile.
Dans la plupart des cas, optez pour les lettres noires ou blanches sur le fond. Il s'agit d'une conception assez complexe à assimiler par les utilisateurs - même si elle peut paraître assez simple - et la lisibilité devrait être une préoccupation majeure.
Type de couche avec couleur
Rien ne dit que la typographie doit partager un espace avec des images pour utiliser cette tendance. Cela peut fonctionner aussi bien sans aucune image.
Mélangez et assortissez des zones colorées, des formes géométriques et différentes options de typographie pour créer des calques dotés d'une touche personnelle
Startup Lab, ci-dessus, fait un travail fascinant d'association de blocs colorés avec des caractères ignorant les bordures pour créer de nombreux calques intéressants. Les ombrages nets sur les gros mots fournissent un joli point de référence visuel et contrastent agréablement avec les styles de type secondaire plus simples et plus simples.
Ajouter un soupçon d'animation
Ce n’est pas parce que vous utilisez la tendance des espaces partagés que vous devez renoncer à d’autres modes. Ajoutez un soupçon d’animation pour les éléments de l’interface utilisateur ou les éléments de navigation afin d’encourager les utilisateurs à cliquer autour de la conception.
Un mouvement subtil peut également aider à créer de la concentration si le design semble un peu occupé.
Dans le dessin ci-dessus, le petit logo circulaire tourne lentement. Cela fonctionne presque pour centrer la conception, qui a une disposition presque asymétrique. Il remplit les espaces emprisonnés entre le lettrage et l'image afin que l'ensemble du dessin soit complet et équilibré. De plus, l'animation vous amène directement à l'image de marque de la page.
Rester simple
C'est un thème récurrent chez Design Shack, mais cette tendance fonctionne mieux si vous restez simple. Bien que la création d'une conception efficace avec une typographie ou d'autres éléments d'espaces partagés puisse nécessiter beaucoup de planification et se révéler compliquée, le résultat final doit être simple et transparent.
Si vous ne savez pas par où commencer, essayez un cadre minimal. Un fond blanc avec un caractère noir, tel que Melville, ci-dessus, peut amener le focus aux images colorées. (Les lignes épurées sont toujours à la mode.)
Concentrez-vous sur le flux visuel avec ce type de motif. Pensez aux parties de la conception les plus importantes à voir pour les utilisateurs, puis cliquez sur. Superposez l’arrière-plan, les images et le lettrage pour attirer les utilisateurs dans ce flux de manière à ce que la dernière chose qu’ils voient lors d’une progression naturelle soit l’action suivante. (Dans le cas de la conception ci-dessus, les utilisateurs ont deux choix - cliquez sur le lien ou faites défiler.)
Conclusion
Créer un design avec la typographie dans des espaces partagés est une modification moderne des techniques de design traditionnelles. Il fournit une option pour aider les concepteurs à mettre en évidence des images avec des cultures de formes souvent oubliées ou à concevoir une option audacieuse sans aucune image.
Concentrez-vous sur un lettrage solide et lisible qui traverse plusieurs plans pour tirer le meilleur parti de cette tendance. Considérer le flux d'utilisateur et les appels à l'action? et amusez-vous!