1 Tout savoir sur les couleurs Défnir les couleurs de ta marque La popularité d

1 Tout savoir sur les couleurs Défnir les couleurs de ta marque La popularité des couleurs La signifcation des couleurs Exemples de combinaisons de couleurs La théorie des couleurs - Jean - 2 J'ai compilé les articles sur les couleurs : • Page 3 - Comment trouver les couleurs qui subliment ta marque Les couleurs sont la manière la plus simple et efficace de différencier ton entreprise et de communiquer ses valeurs. Voici un tutoriel détaillé pour définir la palette de couleurs idéale pour ta marque. De nombreux exemples concrets illustrent la démarche et permettent de trouver l'inspiration. • Page 60 - Découvre la popularité des couleurs pour ne pas faire d'impair Quelle couleur correspond aux clients de ton entreprise et son secteur d'activité ? Quelle est la couleur préférée ? Détestée ? Les différences de perception entre les hommes et les femmes. Quelle couleur est associée à la confiance, technologie, sécurité, vitesse, qualité, fiabilité... • Page 70 - Découvre la signification des couleurs et des associations Les couleurs évoquent spontanément une ambiance et des sentiments. Quelle est la couleur qui traduit le mieux les valeurs de ton entreprise ? Pour chacune des principales couleurs, tu retrouves les attributs et les univers associés ainsi que des exemples de combinaisons à envisager. • Page 101 - Des palettes de couleurs classées et illustrées de cas réels Tu as trouvé ta couleur principale et tu cherches l'inspiration pour établir une palette harmonieuse ? Retrouve de nombreux exemples de combinaisons de couleurs classées par la couleur principale avec des exemples issus de sites internet. • Page 179 - Découvre la théorie des couleurs expliquée aux débutants Je te présente les bases à connaître pour travailler avec le cercle chromatique, réaliser des associations harmonieuses et quelques termes utiles. Ce n'est pas du tout scolaire mais axé sur un côté pratique et concret. 2 Que vas-tu trouver ? Quelles couleurs choisir pour ta marque ? Tu as bien une petite idée mais tu ne sais pas par où commencer. Ce tutoriel, accessible à tous, te présente plusieurs options pour définir ta palette complète de couleurs. Tu choisiras celle qui colle à ta marque. Cette question mérite que tu y consacres environ 1 heure car les couleurs influencent directement sur la perception. 3 Définir les couleurs de ta marque La couleur des paquets de cigarettes a été sélectionnée intentionnellement pour engendrer un recul, voire du dégout. Une couleur peut à elle seule évoquer la marque. Par exemple, a quoi te fais penser ce mauve ? Visualises-tu une vache d une couleur improbable en train de brouter à flanc de ’ montagne ? Tu vas voir cela n'est pas sorcier de s'en sortir avec les honneurs quand tu utilises les bons outils. Ce que tu vas apprendre : • Déterminer facilement les couleurs principales • Créer une palette zen et harmonieuse avec les monochromes et semblables • Apporter un petit contraste bienvenu - L'équerre • Construire une harmonie dynamique - La complémentaire • Réaliser une palette puissante - La triade • Des exemples de sites avec leurs palettes • La déclinaison d'une palette complète • Compléter son moodboad avec le jeu de couleur • Le cas pratique pour visualiser comment cela fonctionne 4 Mc Donald's a par exemple fait évoluer les couleurs de son logo pour faire passer l'idée qu'un effort à été réalisé sur la qualité nutritionnelle. Convaincu que le big Mac fait maigrir ? Tu vas t'approprier des couleurs qui seront associées à ta marque. C'est un outil efficace pour se démarquer de ses concurrents. Nous allons chercher à sortir un peu du rouge et du bleu de base et essayer de faire preuve d'un peu de nuance. Tu disposeras à la fin de ce tutoriel d'une palette complète de couleurs présentée dans ce document. 5 Les couleurs principales Tu vas reprendre ton tableau de marque et choisir la photo la plus représentative. (Retrouve toutes les explications détaillées dans l'article consacré au tableau de marque) L'univers au niveau des couleurs doit correspondre à ton entreprise et plaire à tes clients. Il est plus facile de disposer d une photo qui ne présente pas une multitude de ’ couleurs. Nous cherchons une couleur dominante, une couleur secondaire, et une couleur d'accent. Ces couleurs seront présentes sur ton site dans des proportions différentes : 60, 30 et 10% ces proportions sont à titre indicatif et sont celles utilisées en décoration d'intérieur. La dominante apportera la continuité (souvent neutre), la secondaire animera (dynamique) et l'accent donnera un coup de fouet à l'ensemble (couleur la plus visible et contrastée). Nous allons utiliser Adobe Color CC. Cette application en ligne facilite énormément le travail. Tu vas voir elle est très intuitive et permet d'obtenir des résultats stupéfiants en un claquement de doigts. Tu arrives sur cette page : 6 • Cliquer sur l icône appareil photo en haut à droite ’ • Sélectionner ton image • Essayer toutes les propositions dans Atmosphère de couleur Coloré Lumineux Sourd Profond Sombre • Conserver celle qui est la plus appropriée • Déplacer le curseur si une couleur ne te convient pas 7 A ce stade, tu as ta couleur dominante et avec beaucoup de chance tes 3 couleurs. • Cliquer sur la roue Chromatique (en haut à droite) Les couleurs retenues sont disposées sur la roue chromatique. 8 Voici un bref aperçu du fonctionnement de la roue chromatique. La roue est schématiquement divisée en 12 couleurs. Le déplacement le long de l axe entre le centre et le bord détermine la quantité de ’ blanc ajoutée à la couleur. 9 La réglette la plus en bas détermine la quantité de noir additionnée à la couleur. Ainsi pour avoir une couleur pure, il faut que le curseur touche le bord de la roue et que la réglette soit positionnée à droite. 10 • Ouvrir un document texte • Copier les lignes suivantes : • Couleurs photos • Couleur 1 : • Couleur 2 : • Couleur 3 : • Dominante : • Supplémentaire : • Accent : • Gris clair : • Gris moyen : • Gris foncé : • Noter les références HEX des couleurs choisies dans couleurs photo. Il s'agit des références informatiques des couleurs. Il sera plus facile de t'y retrouver en nommant les couleurs. Dans cet exemple : • Vert tendre : 4C7302 • Orange clair : F18805 • Orange soutenu : F25E02 11 • Sélectionner ta couleur dominante en se déplaçant en bas de la case et en cliquant sur le triangle Je te présente 4 options pour réaliser ta palette à l'aide de l'outil Règle de couleur. A chaque fois, il est nécessaire de copier la référence de la couleur si possible avec des annotations. Zen et harmonie - Les monochromes et semblables 12 Les palettes monochromatiques sont les plus simples à réaliser. Il s agit de la ’ déclinaison d une couleur unique. ’ Elles fonctionnent avec toutes les couleurs et les résultats sont harmonieux dans la très grande majorité des cas. Le résultat peut cependant manquer de relief et de dynamisme. Ce choix n est pas recommandé pour une palette composée de pastels. Le résultat ’ est trop terne. Les palettes semblables sont très similaires mais offrent plus de diversité en combinant des couleurs juste à côté dans la roue chromatique. Pour réussir une palette monochromatique ou semblable, il faut veiller à bien contraster les couleurs en les choisissant à des niveaux de pureté bien marqués en se déplaçant sur l'axe de la roue. 13 C est une bonne option si le contenu visuel prime sur le reste. Les photos ’ ressortiront en particulier si elles sont dans des teintes complémentaires (à l'opposé du cercle chromatique). Les design minimalistes utilisent souvent une palette monochrome. • Choisir Semblable ou Monochrome 14 • Sélectionner Personnalisé dans la liste • Remonter le curseur de l'accent sur le bord • Supprimer le noir de l'accent en déplaçant à droite la molette de la réglette située le plus en bas • S'assurer que les 2 curseurs des couleurs dominante et complémentaire ne soient pas sur la même hauteur du cercle 15 Un petit contraste bienvenu - L'équerre Il s'agit de 2 couleurs semblables ou monochromes avec une couleur accent à 90° sur le cercle. Le résultat est équilibré. • Choisir Semblable ou Monochrome 16 • Sélectionner Personnalisé dans la liste • Déplacer un des curseurs à angle droit des autres sur le bord opposé • S'assurer que les 2 curseurs des couleurs dominante et complémentaire ne soient pas sur la même hauteur du cercle • Accentuer si besoin le contraste en jouant avec la barre du bas Harmonie dynamique - La complémentaire Cette palette est la plus simple à utiliser pour un débutant car elle remplit aisément toutes les taches. 2 couleurs pour l'habillage du site et un accent qui tranche. 17 Elle demande un peu plus de travail qu une simple palette monochrome mais reste ’ très accessible. La couleur complémentaire est celle qui ressort le mieux face à la uploads/s3/ ebook-couleurs.pdf

  • 29
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Attribution requise
Partager