Colors of Love: faire fonctionner le rouge et le rose pour votre site Web

Découvrez comment vous pouvez utiliser le rouge et le rose dans la conception de votre magasin pour un effet saisissant, ainsi que des exemples de la façon dont d’autres sites l’ont fait fonctionner.

Des coeurs, des bonbons et beaucoup de bisous. Oh oui, c’est encore cette période de l’année.

La Saint-Valentin est arrivée, apportant avec elle l’explosion habituelle de sites Web arborant soudain une palette de couleurs rouge et rose. Mais ces couleurs ne sont pas les plus faciles à utiliser ensemble, et il y a plus d’une façon dont ce mélange pourrait tomber à plat.
.

.
Voyons donc quelques sites Web qui utilisent ces couleurs avec succès et voyons ce que nous pouvons en apprendre.

Utilisation du rouge

Utiliser du rouge dans n’importe quel design peut être difficile. En termes simples, c’est une couleur très forte, souvent utilisée pour signifier un danger ou une prudence. Mais il est également utilisé pour transmettre la passion et même une énergie intense.

Rouge comme couleur d’accent

Casques Bell fait un travail incroyable en utilisant le rouge avec parcimonie. Leur logo est un point focal immédiat et ils réitèrent la couleur de leur marque dans des éléments importants pour l’interaction de l’utilisateur tels que les boutons d’appel à l’action, les états de survol de menu, les liens de navigation de diaporama et leurs médias sociaux.
Cloche

En gardant la palette de couleurs globale de leur site neutre, ils peuvent se concentrer exclusivement sur leurs photographies, leurs produits et le rouge pour lequel ils sont connus.

Rouge comme palette globale

Outil Milwaukee adopte une approche complètement différente de Bell Helmet. Leur site est presque entièrement recouvert de leur rouge caractéristique.
Milwaukee

Alors, comment empêchent-ils le rouge de devenir trop écrasant? Pour commencer, ils cassent immédiatement le rouge en présentant des photographies fortes et sombres dans leur diaporama principal. Non seulement cela rend leur site plus agréable pour les yeux, mais cela leur permet également de mettre en valeur le rouge dans leurs outils, en réitérant l’image de leur marque.

Les textures peuvent également être un excellent moyen pour vous d’introduire subtilement différents tons de la même couleur dans votre site sans risquer de heurter votre palette existante. Milwaukee Tool le fait en ajoutant une texture assombrie à l’arrière-plan du site, permettant à la zone de contenu principale de prendre la plus grande importance visuelle.

Rouge utilisé d’autres manières

Redington est une entreprise de fourniture de pêche à la mouche qui utilise le rouge d’une manière très similaire à Bell Helmets, mais qui ne dégage pas le même sentiment industriel et énergétique. En ajoutant simplement des tons terreux et des textures subtiles, le site devient apaisant et chaleureux.
Redington

En relation :  7 idées pour optimiser vos listes Amazon

Le simple fait d’ajuster les éléments et les couleurs que vous associez à votre rouge peut tout changer, de la hiérarchie visuelle au ton. Amusez-vous avec le rouge, mais utilisez-le avec prudence.

Utiliser du rose

Le rose, en revanche, évoque généralement des sentiments d’amour et de compassion. C’est la couleur des câlins chaleureux, des baisers et des cœurs. Bien que rarement utilisé de manière masculine, le rose a encore de nombreuses utilisations.

Le rose comme couleur d’accent

Tout le monde sait le secret de Victoria est connue pour son rose. Mais ils ont récemment fait une refonte du site.
le secret de Victoria

Leur site est maintenant principalement en noir et blanc, et leur signature rose n’est utilisée que dans des détails importants tels que les survols de liens, les titres et arrière-plans graphiques promotionnels et leurs photographies. En gardant l’arrière-plan et les zones de contenu blancs, ils mettent tout l’accent sur leurs produits réels et leur identité rose audacieuse.

Le rose comme palette globale

Doux et bas peut ne pas avoir leur site imprégné de rose comme Milwaukee Tool utilise leur rouge, mais ils l’ont définitivement laissé prendre le devant de la scène.
sweetnlow

La douce et douce couleur rose bébé est utilisée dans la navigation, les boutons d’appel à l’action, les liens et la sélection de photographies tout en maintenant l’équilibre. En brisant le rose avec de grandes images et illustrations, ils aident à créer un contraste, attirant finalement votre regard sur leur navigation et sur tout point idéal contenant des images de leur produit et de leur message.

Rose utilisé d’autres manières

NastyGal est un site où le rose est essentiellement atténué. Ce n’est pas aussi audacieux que Victoria’s Secret, mais ce n’est pas aussi sucré que Sweet and Low.
méchant

C’est subtil, moderne et à la mode. Garder la couleur rose neutre permet à Nasty Gal de présenter ses photographies audacieuses. Il crée également un look plus raffiné et élégant.

En fin de compte, penser stratégiquement à la façon dont vous utilisez ces couleurs est la clé de l’équilibre et de l’harmonie visuelle. N’en faites pas trop. C’est comme s’habiller le matin, assurez-vous que vos couleurs ne s’entrechoquent pas et que vous parez juste ce qu’il faut de bling.

Bonne vente!
-Kim Sullivan, Moyens I/O


Moyens Staff
Moyens I/O Staff vous a motivé, donner des conseils sur la technologie, le développement personnel, le style de vie et des stratégies qui vous aider.