La couleur Pantone de l'année 2019 (et comment les gens l'utilisent dans la conception Web)

Depuis 2000, les experts en couleurs de Pantone choisissent chaque année une couleur de l'année. Leur choix prédit les tendances en matière de design et illustre l'esprit de l'année à venir. Trouver des moyens de l'intégrer dans votre propre conception de sites Web pourrait donner à votre site un lifting pour 2019.

Dans cet article, nous discuterons de la couleur Pantone de l'année 2019, Living Coral. Nous partagerons également comment il est utilisé dans la conception de sites Web pour vous donner quelques idées sur la façon dont vous pouvez également l'utiliser pour vos propres conceptions.

Nous allons jeter un coup d'oeil!

Présentation de la couleur Pantone de l'année 2019 : Living Coral

Pantone est une société proposant des services et des produits de conseil en matière de couleur aux designers de mode, de produits et graphiques. La société est considérée comme « une source principale d'informations sur les couleurs grâce aux tendances des prévisions saisonnières ». Il est sûr de dire que l'opinion de Pantone est importante en matière de couleur.

Au cours des vingt dernières années, les experts en couleurs de Pantone ont sélectionné une couleur de l'année. La couleur de 2018 était Ultra Violet, un choix frappant après les tons plus subtils sélectionnés au cours des années précédentes. La couleur de l'année vise non seulement à prédire les tendances du design, mais s'appuie également sur les influences sociales et culturelles actuelles.

Pour 2019, Pantone a sélectionné Living Coral, une teinte lumineuse et vibrante qui dégage un air vif. La couleur témoigne de notre désir de connexion humaine authentique à une époque dominée par les médias sociaux et la technologie. « Humanisant » et « vivant », il donne de l'énergie et de la chaleur au design.

Comment utiliser Living Coral dans la conception de sites Web (4 stratégies clés)

Living Coral est déjà présent dans la conception de sites Web. Entre de bonnes mains, cette nuance «légère» peut donner du punch et faire une déclaration audacieuse aux côtés d'une conception Web solide. Voyons comment vous pouvez en tirer parti.

1. Ajoutez du corail vivant au design minimaliste pour une touche de couleur

Pour certains, le design minimaliste évoque une palette en noir et blanc. Au contraire, l'utilisation de quelques couleurs à leur efficacité maximale témoigne davantage de l'esprit de minimalisme que d'affecter la qualité du design avec une palette de couleurs très étroite.

Utiliser la couleur dans le minimalisme, c'est le faire au maximum. La page d'accueil de Wokine montre comment Living Coral peut ajouter une touche de couleur et un sentiment de surprise à un design par ailleurs simple. Le site est toujours minimaliste dans son utilisation de lignes épurées, d'espace et de simplicité, mais l'utilisation de la couleur apporte une certaine excitation à la page.

Si votre site n'a pas beaucoup de couleurs, pensez à ajouter une touche de corail vivant pour égayer les choses. Que vous l'incorporiez aussi audacieusement que notre exemple ou que vous la présentiez de manière plus subtile, cette couleur chaleureuse et invitante peut faire passer votre page de morne à rêveuse.

2. Présentez le corail vivant dans votre palette de couleurs

L'utilisation d'un jeu de couleurs crée une cohérence entre votre site Web et votre marque, aide les utilisateurs à déterminer les hiérarchies de contenu et peut signaler des fonctionnalités telles qu'un appel à l'action (CTA). De plus, incorporer une variété de couleurs qui fonctionnent bien ensemble est tout simplement agréable visuellement.

Le site Web Girlboss utilise une palette de couleurs amusante et jeune avec une variété de roses, de verts et de bleus. Ils ont attribué une couleur différente à chaque catégorie de contenu de blog, afin que les utilisateurs familiarisés avec le jeu de couleurs puissent rapidement saisir des informations sur chaque article en regardant simplement les vignettes de publication.

