Comment choisir la palette de couleurs de votre genially

Le saviez-vous ? Un ordinateur est capable de reconnaître 16 millions de couleurs. C’est énorme, n’est-ce pas ?

Une bonne utilisation des couleurs est primordiale pour le succès de vos designs, mais … comment les utilise-t-on ? Comment viser juste avec autant de diversité ? Restez et lisez l’article : lorsque vous aurez terminé, vous aurez appris tout ce dont vous avez besoin pour utiliser les couleurs avec réussite. J’ai même fait appel à notre équipe de branding pour nous donner des conseils professionnels, je ne vous en dirai pas plus !

Vous maîtrisez peut-être déjà la technique de la couleur, mais… savez-vous comment l’appliquer sur Genially ? Nous le verrons dans cet article, ainsi que quelques astuces pour gagner beaucoup de temps en utilisant les fonctionnalités de Genially pour exprimer ce dont vous avez besoin rapidement et efficacement. On y va ?

La signification des couleurs

Les couleurs sont un élément de communication puissant. On les perçoit sans effort et elles sont très efficaces pour transmettre quantité de choses : elles vous aident à définir votre identité, à vous connecter avec votre public et à renforcer votre message. Et comment ?

Les informations sur la couleur arrivent par impression sur l’œil et lors de leur traitement, la perception est accompagnée d’émotions. En percevant une couleur, nous faisons involontairement une série d’associations qui nous amènent à ressentir d’une manière ou d’une autre.

La psychologie de la couleur étudie les relations entre les couleurs et les émotions qu’elles provoquent en nous. Et s’il est vrai qu’il peut y avoir des différences d’une personne à l’autre, il existe certaines associations que nous partageons culturellement.

Beaucoup de ces correspondances sont liées à la nature. Par exemple, généralement:

• Le jaune est la couleur du soleil et il est associé à la lumière et à l’énergie.
• Le rouge est associé au feu et au sang : il transmet chaleur, force et passion.
• La couleur bleue nous rappelle le ciel et l’eau. Selon le ton, il peut véhiculer des émotions positives ou négatives.
• Le vert nous rappelle la nature et nous fait penser à ce qui est frais et sain.

Ces associations sont également liées à qu’on appelle la température des couleurs, qui les divise en couleurs chaudes (jaune, orange et rouge) et couleurs froides (vert, bleu et violet). Les couleurs froides sont celles de la mer, de la forêt et du ciel, associées à la sérénité, à l’éloignement et à la mélancolie. Les couleurs chaudes, quant à elles, sont exaltantes ; elles sont associées au feu et au soleil et suggèrent joie, force et dynamisme.

Les relations entre les couleurs 

Les combinaisons de couleurs véhiculent également différentes sensations et émotions. Une bonne association est essentielle pour attirer l’attention de votre public et le mettre à l’aise pour explorer votre contenu.

Pour maîtriser l’art de bien les associer, il est nécessaire de distinguer entre couleurs primaires, secondaires et tertiaires, et de connaître aussi la roue chromatique.

Il faut garder à l’esprit que ce n’est pas la même chose de parler de couleurs lumières que de couleurs pigmentaires. Dans ce cas, nous nous référons aux couleurs lumières, qui sont celles affichées à travers les écrans. Il s’agit du modèle dit RVB, sigle pour ‘red, green, blue’. Selon ce modèle, ce sont les couleurs primaires: rouge, vert et bleu.

Les couleurs secondaires du modèle RVB sont le jaune, le bleu cyan et le magenta, et les couleurs tertiaires sont le orange, le jaune citron vert, le vert cyan, le bleu foncé, le violet et le fuchsia. Les couleurs tertiaires résultent de combinaisons entre les couleurs primaires et secondaires, ou entre trois couleurs primaires.

Qu’est-ce que le cercle chromatique ?

Le cercle chromatique est la représentation des couleurs disposées en cercle. C’est un élément fondamental pour le design, utilisé pendant des siècles comme outil pour trouver des combinaisons de couleurs réussies. Les différentes manières de combiner les couleurs sont liées à leur position sur la roue chromatique.

Quelles combinaisons de couleurs existe-t-il ?

En voici parmi les plus basiques : 

• Combinaisons monochromatiques : elles sont créées en combinant différentes nuances de la même couleur.
• Combinaisons complémentaires : elles utilisent deux couleurs opposées l’une à l’autre sur la roue chromatique, par exemple le jaune et le bleu.
• Combinaisons analogues : elles sont réalisées à partir de couleurs représentées proches les unes des autres sur la roue chromatique.
• Combinaisons adjacentes – Créées en mélangeant une couleur primaire avec deux couleurs tertiaires adjacentes à sa couleur complémentaire, par exemple, le rouge et deux tons adjacents au bleu.

Qu’allez-vous créer ? 

Lors de la sélection des couleurs que vous allez utiliser dans votre contenu, vous devez garder à l’esprit trois éléments de base :

• Quel est le but de votre communication ? Que souhaitez-vous réaliser avec votre contenu ?
• Quel sujet allez-vous traiter ? Quel est le style le plus approprié pour ce que vous souhaitez transmettre ?
• Et presque le plus important : qui verra votre contenu ? À qui vous adressez-vous ? Pour communiquer efficacement n’importe quel message, vous devez connecter avec votre public. C’est pourquoi il est essentiel que vous y réfléchissiez lors de la création de votre contenu.

