30 sites Web en trois couleurs pour votre inspiration

La couleur affecte grandement le dessin. Cependant, un dessin avec trop de couleurs peut facilement submerger le spectateur. Parfois, une approche minimaliste peut aider à attirer l'attention du visiteur sur un contenu spécifique - le bon contenu.

Dans cette collection de sites Web, nous nous sommes concentrés sur des conceptions utilisant trois couleurs pour leur primaire éléments de design. Cependant, quelques-uns de ces sites incluent une ou deux couleurs de surbrillance au-delà des 3 couleurs principales. Néanmoins, ces sites étaient trop bien conçus et suffisamment proches des 3 critères de couleur pour que nous puissions les inclure dans cette collection..

Remarquez comment les couleurs vous aident à concentrer votre attention là où vous en avez besoin. Pouvez-vous voir comment la marque a été liée à chacun de ces dessins? Vous pouvez également voir à quel point l’utilisation de graphiques en couleur aux côtés d’une palette de couleurs limitée est toujours utile sans aller trop loin dans le chemin du design minimaliste. Les exemples suivants vous montreront que sites Web qui utilisent un maximum de 3 couleurs peut encore être efficace.

Mécanique de l'image

Un joli design minimaliste, qui utilise juste assez de couleur pour attirer l'attention sur le contenu important du site.

clou

Le grand fond photographique bleu contraste agréablement avec le texte principal en blanc et le nom de marque en vert, ce qui attire tout d’abord l’attention du lecteur. Le texte bleu clair attire le regard sur une brève description de la société et une liste de leurs clients impressionnants. Belle utilisation de la couleur pour créer une hiérarchie!

Le loft

Les différentes nuances de gris sur fond blanc confèrent à cette page Web une apparence sophistiquée et minimaliste. Le texte coloré dans le menu de la page sert de guide pour naviguer dans le site..

Fat-Man-Collective

Tout comme l'apparence et le ton de votre marque, la conception de ce site Web est également "concise et agréable". Bien faire pour conserver un look de marque!

Étincelle Créative

Sans l'illustration, ce site Web n'incorpore que 3 couleurs: jaune, noir et blanc, ce qui est une belle référence à une ampoule quand vous y réfléchissez. Et une ampoule fonctionne bien avec le nom de la société, Creative Spark. Intéressant.

Menthe poivrée

Un joli nom et un joli motif principalement composé de 3 couleurs, celui-ci est simple mais créatif en même temps.

Sergey Stanchev

La palette de couleurs sombres et l'utilisation limitée de la couleur confèrent à ce site une apparence sophistiquée et professionnelle..

Digimurai

Les couleurs de texte orange et bleu se marient bien avec le fond illustré et la jolie mascotte.

Causecast

Le gris, le bleu et le rose sur fond blanc donnent un ton très "joyeux", ce qui semble être un bon choix pour un programme de bénévolat / de charité..

Asthérie

Cette conception intelligente utilise des couleurs de, eh bien, des médicaments! Le blanc, le gris et le bleu sont généralement les couleurs que vous voyez sur les piluliers. Ces concepteurs ont donc eu l'idée de "Le design est une drogue".

Dave Airey

Ah, David Airey, l'un des concepteurs d'identité de marque les plus populaires de la communauté des blogueurs en graphisme. Son site est minimaliste et ne comporte que du texte noir, orange et gris sur fond blanc. Simple mais efficace!

Eduardo de La Rocque

Le fond texturé ressemble au papier fantaisie utilisé par certaines personnes pour l’impression de CV et de CV. Il est également intéressant de noter que le texte rouge rosâtre devient gris clair lorsque vous passez la souris dessus..

Huit Visage

Le noir, le blanc et le gris, ainsi que quelques notes de texte orange, sont les principales couleurs utilisées dans cette conception. Ces couleurs donnent à ce site une sorte d'apparence "d'actualité".

Fièvre

Gris foncé et gris clair et rouge sont utilisés de manière interchangeable dans cette conception. Bien que ce dessin puisse être un peu mieux organisé en termes de couleurs utilisées, où, il s’est très bien conservé avec les trois couleurs du titre..

