L'un des meilleurs moyens de modifier l'ambiance de la conception d'une page Web consiste à modifier le schéma de couleurs. Si vous envisagez d’utiliser la couleur pour modifier l’humeur, il est utile de comprendre les familles de couleurs et leur signification. Les familles de couleurs sont des divisions de la roue chromatique en trois types de couleurs:
- Couleurs chaudes
- Couleurs froides
- Couleurs neutres
Bien qu'il soit possible d'avoir un design qui utilise des couleurs des trois familles, la plupart des designs ont une sensation générale de chaleur, de fraîcheur ou de neutralité.
Dynamiser avec des couleurs chaudes
Les couleurs chaudes comprennent des nuances de rouge, orange et jaune et des variations de ces couleurs. On les appelle couleurs chaudes parce qu'elles évoquent une sensation de lumière du soleil et de feu - des choses chaudes. Les modèles qui utilisent des couleurs chaudes ont tendance à être stimulants et stimulants. Ils impliquent la passion et des sentiments positifs chez la plupart des gens. Les couleurs chaudes ont tendance à être les couleurs de la créativité, de la célébration, de la passion, de l’espoir et du succès.
Les couleurs chaudes sont créées en utilisant uniquement les deux couleurs: rouge et jaune. Ces couleurs primaires se combinent pour faire de l'orange. Vous n'utilisez pas de couleurs froides dans une palette chaude lorsque vous mélangez des couleurs.
Détendez-vous avec des couleurs froides
Les couleurs froides incluent des nuances de vert, de bleu et de violet et des variations de ces couleurs. On les appelle couleurs froides car elles évoquent une sensation d’eau, d’arbres et de nuit. Ils procurent une sensation de détente, de calme et de réserve. Les dessins qui utilisent des couleurs froides sont souvent considérés comme professionnels, stables et professionnels.
Contrairement aux couleurs chaudes, il n'y a qu'une seule couleur primaire, le bleu, dans les couleurs froides. Donc, pour obtenir d'autres couleurs dans la palette, mélangez du rouge ou du jaune avec du bleu pour obtenir le vert et le violet. Cela rend le vert et le violet plus chaud que le bleu, qui est une couleur pure et froide.
Couleurs neutres
Les couleurs neutres sont constituées de marron, qui associe les trois couleurs primaires et les deux couleurs restantes: le noir et le blanc. Plus une couleur est trouble ou grise, plus elle devient neutre. Les conceptions neutres sont les plus difficiles à définir, car elles évoquent principalement les couleurs chaudes et froides qui les influencent. Les dessins noir et blanc sont considérés comme élégants et sophistiqués, mais ces couleurs étant si nettes, elles peuvent être difficiles lors de la création de conceptions Web efficaces.
Une autre façon de créer une palette neutre consiste à ajouter du noir ou du blanc à une couleur chaude ou froide pour la rendre plus grise.
Utilisation de familles de couleurs dans la conception Web
Si vous essayez de créer une atmosphère avec votre conception Web, les familles de couleurs vous aident à le faire. Un bon moyen de tester cela consiste à créer différentes palettes dans les trois familles de couleurs et à comparer votre dessin en utilisant les trois. Vous remarquerez peut-être que le ton entier de la page change lorsque vous modifiez la famille de couleurs.
Voici quelques exemples de palettes que vous pouvez essayer avec votre page Web dans les différentes familles de couleurs:
Chaud
- # cc333F, # eb6841, # edc951
- # ffd573, # ff773d, # f73e3e
- # ffe545, #fefbaf, # c2a34f, # fbb829
- # ffab03, # fc7f03, # fc3903, # d1024e
Cool
- # 69d2e7, # a7daba, # e0e4cc
- # 2a044a, # 0b2e59, # 0d6759, # 7ab317, # a0c55f
- # 8ca315, # 5191c1, # 1e6495, # 0a4b75
- # 8fbfb9, # 6493a7, # bddb88, # e0f3b2, # eefaa8
Neutre
- # d9ceb2, # 948c75, # d5ded9, # 7a6a53, # 99b2b7
- # e6cba5, # ede3b4, # 8b9e9b, # bd7578
- # d8d0c8, # d2d0c8, # cbd0c8, # c4d0c8
- # 182009, # 464b35, # 757661, # d1ccb9