Couleurs
La palette de couleurs de Smart Chip reflète sa personnalité amusante et dynamique. Nos couleurs principales - le noir et le blanc - créent une base audacieuse et intemporelle. Les couleurs d'accentuation ajoutent de la flexibilité et de la vivacité, nous aidant à nous adapter à des humeurs et des contextes différents tout en conservant la fraîcheur et la cohésion de l'ensemble.
Couleurs primaires
La palette de couleurs est Noir et Blanc combinée à une Couleur de mise en évidence. Le noir et le blanc sont simples et garantissent un contraste et une lisibilité optimaux. Les différentes couleurs de mise en évidence, affichées sous forme de gradient linéaire, ajoutent une touche d'énergie et reflètent les façons ludiques dont Smart Chip facilite la vie.
Noir
CMYK (noir riche)
60/40/40/100
Hexagone
#000000
Blanc
CMYK
0/0/0/0
Hexagone
#ffffff
Mettre en évidence les couleurs
Les couleurs d'accent viennent compléter et enrichir les couleurs primaires. Elles constituent un élément central de notre identité visuelle dynamique. On les utilise pour apporter de la variété à nos créations et donner vie à 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 est une couleur calme, idéale pour des sujets plus détendus. D'autre part, Orange vif est active 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.
Il y a une règle très importante : n'utilise pas plus d'une couleur dans une même mise en page. Chaque couleur de mise en évidence doit se suffire à elle-même.
Orange vif
CMYK
0/46/78/0 > 0/86/70/0
Hexagone
#ffa041 > #fc3a3c
Bleu profond
CMYK
79/24/6/2 > 90/69/0/0
Hexagone
#0393bc > #004cd5
Violet froid
CMYK
47/59/0/0 > 80/82/0/0
Hexagone
#9d77c4 > #554195
Cuivre
CMYK
0/46/78/0 > 24/58/86/15
Hexagone
#ffa041 > #b26e31
Bleu électrique
CMYK
65/0/0/0 > 70/54/0/0
Hexagone
#23c8fe > #647cff
Violet chaud
CMYK
40/72/0/0 > 68/74/0/0
Hexagone
#a85fa2 > #6e539e
Joli rose
CMYK
5/54/34/0 > 0/85/69/0
Hexagone
#ea9091 > #ed4343
Vert calme
CMYK
62/0/92/0 > 86/29/88/16
Hexagone
#71b541 > #197642
Alerte rouge
CMYK
0/76/55/0 > 0/100/68/0
Hexagone
#ff5a5a > #e6003c
Dégradés et courbes
Dans la mesure du possible, nous utilisons des dégradés pour nos couleurs de mise en valeur, 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.
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 arrière-plan. L'arrière-plan utilise le même dégradé que les courbes, mais dans une direction différente.
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.
Tu n'es pas obligé d'utiliser toute la gamme du dégradé, du début à la fin. Tu peux te “ concentrer ” sur une partie seulement. Ça élargit encore plus notre palette de couleurs tout en gardant les 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.
Les courbes ne sont pas obligatoires - parfois, moins, c'est mieux. Évitez de les utiliser sur des éléments plus petits comme les boutons ou les petites images.
Créer de nouvelles couleurs
La palette de couleurs de mise en évidence est conçue 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, 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 une couleur d'accentuation 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 une couleur à chacun d'entre eux. Respectez cette couleur dans chaque chapitre. Cela permet d'assurer la cohérence et d'éviter l'encombrement des pages.
Vous pouvez utiliser des couleurs pour les arrière-plans, les titres, les icônes ou tout autre élément pour lequel une touche de couleur est appropriée.
Maintenir une conception propre et cohérente, ne jamais mélanger différentes couleurs sur la même page, sauf pour les éléments fonctionnels (tels que les messages d'erreur ou les alertes).
À 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.