Il existe des manières presque infinies d'incorporer Living Coral dans une palette de couleurs pour votre site. Vous pouvez utiliser l'un des schémas de couleurs suggérés par Pantone ou créer le vôtre. Le corail vivant peut avoir un rôle important dans votre palette de couleurs, ou un petit.

Quoi qu'il en soit, cette couleur a tendance à bien se marier avec les autres. Il crée un contraste saisissant lorsqu'il est utilisé avec des bleus, évoque un coucher de soleil lorsqu'il est placé à côté de jaunes et d'oranges, et a une sensation terreuse et naturelle lorsqu'il est associé à des verts ou des bruns.

3. Laissez Living Coral occuper le devant de la scène et faire une déclaration

Bien sûr, bien que l'utilisation de Living Coral de manière plus subtile ait ses avantages, il n'y a rien de mal à épater les utilisateurs en lui donnant le devant de la scène. Mettre cette couleur dans vos arrière-plans laisserait une forte impression aux visiteurs de votre site.

Living Coral crée un arrière-plan audacieux pour la section À propos du site de Kobu. C'est saisissant, sans surcharger les photos des membres de l'équipe en bas. Même si la couleur occupe la majeure partie de l'écran, elle n'est pas difficile à regarder et transmet toujours les informations les plus importantes.

Les théories de la psychologie des couleurs suggèrent que certaines couleurs évoquent des sentiments particuliers en nous lorsque nous les regardons. De même, la description du corail vivant par Pantone en dit long sur la façon dont cette couleur est liée à l'émotion.

Les experts en couleurs de Pantone ont choisi des mots comme « authentique », « sociable », « engageant » et « stimulant » pour décrire leur couleur de l'année. L'utilisation de Living Coral dans une section À propos pour promouvoir des sentiments d'intimité, d'authenticité et d'ouverture pourrait jouer en faveur de ce site - ou de votre site -.

4. Utilisez le corail vivant comme couleur d'accent pour souligner les caractéristiques importantes

Les couleurs d'accent sont la clé de tout schéma de couleurs. Leur rôle est de mettre en évidence les fonctionnalités auxquelles vous souhaitez que vos utilisateurs prêtent attention, telles qu'un CTA, des boutons de réseaux sociaux ou des liens. Sans couleur d'accent, ces fonctionnalités peuvent parfois se perdre dans la conception du reste du site.

Pantone a choisi d'aller dans cette direction eux-mêmes. Ils ont utilisé Living Coral pour mettre en évidence l'offre sous le menu et un avis sur leur disponibilité d'expédition. Ces fonctionnalités attirent le regard et ne passeront certainement pas inaperçues, générant des ventes et informant les acheteurs de ce qu'ils doivent savoir.

Si vous souhaitez attirer l'attention sur une zone de votre site, qu'il s'agisse d'une annonce, d'un bouton d'achat ou autre, le choix d'une couleur d'accent sera utile. L'utiliser sur un fond neutre comme Pantone fonctionne bien. Vous pouvez également essayer d'associer votre accent avec une couleur contrastante pour un coup de pied plus fort.

Conclusion

Garder les conseils des meilleurs experts en design n'est jamais une mauvaise idée. Avec la perspicacité et l'autorité sur la couleur que Pantone fournit, l'utilisation de leur couleur de l'année 2019 dans votre conception de sites Web pourrait s'avérer être un détail avantageux.

Dans cet article, nous avons exploré Living Coral, la couleur Pantone de l'année 2019. Nous avons également examiné quelques exemples d'utilisation dans la conception de sites Web et discuté de la manière dont vous pourriez mettre en œuvre ces stratégies pour vous-même :

1. Ajoutez Living Coral à un design minimaliste pour une touche de couleur.
2. Présentez le corail vivant dans une palette de couleurs.
3. Laissez Living Coral occuper le devant de la scène.
4. Utilisez Living Coral comme couleur d'accent pour souligner les caractéristiques importantes.

Avez-vous des questions sur l'utilisation de la couleur Pantone de l'année dans votre conception de sites Web ? Faites-nous savoir dans la section commentaires ci-dessous!

Vignette de l'article : berry2046 / shutterstock.com.