La palette de couleurs de Smart Chip reflète sa personnalité élégante, moderne et dynamique. Nos couleurs principales - le noir, le blanc et le cuivre - créent une base audacieuse et intemporelle. Les couleurs secondaires ajoutent de la souplesse et de l'éclat, ce qui nous permet de nous adapter à différentes ambiances et contextes tout en conservant la fraîcheur et la cohésion de l'ensemble.
Couleurs primaires
La palette de couleurs primaires est composée de noir et de blanc combinés à du cuivre. Le noir et le blanc sont simples et garantissent le plus grand contraste et la meilleure lisibilité possible. 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 > 24/58/86/15
Hexagone
#ffa041 > #b26e31
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é Courbes. Vous apprendrez ici à les créer 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 d'unifier l'ensemble lorsque l'on commence à utiliser les couleurs secondaires.
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, mais ne montrez pas trop l'icône. L'image doit ressembler à des courbes et des rayures abstraites, et non à l'icône proprement dite.
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 et même les animer. Les courbes restent ainsi vivantes et fraîches.
Il n'est pas nécessaire d'utiliser toute la plage du dégradé du début à la fin. Vous pouvez "zoomer" sur une partie seulement. Cela permet d'élargir notre palette de couleurs tout en conservant des 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.
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.
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
Couleurs secondaires utilisées
Créer de nouvelles couleurs
Les 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 dessin ou modèle, 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, puis en augmentant la saturation et la luminosité. 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
Lorsque vous créez une nouvelle présentation, vous avez le choix entre un arrière-plan noir et un arrière-plan blanc. Un fond blanc donne une impression de propreté, d'ouverture et de convivialité. Un fond noir é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.
Lorsque vous réalisez des mises en page comportant plusieurs pages, ne sautez pas brutalement d'une couleur à l'autre. Structurez votre conception 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 des couleurs pour les arrière-plans, les sous-titres, les icônes ou tout autre élément pour lequel une touche de couleur est appropriée.
Pour maintenir une conception propre et cohérente, ne mélangez jamais des couleurs différentes sur la même page.
À ne pas faire
Veuillez éviter les erreurs suivantes.
N'utilisez pas de couleurs différentes dans la même présentation.
N'utilisez pas les courbes sans arrière-plan.
N'utilisez pas les courbes sur un fond de couleur différente.
Ne montrez pas trop l'icône de la puce.
Ne combinez pas un dégradé avec une couleur différente.
Ne créez pas de nouveaux dégradés qui enfreignent les règles.
N'utilisez pas de couleurs pour les marques ou les blocs de texte entiers.
N'utilisez pas de couleurs unies, sauf en cas d'absolue nécessité.
Exemples
Voici quelques exemples de l'utilisation de la couleur et des courbes. Notez les différences d'échelle, de facteur de recadrage, de rotation et de gradient des courbes.