Stefan Coisson

Ce site utilise assez efficacement 3 couleurs dans une mise en page simple. Bien que le texte puisse être mieux organisé, la surbrillance verte se démarque nettement du texte en noir et blanc..

Jon Tangerine

Bon, c’est un autre modèle qui dépasse un peu les 3 couleurs, mais le site est tellement beau qu’il crie: «Regardez-moi! Les surlignages jaunes et les liens de texte (avec un peu de soulignement orange) contrastent agréablement avec le texte noir et gris et le texte blanc occasionnel. Belle!

Martin Hipp

Le gris foncé, le noir et l'herbe verte se mélangent bien pour donner à ce site une apparence rafraîchissante, professionnelle et unique..

Sites Minimes

Vous remarquez un motif d’utilisation du noir, du gris et d’une couleur vive sur un fond blanc? Peut-être que ce type de jeu de couleurs est populaire parce qu'il crée un look minimaliste avec juste assez de couleurs pour attirer l'attention… et ce site Web ne fait pas exception.

Théorie du mouvement

La bande de noir sur les côtés apporte une touche agréable au look "film". Les textes en gris et en rouge rendent ce site simple, ce qui est très important avec toutes les images à inclure..

Un retour

Le bleu avec des nuances de gris garde ce design minimaliste et traditionnel. Les 3 couleurs différentes sont bien utilisées pour attirer l'attention sur un texte important.

Grain et gramme

Ce site Web réussit très bien à créer un attrait pour les «gentlemen» avec des couleurs viriles de gris foncé, de grain (comme le titre) et de blanc..

Superbes piles de polices

L’orange, le noir et le gris (et un tout petit peu de texte blanc) aident à casser ce site lourd en texte et à le rendre intéressant.

Yuna

Ce site utilise principalement les gris sombres et clairs des formes géométriques, mais le bleu est également une couleur de surbrillance, avec un peu de rose. Donc, vraiment, ceci est une autre variante du jeu de couleurs noir, gris et surligné.

Pentagone

Le gris, un peu de blanc et beaucoup de bleu en font un jeu de couleurs très simple. D'autre part, le bleu semble un peu écrasant, et les graphiques clignotants n'aident pas beaucoup.

Conception graphique à la radio

Techniquement, ce site utilise environ 3 couleurs: le texte noir et gris dans les cases blanches et l’arrière-plan texturé rose. Mais attendez! Fermez la page, rouvrez-la et le fond est maintenant bleu, non, jaune. D'accord, vous pouvez cesser de rouvrir la page, maintenant. Déçu, il n'y a que trois couleurs avec lesquelles jouer, n'est-ce pas?

Pixelbot

Encore une fois, gris foncé, gris clair et une couleur de surbrillance en font un jeu de couleurs simple et efficace pour la conception Web..

Site inspirant

Bien que le texte change de couleur lorsque vous passez la souris dessus, cela peut être amusant, celui-ci en tirera peut-être un peu trop. Mais peut-être peuvent-ils s'en tirer grâce à leur design simple en trois couleurs.

Stefan Persson

Gris / noir avec orange et blanc ajoutent à ce design très bien organisé. Chaque couleur semble coller à un usage strict, ce qui porte vraiment la navigation de ce site à de grandes hauteurs..

Faust

Un simple jeu de couleurs aide à atténuer la fréquentation de ce site; cependant, moins d'orange aurait aidé la conception encore plus.

Installation industrielle

La navigation sur ce site est un peu différente, ce qui n’est pas toujours recommandé. Cependant, les couleurs gris foncé, gris clair et blanc permettent de garder le site assez simple pour apprendre assez rapidement.

Note de l'éditeur: Cet article est écrit par Tara Hornor pour Hongkiat.com. Tara est diplômée en anglais et écrit sur le marketing, la publicité, la stratégie de marque, le graphisme et la publication assistée par ordinateur. En plus de sa carrière d'écrivain, Tara aime passer du temps avec son mari et ses deux enfants..