EPS / PNG 2.04MB
Couleurs primaires
La palette de couleurs primaires est la suivante Noir et Blanc combinée avec Cuivre. Le noir et le blanc sont simples et garantissent le meilleur contraste et la meilleure lisibilité possibles. La couleur de mise en évidence Cuivre, affichée sous forme de gradient linéaire, reflète les bobines de cuivre dans le Smart Chip et relie nos visuels à la puce physique.
Noir
CMYK (noir riche)
60/40/40/100
Hexagone
#000000
Blanc
CMYK
0/0/0/0
Hexagone
#ffffff
Cuivre
CMYK
0/46/78/0 > 32/60/88/35
Hexagone
#ffa041 > #875525
Dégradés et courbes
Dans la mesure du possible, nous utilisons des dégradés pour nos couleurs, combinés à un élément de conception central appelé le Courbes. Vous apprendrez ici à les fabriquer et à les utiliser.
Courbes
Les courbes sont principalement utilisées pour les arrière-plans. Elles leur donnent plus d'intérêt visuel, de profondeur et de mouvement.
Elles permettent également de lier le tout lorsque vous commencez à utiliser les couleurs secondaires. Nous y reviendrons plus tard.
Les courbes sont obtenues en mettant à l'échelle, en faisant pivoter et en recadrant l'icône de la puce. L'échelle, la rotation et le facteur de recadrage sont laissés à votre discrétion et doivent être différents pour chaque nouveau dessin.
Les courbes sont toujours placées sur un fond. L'arrière-plan utilise le même gradient que les courbes, mais dans la direction opposée.
La direction des dégradés n'est pas figée. Vous pouvez les modifier librement à chaque nouvelle conception. Ils restent ainsi vivants et frais.
Il n'est pas nécessaire d'utiliser la totalité du dégradé du début à la fin. Vous pouvez "zoomer" sur une partie seulement. Cela permet d'élargir la palette de couleurs tout en conservant nos couleurs reconnaissables.
Veillez cependant à ce qu'il soit toujours reconnaissable en tant que dégradé. Ne prenez pas une portion si petite qu'elle ressemble à une couleur unie.
Couleurs primaires en usage
Couleurs secondaires
Les couleurs secondaires soutiennent et élargissent la palette primaire. Elles sont destinées à donner de la variété aux dessins et à insuffler de la vie dans notre langage visuel.
Ces couleurs remplacent Cuivre dans la palette lorsque vous les utilisez. Les mêmes règles s'appliquent aux dégradés et aux courbes.
Ne mélangez pas différentes couleurs sur la même page.
Violet froid
CMYK
45/54/0/0 > 89/84/0/0
Hexagone
#9e81c3 > #42399d
Bleu chaud
CMYK
79/24/6/2 > 90/69/0/0
Hexagone
#0393bc > #004cd5
Bleu électrique
CMYK
65/0/0/0 > 70/54/0/0
Hexagone
#23c8fe > #647cff
Joli rose
CMYK
5/54/34/0 > 0/85/69/0
Hexagone
#ea9091 > #ed4343
Orange vif
CMYK
0/46/78/0 > 0/86/70/0
Hexagone
#ffa041 > #fc3a3c
Vert calme
CMYK
62/0/92/0 > 86/29/88/16
Hexagone
#71b541 > #197642
Tenez compte de l'ambiance ou du ton de votre dessin lorsque vous choisissez une couleur. Chaque dégradé transmet un sentiment différent. Par exemple, Violet froid évoque un sentiment de calme et de sophistication, ce qui le rend idéal pour des sujets plus détendus ou introspectifs. D'autre part, Bleu électrique est vibrante et énergique, parfaite pour un contenu dynamique ou orienté vers l'action. Réfléchissez au message que vous souhaitez faire passer et choisissez la couleur qui soutient le mieux ce récit.
Couleurs secondaires utilisées
Créer de nouvelles couleurs
La palette de couleurs primaires et la palette de couleurs secondaires sont conçues pour fonctionner ensemble et dans de nombreux contextes différents. Mais si aucun dégradé ne convient à votre projet, vous pouvez créer le vôtre.
La création de nouveaux dégradés est particulièrement utile pour associer un titre à une image. Cet exemple utilise un dégradé personnalisé pour le titre qui s'adapte parfaitement à l'image.
Les couleurs ont été obtenues en échantillonnant l'image et en augmentant la saturation. Le nouveau dégradé s'intègre ainsi dans la palette de couleurs existante.
Il y a quelques règles à respecter lors de la création de nouvelles couleurs :
N'en faites pas trop ! Essayez de vous en tenir à la palette de couleurs approuvée et ne créez de nouvelles couleurs que si cela s'avère nécessaire.
Ne créez pas un nouveau dégradé trop proche d'un dégradé existant. Si une couleur existante fonctionne, il faut s'en tenir à celle-ci.
Restez dans les tons. Ne passez pas du rouge au bleu, mais du rouge vif au rouge moyen.
Veillez à ce que les valeurs soient conformes aux dégradés existants. N'allez pas trop loin dans la saturation, l'atténuation, la clarté ou l'obscurité.
Principes fondamentaux de la couleur
Lors de la conception d'une nouvelle mise en page, vous avez le choix entre l'utilisation d'un sombre ou un fond clair. Un fond clair semble propre, ouvert et accueillant. Un fond sombre évoque la technologie, l'élégance et la puissance. Choisissez celui qui convient le mieux à votre projet, à votre message et à votre public cible.
Quel que soit votre choix, utilisez les couleurs de la marque pour rompre la mise en page, mettre en évidence certaines informations, guider l'œil ou souligner un point.
Ne sautez pas aveuglément d'une couleur à l'autre. Structurez votre design en thèmes ou chapitreset attribuez à chacun d'eux sa propre couleur. Restez fidèle à cette couleur dans chaque chapitre - cela garantit la cohérence et évite un aspect encombré au fil des pages.
Vous pouvez utiliser les couleurs pour les arrière-plans, les sous-titres, les icônes ou tout autre élément où une touche de couleur est appropriée.
Pour conserver une conception propre et cohérente, ne mélangez pas différentes couleurs sur la même page.
Don’ts
Please avoid the following mistakes.
N'utilisez pas les courbes sans arrière-plan.
N'utilisez pas les courbes sur un fond de couleur différente.
Ne mélangez pas des couleurs différentes dans le même contexte.
