Transcription
1. Intro: Si nous regardons ces couleurs
à l'écran en ce moment, vous pourriez être pardonné
de penser que vous
regardez les dégradés. Cependant, si je
sépare le métal, vous réaliserez
qu'il s'agit de couleurs plates. n'y a pas de dégradés ici. va bientôt
parler de beaucoup de théorie des couleurs, mais tout cela est très
subjectif car couleurs dépendent du contexte. Une couleur est différente selon la
couleur à côté. années si Albert
était instructeur à la Bauhaus School
of Art and Design,
et il a soutenu qu'il
ne sert à rien d'apprendre la théorie des
couleurs. C'est totalement inutile
car une couleur dépend du contexte dans
lequel la couleur est visible. Une couleur peut être
complètement différente en
raison de l'endroit où elle se trouve. Ces couleurs que nous venons de regarder
ressemblaient à des dégradés parce que la couleur était différente selon ce qu'
elle était à côté. Dans un module ultérieur, nous parlerons du
fonctionnement de la couleur et du fonctionnement de vos yeux, et pourquoi cela se produit. années si on y croit, nous n'avons pas
besoin d'en parler. Nous n'avons pas besoin de
parler de théorie des couleurs. Mais personnellement, je crois que dans les studios de design modernes, il faut comprendre
pourquoi vous avez fait des choix. Vous devez être en mesure de
justifier vos choix de couleurs. Personne ne va
croire que vous êtes mieux à regarder les
couleurs qu'elles. Même si vous terminez
les exercices de ce module, vous serez mieux en mesure de
regarder les couleurs qu'elles. Et tous les exercices
de ce module sont tirés directement des années d'
interactions de la couleur du livre
Alberts.
2. Une couleur: Votre premier exercice
tiré
des interactions de couleurs consiste à faire
apparaître une couleur comme deux couleurs
différentes. Et nous pouvons le faire en changeant le contexte où se trouve
cette couleur. Les carrés intérieurs sont
exactement de la même couleur et je peux ajuster les deux couleurs des boîtes
extérieures pour essayer de les
rendre différentes. Vous pouvez le faire en effectuant des ajustements
subtils dans
un programme graphique. Mais les élèves de Joseph Albo
l'ont fait à l'origine
avec du papier coloré. Ils avaient été coupés dans un journal. Si vous voulez être
vraiment vieille école, ça pourrait être un peu amusant. J'ai créé ces carrés verts l'aide d'un programme graphique en
dessinant simplement deux petites boîtes
dans de plus grandes boîtes et positionnant les plus petites
boîtes à l'intérieur des grandes boîtes,
les deux plus petites boîtes doivent être la même couleur et les deux sorties de boîtes peuvent être de la
couleur que vous voulez. Et votre défi est
de faire croire que les deux petites boîtes
sont de couleurs différentes. Dans cet exemple, je pense
que la boîte gauche semble un peu
plus sombre que celle de droite. Quand je les mets ensemble, on peut voir qu'ils sont exactement
le même vert
au milieu. Permettez-moi de vous montrer quelques autres exemples avant de créer les vôtres. Ici, nous avons une couleur bleutée. J'ai mis un
bleu très foncé derrière ça d'
un côté et un bleu sarcelle beaucoup
plus clair de l'autre. Je crois que le bleu foncé rend le carré
intérieur un peu plus clair, alors que le bleu clair rend ce bleu un peu plus sombre. Et bien sûr encore, ils sont de la même couleur. Dans cet exemple, nous avons
un rose vif d'
un côté et un rose
rougeâtre très désaturé, plus foncé et rougeâtre de l'autre côté. Si vous ne comprenez pas
le mot « désaturé », nous le regarderons plus tard, mais la couleur est essentiellement moins évidente du
côté droit. Encore une fois, ces deux affectent
la couleur intérieure de
différentes manières malgré le
fait qu'il s'agit de la même couleur. Et enfin, cette couleur
grisâtre a un
peu de jaune dedans, mais vous ne
le remarquez pas à gauche parce que l'
arrière-plan est jaune, alors que sur la droite, vous pouvez voir que jaune dans le gris. Et quand je les ai assemblés, vous remarquerez à nouveau
qu'ils sont de la même couleur. Votre premier défi
consiste à essayer de faire en sorte qu'une couleur ressemble à
deux couleurs différentes. Vous pouvez utiliser la
même disposition que moi, où il suffit de
placer un carré à l'intérieur d'un autre carré et de l'
essayer avec des arrière-plans de
couleurs différentes. Ou vous pouvez le mettre dans le contexte
que vous vouliez. Le défi consiste à
apprendre intuitivement quels sont les attributs
de la couleur. Je vais affecter
la couleur à l'intérieur et à côté de celle-ci de différentes
manières. Il s'assure donc d'essayer cette couleur dans toutes sortes de contextes
différents pour
voir ce que vous pouvez
faire pour ajuster votre perception
de cette couleur centrale. Plus vous pouvez
rendre cette couleur différente , c'est mieux. Alors amusez-vous un peu avec ça.
3. Deux couleurs: Le deuxième exercice auquel nous
allons jouer pour améliorer notre compréhension intuitive
et notre perception des couleurs est à l'opposé de ce que nous avons fait lors de
la dernière expérience. Cette fois, nous allons essayer
de faire en sorte que deux couleurs différentes
apparaissent de la même manière. Maintenant, je l'ai fait en utilisant exactement
la même disposition que celle utilisée lors
de la dernière expérience. Seulement cette fois-ci, les deux
couleurs centrales sont très différentes. Ces deux
carrés plus petits apparaissent de la même couleur alors que dans le contexte de
ces carrés plus grands. Mais si je les déplace et que je les rejoins à nouveau, vous pouvez voir qu'
en fait, cette fois-ci, ce
sont des couleurs radicalement
différentes. Et en les
regardant sur fond blanc, il
semble étrange qu'
ils se soient jamais ressemblés. Voici un
deuxième exemple où les deux boîtes intérieures ressemblent
à la même couleur. Mais une fois que nous avons
tout déplacé, nous pouvons voir que celui gauche est en fait un peu plus orange et celui de
droite est un peu plus bleu. Mais nous n'avons pas remarqué
ces qualités dans ces couleurs
parce que le contexte, les couleurs environnantes
étaient orange et bleu. Essayez de créer deux couleurs
différentes dans deux contextes différents qui
ressemblent à la même couleur lorsque
vous les regardez globalement, vous pouvez jouer avec
d'autres choses
ainsi que l'environnement ici. Vous pouvez, par exemple, créer des formes différentes
ou des tailles différentes. Peut-être qu'une couleur semble un peu moins foncée juste
parce qu'elle est plus grande. Voyez si vous pouvez essayer certaines
choses que vous n'avez pas essayées la dernière expérience et essayez faire apparaître deux
couleurs différentes identiques.
4. Transposer la couleur: habileté très compliquée des musiciens consiste à transposer la musique d'
une clé à l'autre. Allez-vous maintenant être un
musicien de couleur. En tant que tel, pour aider à
régler votre œil identifier les
différences subtiles de couleur, nous pouvons essayer de transposer
certaines couleurs. Nous avons ici quatre nuances
de rouge
subtilement différentes pour ce prochain exercice, il pourrait être utile de
considérer cela comme un seul morceau de papier plié avec différentes
qualités et niveaux de lumière. touchant les
quatre zones différentes. Maintenant, imaginez qu'il y ait
un carré intérieur sur cette feuille de papier. C'est peut-être cette couleur bleu sarcelle. Notre défi consiste à
essayer de transposer les qualités des couleurs rouges
sur cette nouvelle couleur bleue. La nuance exacte de bleu et le haut à gauche
n'ont pas vraiment d'importance. Nous allons simplement essayer de copier les changements de qualité
au fur
et à mesure que nous allons de
gauche à droite. Et ensuite, quels sont les
changements de qualité entre le carré rouge supérieur gauche et
le carré rouge en bas à gauche. Essayez d'ajuster le carré
bleu inférieur gauche pour avoir les
mêmes changements de qualité. Essentiellement, s'il s'agissait une feuille de papier pliée
et que ce
carré inférieur gauche avait juste une quantité
différente ou différentes qualités de
lumière qui brillait dessus. À quoi ressemblerait cette couleur bleue ? Essayez d'apporter chacune de ces modifications dans votre programme
graphique sans même effectuer d'échantillonnage de couleurs
ou quoi que ce soit de ce genre. Vous allez simplement ajuster
la couleur et voir si vous pouvez créer quelque chose
avec les mêmes valeurs que les couleurs extérieures. Et juste à titre de référence, j'ai
créé un deuxième exemple. Il y a donc quatre
rectangles de violet. Je les ai choisis presque
complètement au hasard, des
qualités
légèrement différentes de violet. Ensuite, je vais mettre
ces quatre rectangles de jaune et essayer de
transposer ces couleurs. Nous examinons
les changements de qualité entre chaque carré de violet et nous essayons de copier les changements de qualité sur
les carrés jaunes. Exactement comme
si nous essayions déplacer un morceau de musique de
la touche C à la touche de A. Pour cet exercice,
comme vous m'avez vu le faire, vous allez créer quatre rectangles de différentes
nuances d'une seule couleur. Il suffit de choisir le vert peut-être, faire quatre nuances de
vert
différentes et de les mettre l'une à
côté de l'autre. Ensuite, ajoutez quatre boîtes plus petites et choisissez une couleur
pour le haut à gauche, faites-en une nuance de rouge, et essayez de transposer les changements
de qualité des couleurs des quatre autres boîtes. Cela aidera
votre œil à identifier ces changements de qualité dans la couleur et
à les ajuster.
5. Transparence: Pour ce prochain exercice, nous allons imaginer
que ces boîtes à
l' écran sont semi-transparentes. Vous devrez créer une boîte
avec une couleur, puis deux boîtes
plus petites d'une autre couleur et les positionner de la
même manière que celle-ci. Imaginez maintenant que
celui de gauche se trouve devant le violet
au milieu, et à la boîte de
droite se trouve derrière elle. Et les trois
sont un peu transparents sans ajuster l'opacité votre programme graphique
ou quoi que ce soit de ce genre. Essayez de créer deux nouvelles
couleurs pour simuler
un élément de transparence
entre ces boîtes. Sur la gauche, je vais créer une nouvelle couleur un peu
plus bleue que violette. Et à droite, je vais
créer une nouvelle couleur
, un peu plus
violette que bleue. que votre intuition pour la perception des
couleurs s'améliorera, vous serez en mesure de
créer des couleurs qui fonctionnent ici qui n'ont pas l'air complètement
naturelles pour l'instant, essayez
simplement de créer ce que sera
la couleur naturelle.
entre ces deux couleurs. Et encore une fois, comme deuxième exemple, voici une
boîte jaune au milieu et deux boîtes vertes de chaque côté. La boîte verte à gauche, nous allons imaginer
qu'elle se trouve devant
la boîte jaune et la boîte
verte à droite. Nous allons imaginer qu'il se trouve
derrière la boîte jaune. Ensuite, je vais créer deux nouvelles couleurs pour
combler les lacunes et
faire en sorte que cela ressemble une transparence naturelle
dans ces boîtes. Il est plutôt intéressant
de regarder ces deux nouvelles couleurs
hors contexte. Enfin,
je vais en faire un avec de l'
orange et du vert. Créons à nouveau
deux nouveaux rectangles montrant
les transparents,
puis regardons à quoi
ressemblent ces nouvelles couleurs par la suite. Votre défi pour cette
vidéo est de créer une grande boîte colorée et de
créer deux boîtes
colorées plus petites. Et imaginez qu'ils
ont un élément de transparence et
se superposent mutuellement. Je veux que vous créiez
la nouvelle couleur qui sera faite entre
ces boîtes colorées.
6. Gamme de transparence: Cet exercice s'appuiera sur l'exercice de la dernière vidéo, mais cette fois-ci, nous
aurons trois niveaux de transparence. Imaginez que ces trois boîtes se trouvent devant cette boîte beige, mais elles ont des
niveaux de transparence différents. Et il y a une différence
incrémentielle. Quelle que soit la différence opacité entre ces
couleurs, c'est qu'elle devrait être linéaire à travers les trois
d'entre elles pour essayer recréer l'illusion que j'ai créée à l'
écran ici. Nous allons donc recommencer
avec deux couleurs. J'ai choisi le rouge et le beige ici. Et vous remarquerez que j'ai choisi
un fond bleu marine parce que le beige ne s'est pas trop
bien passé sur un fond blanc. Mais ensuite, nous allons créer ces trois nouvelles couleurs au
fur et à mesure qu'elles se chevauchent. Et cela devrait ressembler une progression progressive
entre les trois. Peut-être que chacun se sent un peu
moins transparent que le dernier. un deuxième exemple, j'ai superposé des
boîtes bleues sur une boîte rouge. Cette fois encore, je vais
essayer d'augmenter
la transparence en ajoutant couleurs
complètement nouvelles sur le dessus. Essayez de le faire
sans jouer avec
l'opacité de votre programme
graphique
ou quoi que ce l'opacité de votre programme
graphique soit de ce genre, essayez de créer littéralement
la nouvelle couleur à partir de zéro. Encore une fois, il peut être vraiment
intéressant de voir comment ces trois couleurs regardent
ensuite hors
du contexte des autres
couleurs qui les entourent et de voir comment il y a un
pas incrémentiel clair du rouge au bleu. Très semblable
au dernier exercice. Mais cette fois, je
veux que vous superposez trois boîtes et que vous créez trois mélanges différents sont
trois niveaux de transparence différents
entre ces couleurs. Essayez de faire en sorte que ces trois
nouvelles couleurs se sentent comme des incréments linéaires
ou pour les dire autrement. Le milieu se sent à peu près mi-chemin entre le
premier et le dernier.
7. Composition des couleurs: Comme dernier défi, je veux que nous jouions
avec quel rapport de couleurs semble naturellement
bon ensemble, nous allons créer
un design très similaire à ce fameux Paul
Smith InDesign, qui est tellement réussi, il l'a mis sur les voitures,
les skateboards écharpes, le parfum
et toutes sortes de choses. Je veux que vous goûtiez
une palette
de couleurs de cinq couleurs
en ligne quelque part. Vous pouvez copier les couleurs de cette image exacte si
vous le souhaitez vraiment. Ou vous pouvez utiliser un site Web comme une couleur dope pour choisir simplement
une sélection de couleurs. Ensuite,
introduisez-les dans votre
programme graphique et essayez de créer une composition équilibrée
où il n'y a pas de blanc, tout est couvert
par ces cinq couleurs. Comme toujours, j'ai deux
exemples que j'ai créés. Et voici mon premier dessin Paul
Smith que j'ai réalisé. Vous remarquerez donc que le vert
citron était
vraiment très puissant
dans ma palette de couleurs. Je l'ai fait avoir une très, très petite surface dans la composition
finale. Tout ce qui m'inquiète ici, c'
est que ça a l'air bien ou non ? La couleur brune, je ne me sentais pas vraiment écrasante du tout. Ainsi, la plupart de la composition
utilise la couleur brun foncé. Voici
un autre exemple de composition de cinq
couleurs que j'ai créées où je suis simplement préoccupé par essayer de la rendre
belle sur la page, rendre équilibrée. Le jaune et l'
orange étaient tous deux très puissants dans ce fil de palette de
couleurs, alors que le vert foncé et
le vert clair le sont moins. Et puis cette couleur gris gris anthracite beaucoup
moins, encore une fois, j'ai juste équilibré
les rapports de couleurs en fonction de leur
puissance. En tant qu'exercice un peu plus
avancé, il pourrait être intéressant de le
faire avec un fond coloré. Il s'agit d'un tableau de Damien Hirst où il a beaucoup de cercles
de couleurs différentes. Et encore une fois, ils sont
équilibrés en fonction de la puissance ou de la puissance qu'ils ressentent dans la composition. Encore une fois, j'ai une palette de couleurs et j'ai équilibré le
nombre de cercles colorés pour que la composition
globale soit plutôt équilibrée. Vous remarquerez qu'il
y a beaucoup de petits points beiges, alors que très peu
de points noirs bleu marine foncé. Mais pour cet exercice, vous pouvez rendre le cantonais un peu plus
intéressant, car que se passe-t-il si je
change le fond en noir ? Eh bien maintenant, pour que cela soit
encore attrayant, pour qu'il soit toujours équilibré, j'ai dû changer complètement l'
équilibre des couleurs. Maintenant, la plupart des cercles
sont de couleur foncée, très peu de couleurs beiges là-dessus. Et en fait, l'équilibre de
toutes les couleurs entre les deux. J'ai dû changer
un peu aussi. Vous remarquerez
beaucoup de points violets. Maintenant, cet exercice ne nous aide pas seulement à voir
intuitivement la couleur, mais il nous aide à réfléchir à la
façon dont elle s'équilibre sur une page similaire aux exercices de
composition que
nous avons effectués dès le début. Une fois
ce module terminé, vous pouvez revenir à
ces premières compositions et essayer d'ajouter de la couleur. Pour cet exercice,
je veux que vous accédiez à Adobe Color et que vous choisissiez
une palette de couleurs. Créez ensuite une composition en utilisant
simplement ces couleurs, mais essayez d'obtenir cet
équilibre pour qu'il n'ait pas impression qu'une couleur soit plus
écrasante que d'autres. Vous pouvez créer cela avec des
lignes comme Paul Smith, ou vous pouvez le créer avec des
cercles comme Damien Hirst. Ensuite, vous avez le
défi supplémentaire de modifier la couleur d'arrière-plan et de voir comment la balance changerait. Ou si vous le souhaitez, pourquoi
ne pas vous amuser et créer une composition complètement
différente ? Mais assurez-vous simplement de n'utiliser ces cinq couleurs et que
l'équilibre est bon.
8. Résumé: Ces exercices ont de
nouveau été choisis pour améliorer votre intuition
autour de l'utilisation de la couleur. Changements de couleurs dans le contexte. Nous ne pouvons améliorer notre utilisation de la couleur qu'en
travaillant directement avec elle. Et c'est génial que vous ayez fait ces exercices avant d'en apprendre trop sur le
fonctionnement de la couleur et sur la façon dont nous
parlons des couleurs. Parce que
tout cela pourrait avoir un effet négatif sur la façon dont vous
voyez les couleurs dans leur contexte. Dans les prochaines sections, nous devons encore apprendre
à parler de couleur, car nous travaillerons avec vrais clients lorsque nous
créerons une palette de couleurs. Comme nous devons
savoir comment parler typographie pour travailler avec un client ou simplement en interne
avec l'équipe de conception, nous devons savoir
parler des couleurs pour travailler entre eux et
travailler avec nos clients. Mais maintenant, après avoir fait
ces exercices, vous pourrez mieux voir la
couleur et vous
pourrez mieux
travailler intuitivement avec la couleur.
Rob Sutcliffe, UI Designer / Developer