Par exemple, il est courant d’utiliser des couleurs plus vives pour s’adresser aux enfants et plus sobres pour les contenus destinés aux adultes. Cela ne veut pas dire qu’il doit toujours en être ainsi. Vous pouvez (et devriez !) sortir des sentiers battus et essayer différentes combinaisons. Après tout, l’originalité est une valeur dans le design.

Nous allons mettre en pratique tout ce que nous avons vu jusqu’à présent. Nous verrons d’abord comment créer une palette de couleurs et ensuite comment l’appliquer très rapidement et facilement sur votre genially.

Comment créer votre palette de couleurs 

La palette est l’ensemble des couleurs utilisées dans un certain contenu, que ce soit une page web, une présentation, une infographie …

Si vous regardez bien, toutes les marques ont des couleurs principales: si je vous dis Coca Cola, vous pensez à la couleur rouge, non ? Facebook est bleu ou BP est vert. Ces couleurs n’ont pas été sélectionnées au hasard, mais en tenant compte de la psychologie de la couleur et des archétypes de marque les archétypes de marque. 

N’oubliez pas les associations de couleurs pour choisir votre marque ou votre présentation, et suivez ces conseils sur les meilleures pratiques :

• Moins votre palette contient de couleurs, mieux c’est : ici, moins c’est plus.
• Choisissez deux ou trois couleurs pour définir votre marque ou votre identité visuelle et complétez-les avec des tons neutres comme le noir, le gris ou le blanc.
• Vous créez du contenu pour votre marque ? Alors utilisez vos couleurs corporatives ! C’est ainsi que vous en profitez pour renforcer votre image de marque et la cohérence de votre communication.
• Vérifiez votre palette à l’aide de la roue chromatique pour vous assurer qu’elle est harmonique, que les couleurs ne sont pas choquantes entre elles. Attention ! Le contraste n’est pas la même chose que l’écrasement. Par exemple, le noir et le blanc contrastent l’un avec l’autre; deux nuances saturées de rouge et de rose choquent, n’est-ce pas ?
• Il est important que votre palette contienne à la fois des couleurs claires et foncées, afin qu’elle ne soit ni trop claire ni trop sombre. Si, par exemple, vous allez utiliser cinq couleurs, au moins une ou deux doivent contraster avec les autres.
• Le contraste entre les lettres et le fond doit également être suffisamment fort pour garantir la lisibilité et que le texte soit accessible à tous.

Comment appliquer les couleurs sur votre genially ‘en un clin d’œil’ :

Color picker de Genially v

Utiliser le ‘color picker’ de Genially, vous avancerez beaucoup plus vite! Dans l’onglet ‘avancé’ que vous trouvez en éditant la couleur de n’importe quel élément, vous pouvez sélectionner la couleur que vous aimez le plus en un seul clic. Si vous connaissez déjà les couleurs que vous souhaitez utiliser, vous trouverez ce que vous cherchez au premier coup d’œil.

Couleurs du document

Avec l’un des plans premium de Genially, vous pouvez facilement personnaliser les couleurs de votre création. Une fois que vous avez choisi les 3 couleurs principales de votre palette (primaire, secondaire et tertiaire), ajoutez-les à votre genially. Vous pouvez le faire en cliquant sur l’icône de la palette que vous voyez en bas de l’éditeur ou en éditant la couleur de n’importe quel élément.

Une fois que vous les avez ajoutés, vous pouvez changer la couleur des éléments de votre genially, en éditant un par un ou tous les éléments du même type en même temps.

Par exemple, vous pouvez colorer tous les boutons avec la couleur primaire, tous les titres avec la couleur secondaire et tous les textes avec la couleur tertiaire. Regardez combien de temps vous allez gagner ! En quelques clics, vous aurez appliqué votre palette de couleurs sur toutes les pages de votre genially.

Plus sur les couleurs du document

Astuces géniales 

• Inspirez-vous. Sur Behance, Instagram, Dribbble ou Pinterest, vous trouverez de nombreuses palettes.
• Utilisez des palettes déjà créées. Où les trouver ? Genially, sans aller plus loin, vous propose jusqu’à 12 palettes en utilisant la fonction ‘couleurs du document’,  des plus sobres aux plus colorées.
• Utilisez encore des outils pour générer des combinaisons : par exemple, Kuler d’Adobe, qui propose un moteur de recherche pour trouver des palettes en relation avec un mot. ColorHunt vous offre une multitude de modèles avec également la possibilité de créer les vôtres ; une extension existe qui, si vous l’ajoutez à votre navigateur, vous permet d’obtenir la palette de couleurs de n’importe quel site Web. Enfin Color Adobe est peut-être l’un des plus complets, très facile à utiliser grâce au tutoriel qui vous est montré la première fois.

Designs that stand out in Genially

Quiz Inventions de femmes : Des nuances de rose et de rouge ont été utilisées, pour un contraste réussi. Le résultat exprime à la fois douceur et force, avec une touche élégante de noir.

Carte de présentation pro: En utilisant une palette monochromatique, des contrastes significatifs sont obtenus, tout en transmettant beaucoup de lumière et d’harmonie.

Tangram pour enfants: Les couleurs contrastées de ce genially éducatif attireront facilement l’attention de vos élèves, et elles sont suffisamment nuancées pour ne pas être trop lumineuses.

En apprendre plus avec Genially Academy

Continuez à apprendre sur le design :