3 tendances de conception essentielles, novembre 2017
Si vous êtes fan de cette série de tendances mensuelles, il y a de fortes chances que vous ayez vu une ou deux tendances que vous n'aimiez pas. Et ça va.
Ce mois-ci, chacune des trois tendances devrait être un débutant de conversation de conception. Alors que les visuels ont l'air cool, sont-ils lisibles et utilisables? (Questions à poser à chaque concepteur de site Web lors de la réalisation d’un projet.) Jetez un coup d’œil, voyez ce que vous pensez de ces tendances et décidez vous-même.
Voici ce qui est tendance dans la conception ce mois-ci:
1. Texte souligné et éléments
Le texte souligné est une tendance plutôt inattendue. Heureusement, les soulignements ne sont pas le soulignement standard que vous pourriez voir d'un hyperlien ou d'un paramètre par défaut dans un traitement de texte.
La tendance du texte et des éléments soulignés utilise la couleur et les lignes pour mettre en évidence des informations spécifiques et mettre en évidence une zone de contenu spécifique. Les utilisations les plus intelligentes du soulignement combinent le trait avec autre chose, alors faites-en une partie intégrante du design.
Pour que le soulignement soit couronné de succès, il doit être intentionnel sans être gêné. Souligner peut être une technique distrayante dans de nombreux cas et même rendre le texte trop serré ou trop serré. Mais l'utilisation d'un soulignement dans une partie du dessin avec beaucoup d'espace blanc peut atténuer ce problème tout en attirant l'attention sur le texte souligné.
Tous les deux Simon Lee Gallery et Hoohaa Design utilisez un soulignement simple avec beaucoup d'espace pour attirer l'attention sur certains textes. Pour Simon Lee Gallery, le soulignement aide les utilisateurs à se concentrer sur certains des plus petits caractères du dessin et fournit un point de pause pendant le chargement de l’image suivante dans le curseur. Pour Hoohaa Design, le soulignement fait partie d'un élément graphique d'équilibrage mettant l'accent sur le nom du site.
Abel Design Group adopte une autre approche avec une ligne orange qui est en fait plus une ligne médiane que le soulignement, mais sert un objectif similaire: dessiner le texte sur le texte associé au trait.
2. Texte obstrué
Voir des dessins avec du texte obstrué ou difficile à lire n'est pas quelque chose que vous vous attendriez probablement à voir sur cette liste, mais beaucoup de concepteurs jouent actuellement avec le concept.
Cela peut être une technique difficile à réaliser et de nombreux concepteurs ont échoué (et se sont retrouvés comme des mèmes) à cause du lettrage qui disait quelque chose d'inattendu. Concevoir du texte avec une obstruction se prête à ce genre de problèmes. Ceci est un réel problème avec les cadres réactifs en raison des différents points de rupture et du mouvement de l'obstruction du texte.
Une obstruction peut être un élément qui recouvre du texte ou un manque de contraste entre le texte et l'arrière-plan où les éléments se fondent l'un dans l'autre.
Mais, bien fait, cela peut donner lieu à un design attrayant. (Il est difficile d'arrêter de regarder le Studio racine conception. Les couleurs vives et les mouvements subtils des girafes sur les lettres sont fascinants.)
Pour que cela fonctionne, vous devez faire quelques choses:
- Assurez-vous que le mot est suffisamment commun pour être compris, ce qui explique pourquoi "ROOT" n'est pas un problème
- Ne couvre pas trop le mot
- Soyez conscient des obstructions pouvant entraîner des mots indésirables
- Utilisez une police de caractères super simple pour que le style de lettrage ne fasse pas concurrence à l'obstruction
- Gardez le reste du design très simple pour que l'utilisateur puisse se concentrer sur le mot et le lire aussi facilement que possible
3. Esthétique noir et blanc
Parfois, les tendances de conception, surtout quand il s'agit de couleur, reflètent l'ambiance des créateurs. Les combinaisons de couleurs noir et blanc ont tendance à être plus sombres, plus minimes et avec un accent de couleur moins vif que cela n’a été courant ces dernières années. (Les designers se sentent-ils un peu plus sombres ces jours-ci?)
La version actuelle de la tendance du design en noir et blanc est différente de ce qui s’est déjà produit dans le passé, car le manque de couleur n’est pas uniquement utilisé pour les portfolios de photographie. Les exemples ci-dessous comprennent une entreprise de conception de meubles, une agence de conception de sites Web et des articles et des informations sur la santé mentale.
Ils ont tous la même humeur en commun cependant, en raison d'un manque de couleur.
Lorsque vous travaillez en noir et blanc, le placement et la lisibilité du texte peuvent poser problème, ainsi que la manière d'inclure la couleur dans certaines parties du dessin. Les concepteurs peuvent avoir du mal à créer quelque chose qui soit engageant malgré le manque de couleur.
Une technique qui peut chauffer un motif noir et blanc consiste à utiliser un mélange de couleurs plus riche pour les tons sombres. Un noir riche peut avoir une nuance de couleur rouge, bleue, verte ou autre qui aide à créer une ambiance légèrement différente.
Le noir riche est composé de plusieurs couleurs lorsque vous regardez des codes HEX. Hex # 000000 est fabriqué à partir de pas de couleur du tout. Le vrai noir riche est # 004040. Tout le reste est un noir "plus riche". Un noir plus riche peut servir de transition entre des éléments de design noir et blanc et plus colorés.
Par exemple, Crafton , ci-dessous, utilise un noir riche pour le design avec des couleurs subtiles autour du bouton de style fantôme et d’autres accents. Le noir plus riche semble plus chaleureux et invitant que certains autres modèles en raison de ce choix de couleur. Bien que le site Web ne contienne pas beaucoup de couleurs sous le parchemin, il y a des divots et des éléments de conception plus colorés qui se connectent de manière assez transparente en raison de la richesse des accents de noir et de couleur sur l'écran d'accueil.
L'autre avantage d'un noir riche ou d'un noir plus riche réside dans le fait qu'il peut améliorer le contraste entre les éléments de texte et d'arrière-plan, facilitant ainsi la lecture.
Conclusion
Toutes les tendances de ce mois-ci rendent le texte un peu plus difficile à lire que la plupart d’entre nous. C'est l'un de ces concepts qui peuvent être efficaces lorsqu'ils sont utilisés de manière exceptionnelle et uniquement pour certains projets. Mais cela peut être difficile à accomplir.
Quelles tendances aimez-vous (ou détestez-vous) en ce moment? J'adorerais voir certains des sites Web qui vous intéressent. Laisse moi un lien sur Twitter ; J'adorerais avoir de vos nouvelles.