C’est ce qui est tendance dans le design ce mois-ci.
1. Focus sur la typographie
Certes, cette tendance semble un peu vague, mais nous pensons que vous le saurez quand vous la verrez. De nombreux projets sont conçus en mettant l’accent sur la typographie.
Cela inclut les gros caractères gras, les polices de caractères intéressantes, les grandes variations de taille ou de couleur, les animations de petits caractères et la suppression générale des images dures de l’écran. Vous ne verrez pas beaucoup de photos ou de vidéos ici (et si vous le faites, elles sont probablement petites).
Après cela, presque tout est permis. Et les dessins sont assez géniaux !
Ces projets incluent tous les types de typographie, de l’expérimentale à l’audacieuse. (Vous pouvez même le trouver dans la nouvelle animation typographique du nouveau design de ce site Web sur la bannière de la page d’accueil.)
Voici trois exemples de trois directions très différentes dans cette tendance de conception de sites Web :
IGZIST combine un grand empattement de dalle avec un style d’écriture plein écran. Avec une esthétique en noir et blanc et un accent rouge, tout a une sensation simple. Il y a une animation de pépin qui recouvre également tout pour le garder intéressant.
Contra Bureau combine un titre trop fermé pour le confort dans « CONTRE » avec du texte latéral, un sous-titre souligné et plusieurs polices de caractères dans un jeu de couleurs rouge et beige audacieux pour vous aider à vous accrocher à chaque mot. D’immenses contrastes de style et de taille contribuent à l’efficacité de ce bijou typographique.
Readymag utilise une police de caractères intéressante dans une animation de couleur variable pour vous préparer et attirer votre attention. Le motif vert sur blanc n’est pas commun et est un peu perturbateur en soi. Les éléments les plus graphiques de l’écran sont les boutons de navigation et les crochets pour les petits éléments de texte.
2. Héros avec très peu de texte
Cette tendance typographique comprend en fait très peu de texte. De nombreux concepteurs créent des en-têtes de héros avec presque aucun texte en dehors d’une simple navigation.
Comment cela marche-t-il? Comment un utilisateur interagit-il lorsqu’il n’y a rien à lire ?
Les images doivent être super attrayantes. Et même alors, ce style de conception peut toujours être un risque. Regardez les exemples ci-dessous; Y en a-t-il assez pour cliquer ou faire défiler ?
Le site du portfolio de Mathijs Hanenkamp utilise une grande photo avec un petit titre dans le coin inférieur gauche. Mais il y a une couche supérieure intéressante avec une animation qui vous fait penser qu’ils ne sont guère plus. Ensuite, quand vous vous rendez compte que c’est pour le portfolio d’un photographe, tout se met en place.
UN B Yachts n’a aucun texte sur le héros local autre que la marque. Si vous connaissez l’entreprise, la vidéo est probablement suffisante pour vous permettre de continuer, mais sinon, il pourrait être plus difficile pour les utilisateurs inconnus de continuer à interagir.
Edlewerke se concentre sur des images inhabituelles (il y a aussi une petite animation ici) et sur la navigation pour vous aider à vous déplacer sur le site. C’est visuellement saisissant, mais est-ce suffisant ? Une analyse de suivi sur une conception comme celle-ci aurait certainement la réponse à cette question.
3. empattements partout
Pour les designers qui ont émergé dans le monde de l’imprimé, cette tendance en matière de conception de sites Web peut être une bouffée d’air frais : des empattements partout !
Bien que les empattements soient devenus beaucoup plus courants sur les sites Web, ils ne se rapprochent toujours pas de l’utilisation d’empattements sans empattement. Les bonnes grâces peuvent être belles et très lisibles.
Ils peuvent également être utilisés de différentes manières pour créer un design avec un bon accent sur la typographie qui n’est pas le seul objectif du design. Cette tendance est plutôt un juste milieu entre les deux exemples les plus extrêmes ci-dessus.
Momset utilise un empattement moderne condensé légèrement plus grand pour le titre principal dans la zone des héros, ainsi que d’autres en-têtes tout au long de la mise en page. La couleur ajoute un élément d’intérêt supplémentaire ici, et l’utilisation de l’espace permet de garder cette police lisible.
Mbau devient super simple avec une vidéo plein écran qui se déroule derrière un simple titre serif qui ne bouge jamais. Ce design est élégant et chic, parfait pour un site de voyage. Résistant « exclusif » en italique saute presque de l’écran parce que le design vibre avec ce sentiment.
Caddis Eye Appliances utilise un grand titre avec empattement et des sous-titres équilibrés avec des éléments sans empattement plus petits pour les autres éléments de texte. Ce qui est amusant dans tout leur design, c’est qu’il s’agit d’être différent – ils utilisent le terme « non-conformistes », et l’empattement aide à illustrer visuellement ce mantra.
conclusion
Les tendances typographiques sont un élément de conception passionnant car, en fonction de votre image de marque et de votre guide de style, vous pourrez ou non tirer parti de ces éléments. Comment concilier intégration d’une tendance et maintien d’une identité de marque ?
Il n’y a pas toujours de réponse évidente, mais de nombreuses marques trouvent un moyen de créer les bons éléments pour rester fraîches sans perdre qui elles sont. Examinez les règles de votre marque pour décider avec quelles contraintes vous devez travailler et comment vous pouvez vous adapter pour rester à la fois sur la marque et sur la tendance.
cousins carrie
