SlideShare une entreprise Scribd logo
1  sur  38
Co-funded by the
Erasmus+ Programme
of the European Union
Comprendre les
pratiques de design
Module 2
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
This project has been funded with support from the European Commission. This publication [communication]
reflects the views only of the author, and the Commission cannot be held responsible for any use, which may
be made of the information contained therein.
1
Bienvenue dans le deuxième module de la
formation sur la littératie visuelle INVOLVE.
Tout au long de ce module, nous
approfondirons le concept et la
compréhension des pratiques de design, en
explorant leurs importance et la manière
dont elles peuvent bénéficier à votre
entreprise.
La théorie du design est un domaine de
recherche qui s'intéresse aux approches
théoriques qui aident les artistes à
comprendre les principes de base du design
et les meilleures pratiques. Elle aide les
artistes à comprendre comment
transmettre efficacement un message à un
public par le biais d'indices visuels.
Introduction Théorie des couleurs
2 Composition d'un design
3 Autre principe du design
4 Créer des designs efficaces
5 Autres ressources
Co-funded by the
Erasmus+ Programme
of the European Union
Théorie des
couleurs
Sujet 1 :
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
La théorie des couleurs est un aspect fondamental du
design qui explore les relations entre les couleurs et la
manière dont elles peuvent être combinées de
manière efficace et agréable à l'œil. Elle comprend
des concepts tels que l'harmonie des couleurs, les
schémas de couleurs et l'impact psychologique de la
couleur sur l'observateur.
Dans le design, la théorie des couleurs joue un rôle
crucial, car elle aide les concepteurs à créer des
dessins efficaces et esthétiques qui communiquent un
message ou transmettent une humeur ou une
émotion spécifique. En comprenant la théorie des
couleurs, les designers peuvent choisir des couleurs
qui se complètent et créer un sentiment d'équilibre et
d'harmonie dans leurs créations. La théorie des
couleurs est donc un outil essentiel dans la boîte à
outils du designer.
Qu'est-ce que la théorie
des couleurs ?
V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S
La psychologie de la couleur
étudie les effets émotionnels et
psychologiques des couleurs sur
les personnes. Des couleurs
différentes peuvent évoquer des
émotions et des humeurs
différentes, et la compréhension
de ces effets peut aider les
designers à créer des dessins qui
communiquent efficacement un
message ou un sentiment
particulier.
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
Le cercle chromatique est une
représentation visuelle des relations entre
les couleurs et est utilisé comme outil pour
aider les designers à choisir et à combiner
les couleurs dans leurs créations.
Les cercles chromatiques sont utilisées
pour aider les artistes et les designers à
choisir et à mélanger des couleurs qui
s'accordent bien entre elles. En
comprenant les relations entre les
couleurs, il devient plus facile de créer des
compositions harmonieuses et
visuellement attrayantes.
Le cercle chromatique
Refers to a good or service being
offered by a company.
V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S
Image source : https://shop.decoart.com/blog/color-
theory-basics-the-color-wheel/
Le cercle chromatique standard comprend :
• les couleurs primaires (magenta, jaune et cyan),
• les couleurs secondaires (vert, orange et violet),
• et les couleurs tertiaires (jaune-vert, cyan-vert,
cyan-violet, magenta-violet, magenta-orange et
jaune-orange).
Ces couleurs sont disposées dans un ordre spécifique, les
couleurs primaires étant réparties de manière
équidistante autour du cercle et les couleurs secondaires
étant situées entre elles.
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
Le cercle chromatique est une
représentation visuelle des relations
entre les couleurs et est utilisé comme
outil pour aider les designers à choisir et
à combiner les couleurs dans leurs
créations.
Les cercles chromatiques sont utilisées
pour aider les artistes et les designers à
choisir et à mélanger des couleurs qui
s'accordent bien entre elles. En
comprenant les relations entre les
couleurs, il devient plus facile de créer
des compositions harmonieuses et
visuellement attrayantes.
Le cercle chromatique
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
L'harmonie des couleurs fait référence à la
combinaison de couleurs qui sont
visuellement agréables et qui fonctionnent
bien ensemble. Il existe différents types
d'harmonies de couleurs : complémentaires,
analogiques et triadiques.
Les palettes de couleurs sont des
combinaisons de couleurs utilisées dans un
dessin particulier. Il existe plusieurs types de
palettes de couleurs : monochromatique,
analogique, complémentaire et triadique.
Il est important de comprendre la
terminologie des couleurs telle que la teinte,
la saturation et la valeur pour créer et
communiquer sur les couleurs dans le
domaine du design.
Le cercle chromatique
V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S
CMJN vs RVB
Image source : https://www.pogodesign.co.nz/graphic-
design/colour-cmyk-vs-rgb/
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
RVB signifie rouge, vert, bleu, qui sont les
couleurs primaires de la lumière. Il s'agit d'un
modèle de couleur additif utilisé pour créer des
couleurs sur les écrans électroniques tels que les
moniteurs d'ordinateur, les téléviseurs et les
appareils mobiles.
Dans le modèle de couleurs RVB, les couleurs
sont créées en mélangeant différentes quantités
de lumière rouge, verte et bleue. Lorsque les
trois couleurs sont combinées à pleine intensité,
elles produisent une lumière blanche.
Lorsqu'aucune des couleurs n'est présente, le
résultat est noir.
Le modèle de couleurs RVB est largement utilisé
dans les médias numériques et le design, car il
permet un niveau élevé de contrôle et de
précision des couleurs. C'est également le
modèle de couleur standard utilisé dans les
appareils photo numériques et les logiciels de
retouche d'images.
RVB
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
CMJN signifie cyan, magenta, jaune et noir, qui
sont les couleurs primaires utilisées dans le
processus d'impression en quatre couleurs.
Dans le modèle de couleurs CMJN, les couleurs
sont créées par la superposition de points
d'encre cyan, magenta, jaune et noire sur une
page blanche. La quantité d'encre utilisée et la
façon dont les points sont placés déterminent la
couleur obtenue. En superposant les quatre
couleurs à pleine intensité, il est possible de
créer une gamme complète de couleurs, y
compris des nuances de gris.
Le modèle de couleurs CMJN est utilisé dans
l'industrie de l'imprimerie parce qu'il est plus
précis que les autres modèles de couleurs
lorsqu'il s'agit de reproduire les couleurs sur le
papier. Cependant, il n'est pas aussi précis que le
modèle de couleur RVB lorsqu'il s'agit de
représenter les couleurs sur un écran
numérique.
CMJN
Co-funded by the
Erasmus+ Programme
of the European Union
Composition d'un
design
Sujet 2 :
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
En design, la création d'un design fait référence
à l'arrangement et à l'organisation d'éléments
visuels tels que la couleur, la texture, la forme, la
taille et l'espace d'une manière délibérée afin
d'obtenir un sentiment d'harmonie ou de
tension au sein du design.
Plusieurs principes de design peuvent aider à
créer un design harmonieux et attrayant, qui
communique efficacement le message souhaité :
contraste, accent, proportion, hiérarchie,
répétition, rythme, motif, espace blanc,
mouvement, variété, unité, équilibre.
Consultez l'infographie récapitulative des
principes de design ici.
Composition
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
Le principe d'équilibre dans le design permet de créer à la
fois de la tension et de la paix dans un élément visuel. Il s'agit
de la répartition des éléments de design, tels que les objets,
les couleurs et les textures, afin d'obtenir un effet stable et
harmonieux. Les designers réfléchissent à la manière dont ils
répartissent le poids et agencent les éléments horizontaux,
verticaux, diagonaux et de fond pour créer une composition
visuellement attrayante.
Il existe deux grands types d'équilibre :
Équilibre symétrique : il s'agit de refléter la mise en forme et
le design de chaque côté de l'élément visuel. En réalisant la
symétrie, le designer crée un sentiment de paix et
d'harmonie pour le spectateur.
Équilibre asymétrique : il implique l'utilisation d'éléments
opposés et de dessins asymétriques. En introduisant
intentionnellement un déséquilibre, le designer crée une
tension et un intérêt visuel. Il peut attirer l'attention sur des
éléments spécifiques, créer une composition dynamique et
évoquer un sentiment d'excitation ou d'énergie.
Équilibre
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
Le contraste fait référence à la différence entre
les éléments d'une composition. Deux éléments
sont bien contrastés lorsqu'il est facile de les
comparer et de les comprendre
individuellement. Voici quelques exemples
d'éléments contrastés que vous pouvez utiliser :
• Couleurs sombres et claires
• Images grandes et petites
• Polices contemporaines et classiques
• Images de premier et de dernier plan
• Couleurs complémentaires et analogues
• Couleurs opaques et translucides
En utilisant des éléments contrastés, un designer
peut créer de l'intérêt et mettre en valeur des
zones spécifiques du dessin.
Contraste
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
Josef Müller-Brockmann : graphiste suisse connu
pour son utilisation de systèmes de grilles et de
typographies audacieuses. Son travail incorpore
souvent une forte utilisation du contraste et de la
composition pour créer des designs clairs et efficaces.
David Carson : graphiste américain qui s'est fait
connaître dans les années 1990 pour ses créations
innovantes et non conventionnelles. Son travail
incorpore souvent une forte utilisation du contraste et
une expérimentation de la typographie et de la mise
en page.
Paul Rand : graphiste américain de renom, surtout
connu pour ses designs de logos d'entreprise,
notamment ceux d'IBM, d'ABC et d'UPS. Son travail
incorpore souvent une forte utilisation du contraste et
de la composition pour créer des designs simples mais
mémorables.
Image source : http://indexgrafik.fr/paul-rand/
Contraste/Composition
Exemples de designers
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
La hiérarchie visuelle aide les designers
et les développeurs à présenter chaque
élément de manière logique, ce qui
permet d'assimiler correctement le
visuel. La composition est faite d'une
manière qui implique l'importance des
éléments.
Vous pouvez jouer avec plusieurs
éléments pour donner une impression
de hiérarchie : taille, perspective,
couleurs, polices de caractères, espaces,
etc.
Hiérarchie
Co-funded by the
Erasmus+ Programme
of the European Union
Autres principes de
design
Sujet 3 :
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
"Less is more" ("Le moins est l'amie du bien") est
un principe de design qui suggère que la
simplicité et le minimalisme peuvent conduire à
de meilleurs résultats en matière de design. Cela
signifie que, parfois, la suppression ou la
simplification d'éléments dans un design peut le
rendre plus efficace et plus attrayant sur le plan
visuel.
En utilisant moins d'éléments, le design devient
plus clair, plus ciblé et plus facile à comprendre.
Il est souvent associé au mouvement moderniste
du design, qui privilégie les lignes épurées, les
formes simples et le design fonctionnel au
détriment du design ornemental et excessif.
Less is More
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
Le moteur de recherche Google est un
exemple de l'efficacité de l'approche
"less is more" en matière de design.
L'interface blanche et épurée de la page
de recherche de Google est devenue un
élément de design emblématique à part
entière, et l'accent mis par l'entreprise
sur la simplicité et la facilité d'utilisation
l'a aidée à devenir l'un des sites Web les
plus populaires d’Internet.
Efficacité du principe "less
is more"
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
Les principes de la Gestalt sont des principes/lois de la
perception humaine qui décrivent comment les
humains regroupent inconsciemment des éléments
similaires, reconnaissent des modèles et simplifient
des images complexes lorsqu'ils perçoivent des objets,
afin de donner un sens à leur environnement.
Les designers utilisent ces principes pour organiser le
contenu des sites Web et d'autres interfaces de
manière à ce qu'il soit esthétiquement agréable et
facile à comprendre.
La théorie de la Gestalt englobe six principes clés qui
lui sont généralement associés : la similitude, la
continuité, la fermeture, la proximité, la relation
figure/fond, ainsi que la symétrie et l'ordre.
Pour en savoir plus sur chacun de ces principes,
cliquez ici.
Les principes de la Gestalt
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
La typographie est l'art de disposer les
caractères pour rendre le langage écrit
lisible et attrayant.
Il s'agit d'un élément essentiel du design
graphique, et son utilisation efficace
peut améliorer l'attrait esthétique
général et la lisibilité de votre design.
Les polices de caractères choisies
doivent être très lisibles. La couleur du
texte doit être minimale et doit toujours
contraster avec la couleur de fond.
Il est souvent recommandé d'utiliser un
maximum de trois polices de caractères
différentes dans un maximum de trois
tailles différentes.
Tipographie
V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S
Choisissez la bonne police de
caractères, elle doit compléter le
ton et l'objectif de votre design.
Par exemple, une police avec
empattement peut convenir
davantage à un design traditionnel
ou formel, tandis qu'une police
sans empattement peut convenir
davantage à un design moderne et
élégant.
La hiérarchie fait référence à la
disposition des caractères afin de
créer une hiérarchie visuelle qui
guide l'œil du lecteur. Utilisez des
polices de plus grande taille, des
styles gras ou italiques et des
couleurs différentes pour créer une
hiérarchie claire de l'information.
Faites attention à l'espacement : un
bon espacement entre les lettres, les
mots et les lignes est essentiel pour
la lisibilité. Cela permettra une
expérience de lecture confortable.
3 conseils pour une typographie efficace
Co-funded by the
Erasmus+ Programme
of the European Union
Créer des designs
efficaces
Sujet 4 :
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
La première étape de la création d'un design de qualité consiste à bien
comprendre le cahier des charges. Cela signifie que vous devez savoir ce que
vous voulez, quels sont vos objectifs et quel est votre public cible.
Avant de commencer le design, faites des recherches sur le sujet et le public
cible. Faites un brainstorming des différentes idées et esquissez des concepts
bruts.
Un bon design est souvent simple et facile à comprendre. Évitez le désordre et
les éléments inutiles.
L'application de la théorie du design décrite précédemment peut vous aider à
créer un site Web visuellement attrayant et facile à parcourir pour l'utilisateur.
La prise en compte des changements culturels et l'utilisation de la théorie des
5W et du H vous aideront également à créer des visuels adaptés.
Littératie visuelle et design efficace
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
Être conscient des changements
culturels dans le domaine du design
signifie comprendre comment les
valeurs, les croyances et les
comportements culturels peuvent
influencer la façon dont les gens
perçoivent le design et interagissent
avec.
Il s'agit notamment d'être conscient des
tendances et des changements dans les
attitudes culturelles à l'égard de sujets
tels que le sexe, la race, la religion et le
statut socio-économique, et de la
manière dont ces changements peuvent
influer sur les décisions que nous
prenons en matière de design.
Changements culturels
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
Par exemple, un designer peut être amené à
tenir compte des sensibilités culturelles lorsqu'il
conçoit un produit ou une marque pour un
public international.
Il peut s'agir de prendre en compte les
significations et les connotations culturelles
associées à certaines couleurs, certains
symboles ou certaines images, et de s'assurer
que la conception est appropriée et
respectueuse de la culture cible.
Par exemple, en Chine, le rouge symbolise la
bonne fortune, la chance, la vitalité, la fête et la
prospérité.
En Occident, le rouge est la couleur du sang,
il est historiquement lié au sacrifice, au danger
et au courage.
Sensibilités culturelles
Le logo qui devait ressembler à des
flammes attire le feu !
En 2019, Nike a été critiqué pour un
design jugé offensant par certains :
https://www.today.com/style/nike-
air-max-shoe-logo-called-offensive-
muslims-allah-design-t147626​
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
Les "5 W et H" sont un cadre souvent
utilisé dans le journalisme et l'écriture
pour guider la collecte d'informations sur
un événement ou un sujet.
Le cadre des "5 W et H" n'est pas
seulement utilisé dans le journalisme et
l'écriture, il est aussi couramment employé
dans le domaine du design pour faciliter la
collecte d'informations concernant une
tâche ou une conception spécifique.
5 W et H
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
Who (Qui) : les personnes ou entités impliquées dans
l'événement ou le sujet. Qui sont les principaux
acteurs ? Qui est touché par l'événement ?
What (Quoi) : l'action ou le sujet de l'événement ou
du thème. Que se passe-t-il ? Quels sont les
principaux sujets abordés ?
When (Quand) : le cadre temporel de l'événement ou
du sujet. Quand cela s'est-il passé ? Quand cela doit-il
se dérouler ?
Where (Où) : le lieu ou le contexte de l'événement ou
du sujet. Où cela s'est-il passé ? Où cela doit-il se
dérouler ?
Why (Pourquoi) : la raison ou le motif qui sous-tend
l'événement ou le sujet. Pourquoi cela se déroule-t-
il ? Pourquoi est-ce important ?
How (Comment) : le processus ou les méthodes
utilisés dans le cadre de l'événement ou du sujet.
Comment cela s'est-il passé ? Comment cela va-t-il se
dérouler ?
Utilisation des 5 W et H pour la
composition, par exemple une
affiche pour un événement :
Co-funded by the
Erasmus+ Programme
of the European Union
Ressources
Sujet 5 :
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S
Format de fichier AI - Adobe Illustrator, qui est un format
vectoriel utilisé pour créer des logos, des icônes et d'autres
graphiques qui doivent être mis à l'échelle sans perte de
qualité.
Format de fichier PSD - Adobe Photoshop, qui est un format de
trame utilisé pour l'édition et la manipulation de
photographies et d'autres images.
Format de fichier EPS - PostScript encapsulé, qui est un format
vectoriel souvent utilisé pour l'impression et la publication.
PDF - Portable Document Format, qui est un format de fichier
pouvant contenir à la fois des graphiques vectoriels et des
graphiques tramés, et qui est souvent utilisé pour partager
des dessins ou envoyer des fichiers à une imprimante.
Format de fichier SVG - Scalable Vector Graphics, qui est un
format de fichier vectoriel couramment utilisé pour la
conception de sites web et de graphiques interactifs.
Format de fichier PNG - Portable Network Graphics, qui est un
format basé sur la trame qui supporte la transparence et qui
est couramment utilisé pour les graphiques web.
Format de fichier JPG/JPEG - Joint Photographic Experts Group,
qui est un format de trame compressé couramment utilisé
pour les photographies et les graphiques web.
Formats de fichier
V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S
Logiciel de design gratuit
GIMP : un logiciel de
retouche d'images libre
et gratuit
Gravit Designer : un
logiciel de design de
graphiques vectoriels
qui permet de créer des
logos, des icônes, des
illustrations, etc.
Krita : un logiciel de
peinture numérique qui
convient à la création
de concepts artistiques,
d'illustrations et de
bandes dessinées.
Pixlr : un outil de
retouche photo basé
sur un navigateur qui
offre des outils de
retouche et des filtres
pour améliorer vos
images.
Blender : un logiciel
d'animation et de
modélisation 3D qui
peut être utilisé pour
créer des modèles 3D,
des animations et des
effets visuels.
V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S
Disponible pour Windows, macOS et iPad, cette
application très fluide et riche en fonctionnalités
est le choix de milliers d'illustrateurs
professionnels, de concepteurs de sites Web, de
développeurs de jeux et d'autres créatifs
souhaitant créer des concepts artistiques, des
projets d'impression, des logos, des icônes, des
conceptions d'interface utilisateur, des maquettes,
etc. de grande qualité.
Affinity Apps
Affinity
Apprécié des professionnels de la création, Procreate offre
tout ce dont vous avez besoin pour créer des croquis
expressifs, des peintures riches, de superbes illustrations et
de magnifiques animations. Procreate est le studio d'art
complet que vous pouvez emporter partout, doté de
fonctions uniques et d'outils créatifs intuitifs.
Site Web de Procreate
Procreate
V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S
Propose des tutoriels de
design, des cours et des
ressources sur divers
sujets, notamment le
design graphique, l'image
de marque et la
typographie.
Une plateforme en ligne
où les designers peuvent
présenter leur travail et
trouver l'inspiration
auprès des autres. Il
propose également des
ressources telles que des
offres d'emploi et des
articles sur le design.
Un site Web qui propose
des tutoriels de design,
des actualités et des
commentaires sur divers
logiciels et outils de
design. Il couvre des
sujets tels que le design
graphique, la conception
web et la conception UX.
Canva
Design
School
Behance CreativeBl
oq
3 sites Web de design qui proposent des ressources
V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S
"Don't Make Me Think" de
Steve Krug
Un guide classique de la
convivialité des sites Web,
qui fournit des conseils
pratiques sur la manière
de créer des designs
intuitifs et faciles à utiliser.
"Thinking with Type" de Ellen
Lupton
Un guide pratique de la
typographie, fournissant
des exemples et des
exercices qui aident à
comprendre les principes
fondamentaux de la
typographie et à l'utiliser
efficacement.
"The Non-Designer's Design
Book" de Robin Williams
Un guide convivial pour les
débutants sur les
principes du design,
couvrant des sujets tels
que la mise en page, la
couleur, la typographie et
l'imagerie.
"Visual Explanations"
d'Edward Tufte
Il explore l'utilisation
d'éléments visuels dans la
communication, en
fournissant des exemples
de visualisation de
données efficaces et en
expliquant comment créer
des explications visuelles
claires et convaincantes.
"Designing Brand Identity"
d'Alina Wheeler
Un guide complet sur l'image
de marque, couvrant des
sujets tels que la stratégie
de marque, l'architecture
de la marque, l'identité
visuelle et la mise en
œuvre de la marque.
5 livres à lire sur le design visuel
V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S
99 % Invisible
Ce podcast explore le design et
l'architecture des objets et des
espaces du quotidien, de
l'histoire cachée de la laverie
automatique à la conception
des terminaux aéroportuaires.
Avec Debbie Millman
Design matters
Ce podcast propose des
entretiens avec d'éminents
designers, artistes et autres
créatifs issus d'un large éventail
de secteurs.
D'InVision
Design better
Ce podcast couvre un large
éventail de sujets liés au
design, du design de produits
et à l'UX au leadership et à la
croissance de carrière. Chaque
épisode comprend des
entretiens avec des designers
et d'autres experts dans ce
domaine.
The Deeply Graphic
Design Cast
Ce podcast est animé par un
groupe de graphistes et couvre
un large éventail de sujets liés
au design, de l'image de
marque et de la typographie au
marketing et aux médias
sociaux.
4 podcasts à écouter sur le design visuel
Co-funded by the
Erasmus+ Programme
of the European Union
V
I
S
U
A
L
L
I
T
E
R
A
C
Y
F
O
R
E
N
T
R
E
P
R
E
N
E
U
R
S

Contenu connexe

Plus de caniceconsulting

PROSPER - Module 3 - Unit 3 - Sviluppare senso di appartenenza nel mondo ibri...
PROSPER - Module 3 - Unit 3 - Sviluppare senso di appartenenza nel mondo ibri...PROSPER - Module 3 - Unit 3 - Sviluppare senso di appartenenza nel mondo ibri...
PROSPER - Module 3 - Unit 3 - Sviluppare senso di appartenenza nel mondo ibri...
caniceconsulting
 
PROSPER - Module 3 - Unit 2 Misurare l_appartenenza digitale_IT.pptx
PROSPER - Module 3 - Unit 2 Misurare l_appartenenza digitale_IT.pptxPROSPER - Module 3 - Unit 2 Misurare l_appartenenza digitale_IT.pptx
PROSPER - Module 3 - Unit 2 Misurare l_appartenenza digitale_IT.pptx
caniceconsulting
 

Plus de caniceconsulting (20)

PROSPER - Module 3 - Unit 3 - Sviluppare senso di appartenenza nel mondo ibri...
PROSPER - Module 3 - Unit 3 - Sviluppare senso di appartenenza nel mondo ibri...PROSPER - Module 3 - Unit 3 - Sviluppare senso di appartenenza nel mondo ibri...
PROSPER - Module 3 - Unit 3 - Sviluppare senso di appartenenza nel mondo ibri...
 
PROSPER - Module 3 - Unit 2 Misurare l_appartenenza digitale_IT.pptx
PROSPER - Module 3 - Unit 2 Misurare l_appartenenza digitale_IT.pptxPROSPER - Module 3 - Unit 2 Misurare l_appartenenza digitale_IT.pptx
PROSPER - Module 3 - Unit 2 Misurare l_appartenenza digitale_IT.pptx
 
PROSPER - Module 3 - Unit 1_IT.pptx
PROSPER - Module 3 - Unit 1_IT.pptxPROSPER - Module 3 - Unit 1_IT.pptx
PROSPER - Module 3 - Unit 1_IT.pptx
 
PROSPER - Module 2 - Unit 4.pptx
PROSPER - Module 2 - Unit 4.pptxPROSPER - Module 2 - Unit 4.pptx
PROSPER - Module 2 - Unit 4.pptx
 
PROSPER - Modulo 1 - Unità 5_IT.pptx
PROSPER - Modulo 1 - Unità 5_IT.pptxPROSPER - Modulo 1 - Unità 5_IT.pptx
PROSPER - Modulo 1 - Unità 5_IT.pptx
 
PROSPER - Modulo 1 - Unità 4_IT.pptx
PROSPER - Modulo 1 - Unità 4_IT.pptxPROSPER - Modulo 1 - Unità 4_IT.pptx
PROSPER - Modulo 1 - Unità 4_IT.pptx
 
PROSPER - Modulo 1 - Unità 3_IT.pptx
PROSPER - Modulo 1 - Unità 3_IT.pptxPROSPER - Modulo 1 - Unità 3_IT.pptx
PROSPER - Modulo 1 - Unità 3_IT.pptx
 
PROSPER - Modulo 1 - Unit 2_IT.pptx
PROSPER - Modulo 1 - Unit 2_IT.pptxPROSPER - Modulo 1 - Unit 2_IT.pptx
PROSPER - Modulo 1 - Unit 2_IT.pptx
 
PROSPER - Modulo 1 - Unità 1_IT.pptx
PROSPER - Modulo 1 - Unità 1_IT.pptxPROSPER - Modulo 1 - Unità 1_IT.pptx
PROSPER - Modulo 1 - Unità 1_IT.pptx
 
BG PROSPER - Module 4 - Unit 3.pptx
BG PROSPER - Module 4 - Unit 3.pptxBG PROSPER - Module 4 - Unit 3.pptx
BG PROSPER - Module 4 - Unit 3.pptx
 
BG PROSPER - Module 4 - Unit 2.pptx
BG PROSPER - Module 4 - Unit 2.pptxBG PROSPER - Module 4 - Unit 2.pptx
BG PROSPER - Module 4 - Unit 2.pptx
 
BG PROSPER - Module 4 - Unit 1.pptx
BG PROSPER - Module 4 - Unit 1.pptxBG PROSPER - Module 4 - Unit 1.pptx
BG PROSPER - Module 4 - Unit 1.pptx
 
BG PROSPER - Module 3 - Unit 4 bg.pptx
BG PROSPER - Module 3 - Unit 4 bg.pptxBG PROSPER - Module 3 - Unit 4 bg.pptx
BG PROSPER - Module 3 - Unit 4 bg.pptx
 
BG PROSPER - Module 3 - Unit 3.pptx
BG PROSPER - Module 3 - Unit 3.pptxBG PROSPER - Module 3 - Unit 3.pptx
BG PROSPER - Module 3 - Unit 3.pptx
 
BG PROSPER - Module 3 - Unit 2 bg.pptx
BG PROSPER - Module 3 - Unit 2 bg.pptxBG PROSPER - Module 3 - Unit 2 bg.pptx
BG PROSPER - Module 3 - Unit 2 bg.pptx
 
BG PROSPER - Module 3 - Unit 1 bg.pptx
BG PROSPER - Module 3 - Unit 1 bg.pptxBG PROSPER - Module 3 - Unit 1 bg.pptx
BG PROSPER - Module 3 - Unit 1 bg.pptx
 
BG PROSPER - Module 2 - Unit 4.pptx
BG PROSPER - Module 2 - Unit 4.pptxBG PROSPER - Module 2 - Unit 4.pptx
BG PROSPER - Module 2 - Unit 4.pptx
 
BG PROSPER - Module 2 - Unit 3.pptx
BG PROSPER - Module 2 - Unit 3.pptxBG PROSPER - Module 2 - Unit 3.pptx
BG PROSPER - Module 2 - Unit 3.pptx
 
BG PROSPER - Module 2 - Unit 2.pptx
BG PROSPER - Module 2 - Unit 2.pptxBG PROSPER - Module 2 - Unit 2.pptx
BG PROSPER - Module 2 - Unit 2.pptx
 
BG PROSPER - Module 2 - Unit 1 (1).pptx
BG PROSPER - Module 2 - Unit 1  (1).pptxBG PROSPER - Module 2 - Unit 1  (1).pptx
BG PROSPER - Module 2 - Unit 1 (1).pptx
 

Dernier

Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
AmgdoulHatim
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
ssuserc72852
 
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
Faga1939
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
ikospam0
 

Dernier (18)

Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
Formation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptxFormation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptx
 
Les roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptxLes roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptx
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptx
 
Computer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptxComputer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptx
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
 
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
 
Chapitre 2 du cours de JavaScript. Bon Cours
Chapitre 2 du cours de JavaScript. Bon CoursChapitre 2 du cours de JavaScript. Bon Cours
Chapitre 2 du cours de JavaScript. Bon Cours
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetFormation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
 

INVOLVE - Module 2(fr).pptx

  • 1. Co-funded by the Erasmus+ Programme of the European Union Comprendre les pratiques de design Module 2
  • 2. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S This project has been funded with support from the European Commission. This publication [communication] reflects the views only of the author, and the Commission cannot be held responsible for any use, which may be made of the information contained therein. 1 Bienvenue dans le deuxième module de la formation sur la littératie visuelle INVOLVE. Tout au long de ce module, nous approfondirons le concept et la compréhension des pratiques de design, en explorant leurs importance et la manière dont elles peuvent bénéficier à votre entreprise. La théorie du design est un domaine de recherche qui s'intéresse aux approches théoriques qui aident les artistes à comprendre les principes de base du design et les meilleures pratiques. Elle aide les artistes à comprendre comment transmettre efficacement un message à un public par le biais d'indices visuels. Introduction Théorie des couleurs 2 Composition d'un design 3 Autre principe du design 4 Créer des designs efficaces 5 Autres ressources
  • 3. Co-funded by the Erasmus+ Programme of the European Union Théorie des couleurs Sujet 1 :
  • 4. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S La théorie des couleurs est un aspect fondamental du design qui explore les relations entre les couleurs et la manière dont elles peuvent être combinées de manière efficace et agréable à l'œil. Elle comprend des concepts tels que l'harmonie des couleurs, les schémas de couleurs et l'impact psychologique de la couleur sur l'observateur. Dans le design, la théorie des couleurs joue un rôle crucial, car elle aide les concepteurs à créer des dessins efficaces et esthétiques qui communiquent un message ou transmettent une humeur ou une émotion spécifique. En comprenant la théorie des couleurs, les designers peuvent choisir des couleurs qui se complètent et créer un sentiment d'équilibre et d'harmonie dans leurs créations. La théorie des couleurs est donc un outil essentiel dans la boîte à outils du designer. Qu'est-ce que la théorie des couleurs ?
  • 5. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S La psychologie de la couleur étudie les effets émotionnels et psychologiques des couleurs sur les personnes. Des couleurs différentes peuvent évoquer des émotions et des humeurs différentes, et la compréhension de ces effets peut aider les designers à créer des dessins qui communiquent efficacement un message ou un sentiment particulier.
  • 6. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Le cercle chromatique est une représentation visuelle des relations entre les couleurs et est utilisé comme outil pour aider les designers à choisir et à combiner les couleurs dans leurs créations. Les cercles chromatiques sont utilisées pour aider les artistes et les designers à choisir et à mélanger des couleurs qui s'accordent bien entre elles. En comprenant les relations entre les couleurs, il devient plus facile de créer des compositions harmonieuses et visuellement attrayantes. Le cercle chromatique
  • 7. Refers to a good or service being offered by a company. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Image source : https://shop.decoart.com/blog/color- theory-basics-the-color-wheel/ Le cercle chromatique standard comprend : • les couleurs primaires (magenta, jaune et cyan), • les couleurs secondaires (vert, orange et violet), • et les couleurs tertiaires (jaune-vert, cyan-vert, cyan-violet, magenta-violet, magenta-orange et jaune-orange). Ces couleurs sont disposées dans un ordre spécifique, les couleurs primaires étant réparties de manière équidistante autour du cercle et les couleurs secondaires étant situées entre elles.
  • 8. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Le cercle chromatique est une représentation visuelle des relations entre les couleurs et est utilisé comme outil pour aider les designers à choisir et à combiner les couleurs dans leurs créations. Les cercles chromatiques sont utilisées pour aider les artistes et les designers à choisir et à mélanger des couleurs qui s'accordent bien entre elles. En comprenant les relations entre les couleurs, il devient plus facile de créer des compositions harmonieuses et visuellement attrayantes. Le cercle chromatique
  • 9. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S L'harmonie des couleurs fait référence à la combinaison de couleurs qui sont visuellement agréables et qui fonctionnent bien ensemble. Il existe différents types d'harmonies de couleurs : complémentaires, analogiques et triadiques. Les palettes de couleurs sont des combinaisons de couleurs utilisées dans un dessin particulier. Il existe plusieurs types de palettes de couleurs : monochromatique, analogique, complémentaire et triadique. Il est important de comprendre la terminologie des couleurs telle que la teinte, la saturation et la valeur pour créer et communiquer sur les couleurs dans le domaine du design. Le cercle chromatique
  • 10. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S CMJN vs RVB Image source : https://www.pogodesign.co.nz/graphic- design/colour-cmyk-vs-rgb/
  • 11. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S RVB signifie rouge, vert, bleu, qui sont les couleurs primaires de la lumière. Il s'agit d'un modèle de couleur additif utilisé pour créer des couleurs sur les écrans électroniques tels que les moniteurs d'ordinateur, les téléviseurs et les appareils mobiles. Dans le modèle de couleurs RVB, les couleurs sont créées en mélangeant différentes quantités de lumière rouge, verte et bleue. Lorsque les trois couleurs sont combinées à pleine intensité, elles produisent une lumière blanche. Lorsqu'aucune des couleurs n'est présente, le résultat est noir. Le modèle de couleurs RVB est largement utilisé dans les médias numériques et le design, car il permet un niveau élevé de contrôle et de précision des couleurs. C'est également le modèle de couleur standard utilisé dans les appareils photo numériques et les logiciels de retouche d'images. RVB
  • 12. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S CMJN signifie cyan, magenta, jaune et noir, qui sont les couleurs primaires utilisées dans le processus d'impression en quatre couleurs. Dans le modèle de couleurs CMJN, les couleurs sont créées par la superposition de points d'encre cyan, magenta, jaune et noire sur une page blanche. La quantité d'encre utilisée et la façon dont les points sont placés déterminent la couleur obtenue. En superposant les quatre couleurs à pleine intensité, il est possible de créer une gamme complète de couleurs, y compris des nuances de gris. Le modèle de couleurs CMJN est utilisé dans l'industrie de l'imprimerie parce qu'il est plus précis que les autres modèles de couleurs lorsqu'il s'agit de reproduire les couleurs sur le papier. Cependant, il n'est pas aussi précis que le modèle de couleur RVB lorsqu'il s'agit de représenter les couleurs sur un écran numérique. CMJN
  • 13. Co-funded by the Erasmus+ Programme of the European Union Composition d'un design Sujet 2 :
  • 14. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S En design, la création d'un design fait référence à l'arrangement et à l'organisation d'éléments visuels tels que la couleur, la texture, la forme, la taille et l'espace d'une manière délibérée afin d'obtenir un sentiment d'harmonie ou de tension au sein du design. Plusieurs principes de design peuvent aider à créer un design harmonieux et attrayant, qui communique efficacement le message souhaité : contraste, accent, proportion, hiérarchie, répétition, rythme, motif, espace blanc, mouvement, variété, unité, équilibre. Consultez l'infographie récapitulative des principes de design ici. Composition
  • 15. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Le principe d'équilibre dans le design permet de créer à la fois de la tension et de la paix dans un élément visuel. Il s'agit de la répartition des éléments de design, tels que les objets, les couleurs et les textures, afin d'obtenir un effet stable et harmonieux. Les designers réfléchissent à la manière dont ils répartissent le poids et agencent les éléments horizontaux, verticaux, diagonaux et de fond pour créer une composition visuellement attrayante. Il existe deux grands types d'équilibre : Équilibre symétrique : il s'agit de refléter la mise en forme et le design de chaque côté de l'élément visuel. En réalisant la symétrie, le designer crée un sentiment de paix et d'harmonie pour le spectateur. Équilibre asymétrique : il implique l'utilisation d'éléments opposés et de dessins asymétriques. En introduisant intentionnellement un déséquilibre, le designer crée une tension et un intérêt visuel. Il peut attirer l'attention sur des éléments spécifiques, créer une composition dynamique et évoquer un sentiment d'excitation ou d'énergie. Équilibre
  • 16. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Le contraste fait référence à la différence entre les éléments d'une composition. Deux éléments sont bien contrastés lorsqu'il est facile de les comparer et de les comprendre individuellement. Voici quelques exemples d'éléments contrastés que vous pouvez utiliser : • Couleurs sombres et claires • Images grandes et petites • Polices contemporaines et classiques • Images de premier et de dernier plan • Couleurs complémentaires et analogues • Couleurs opaques et translucides En utilisant des éléments contrastés, un designer peut créer de l'intérêt et mettre en valeur des zones spécifiques du dessin. Contraste
  • 17. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Josef Müller-Brockmann : graphiste suisse connu pour son utilisation de systèmes de grilles et de typographies audacieuses. Son travail incorpore souvent une forte utilisation du contraste et de la composition pour créer des designs clairs et efficaces. David Carson : graphiste américain qui s'est fait connaître dans les années 1990 pour ses créations innovantes et non conventionnelles. Son travail incorpore souvent une forte utilisation du contraste et une expérimentation de la typographie et de la mise en page. Paul Rand : graphiste américain de renom, surtout connu pour ses designs de logos d'entreprise, notamment ceux d'IBM, d'ABC et d'UPS. Son travail incorpore souvent une forte utilisation du contraste et de la composition pour créer des designs simples mais mémorables. Image source : http://indexgrafik.fr/paul-rand/ Contraste/Composition Exemples de designers
  • 18. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S La hiérarchie visuelle aide les designers et les développeurs à présenter chaque élément de manière logique, ce qui permet d'assimiler correctement le visuel. La composition est faite d'une manière qui implique l'importance des éléments. Vous pouvez jouer avec plusieurs éléments pour donner une impression de hiérarchie : taille, perspective, couleurs, polices de caractères, espaces, etc. Hiérarchie
  • 19. Co-funded by the Erasmus+ Programme of the European Union Autres principes de design Sujet 3 :
  • 20. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S "Less is more" ("Le moins est l'amie du bien") est un principe de design qui suggère que la simplicité et le minimalisme peuvent conduire à de meilleurs résultats en matière de design. Cela signifie que, parfois, la suppression ou la simplification d'éléments dans un design peut le rendre plus efficace et plus attrayant sur le plan visuel. En utilisant moins d'éléments, le design devient plus clair, plus ciblé et plus facile à comprendre. Il est souvent associé au mouvement moderniste du design, qui privilégie les lignes épurées, les formes simples et le design fonctionnel au détriment du design ornemental et excessif. Less is More
  • 21. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Le moteur de recherche Google est un exemple de l'efficacité de l'approche "less is more" en matière de design. L'interface blanche et épurée de la page de recherche de Google est devenue un élément de design emblématique à part entière, et l'accent mis par l'entreprise sur la simplicité et la facilité d'utilisation l'a aidée à devenir l'un des sites Web les plus populaires d’Internet. Efficacité du principe "less is more"
  • 22. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Les principes de la Gestalt sont des principes/lois de la perception humaine qui décrivent comment les humains regroupent inconsciemment des éléments similaires, reconnaissent des modèles et simplifient des images complexes lorsqu'ils perçoivent des objets, afin de donner un sens à leur environnement. Les designers utilisent ces principes pour organiser le contenu des sites Web et d'autres interfaces de manière à ce qu'il soit esthétiquement agréable et facile à comprendre. La théorie de la Gestalt englobe six principes clés qui lui sont généralement associés : la similitude, la continuité, la fermeture, la proximité, la relation figure/fond, ainsi que la symétrie et l'ordre. Pour en savoir plus sur chacun de ces principes, cliquez ici. Les principes de la Gestalt
  • 23. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S La typographie est l'art de disposer les caractères pour rendre le langage écrit lisible et attrayant. Il s'agit d'un élément essentiel du design graphique, et son utilisation efficace peut améliorer l'attrait esthétique général et la lisibilité de votre design. Les polices de caractères choisies doivent être très lisibles. La couleur du texte doit être minimale et doit toujours contraster avec la couleur de fond. Il est souvent recommandé d'utiliser un maximum de trois polices de caractères différentes dans un maximum de trois tailles différentes. Tipographie
  • 24. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Choisissez la bonne police de caractères, elle doit compléter le ton et l'objectif de votre design. Par exemple, une police avec empattement peut convenir davantage à un design traditionnel ou formel, tandis qu'une police sans empattement peut convenir davantage à un design moderne et élégant. La hiérarchie fait référence à la disposition des caractères afin de créer une hiérarchie visuelle qui guide l'œil du lecteur. Utilisez des polices de plus grande taille, des styles gras ou italiques et des couleurs différentes pour créer une hiérarchie claire de l'information. Faites attention à l'espacement : un bon espacement entre les lettres, les mots et les lignes est essentiel pour la lisibilité. Cela permettra une expérience de lecture confortable. 3 conseils pour une typographie efficace
  • 25. Co-funded by the Erasmus+ Programme of the European Union Créer des designs efficaces Sujet 4 :
  • 26. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S La première étape de la création d'un design de qualité consiste à bien comprendre le cahier des charges. Cela signifie que vous devez savoir ce que vous voulez, quels sont vos objectifs et quel est votre public cible. Avant de commencer le design, faites des recherches sur le sujet et le public cible. Faites un brainstorming des différentes idées et esquissez des concepts bruts. Un bon design est souvent simple et facile à comprendre. Évitez le désordre et les éléments inutiles. L'application de la théorie du design décrite précédemment peut vous aider à créer un site Web visuellement attrayant et facile à parcourir pour l'utilisateur. La prise en compte des changements culturels et l'utilisation de la théorie des 5W et du H vous aideront également à créer des visuels adaptés. Littératie visuelle et design efficace
  • 27. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Être conscient des changements culturels dans le domaine du design signifie comprendre comment les valeurs, les croyances et les comportements culturels peuvent influencer la façon dont les gens perçoivent le design et interagissent avec. Il s'agit notamment d'être conscient des tendances et des changements dans les attitudes culturelles à l'égard de sujets tels que le sexe, la race, la religion et le statut socio-économique, et de la manière dont ces changements peuvent influer sur les décisions que nous prenons en matière de design. Changements culturels
  • 28. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Par exemple, un designer peut être amené à tenir compte des sensibilités culturelles lorsqu'il conçoit un produit ou une marque pour un public international. Il peut s'agir de prendre en compte les significations et les connotations culturelles associées à certaines couleurs, certains symboles ou certaines images, et de s'assurer que la conception est appropriée et respectueuse de la culture cible. Par exemple, en Chine, le rouge symbolise la bonne fortune, la chance, la vitalité, la fête et la prospérité. En Occident, le rouge est la couleur du sang, il est historiquement lié au sacrifice, au danger et au courage. Sensibilités culturelles Le logo qui devait ressembler à des flammes attire le feu ! En 2019, Nike a été critiqué pour un design jugé offensant par certains : https://www.today.com/style/nike- air-max-shoe-logo-called-offensive- muslims-allah-design-t147626​
  • 29. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Les "5 W et H" sont un cadre souvent utilisé dans le journalisme et l'écriture pour guider la collecte d'informations sur un événement ou un sujet. Le cadre des "5 W et H" n'est pas seulement utilisé dans le journalisme et l'écriture, il est aussi couramment employé dans le domaine du design pour faciliter la collecte d'informations concernant une tâche ou une conception spécifique. 5 W et H
  • 30. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Who (Qui) : les personnes ou entités impliquées dans l'événement ou le sujet. Qui sont les principaux acteurs ? Qui est touché par l'événement ? What (Quoi) : l'action ou le sujet de l'événement ou du thème. Que se passe-t-il ? Quels sont les principaux sujets abordés ? When (Quand) : le cadre temporel de l'événement ou du sujet. Quand cela s'est-il passé ? Quand cela doit-il se dérouler ? Where (Où) : le lieu ou le contexte de l'événement ou du sujet. Où cela s'est-il passé ? Où cela doit-il se dérouler ? Why (Pourquoi) : la raison ou le motif qui sous-tend l'événement ou le sujet. Pourquoi cela se déroule-t- il ? Pourquoi est-ce important ? How (Comment) : le processus ou les méthodes utilisés dans le cadre de l'événement ou du sujet. Comment cela s'est-il passé ? Comment cela va-t-il se dérouler ? Utilisation des 5 W et H pour la composition, par exemple une affiche pour un événement :
  • 31. Co-funded by the Erasmus+ Programme of the European Union Ressources Sujet 5 :
  • 32. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Format de fichier AI - Adobe Illustrator, qui est un format vectoriel utilisé pour créer des logos, des icônes et d'autres graphiques qui doivent être mis à l'échelle sans perte de qualité. Format de fichier PSD - Adobe Photoshop, qui est un format de trame utilisé pour l'édition et la manipulation de photographies et d'autres images. Format de fichier EPS - PostScript encapsulé, qui est un format vectoriel souvent utilisé pour l'impression et la publication. PDF - Portable Document Format, qui est un format de fichier pouvant contenir à la fois des graphiques vectoriels et des graphiques tramés, et qui est souvent utilisé pour partager des dessins ou envoyer des fichiers à une imprimante. Format de fichier SVG - Scalable Vector Graphics, qui est un format de fichier vectoriel couramment utilisé pour la conception de sites web et de graphiques interactifs. Format de fichier PNG - Portable Network Graphics, qui est un format basé sur la trame qui supporte la transparence et qui est couramment utilisé pour les graphiques web. Format de fichier JPG/JPEG - Joint Photographic Experts Group, qui est un format de trame compressé couramment utilisé pour les photographies et les graphiques web. Formats de fichier
  • 33. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Logiciel de design gratuit GIMP : un logiciel de retouche d'images libre et gratuit Gravit Designer : un logiciel de design de graphiques vectoriels qui permet de créer des logos, des icônes, des illustrations, etc. Krita : un logiciel de peinture numérique qui convient à la création de concepts artistiques, d'illustrations et de bandes dessinées. Pixlr : un outil de retouche photo basé sur un navigateur qui offre des outils de retouche et des filtres pour améliorer vos images. Blender : un logiciel d'animation et de modélisation 3D qui peut être utilisé pour créer des modèles 3D, des animations et des effets visuels.
  • 34. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Disponible pour Windows, macOS et iPad, cette application très fluide et riche en fonctionnalités est le choix de milliers d'illustrateurs professionnels, de concepteurs de sites Web, de développeurs de jeux et d'autres créatifs souhaitant créer des concepts artistiques, des projets d'impression, des logos, des icônes, des conceptions d'interface utilisateur, des maquettes, etc. de grande qualité. Affinity Apps Affinity Apprécié des professionnels de la création, Procreate offre tout ce dont vous avez besoin pour créer des croquis expressifs, des peintures riches, de superbes illustrations et de magnifiques animations. Procreate est le studio d'art complet que vous pouvez emporter partout, doté de fonctions uniques et d'outils créatifs intuitifs. Site Web de Procreate Procreate
  • 35. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S Propose des tutoriels de design, des cours et des ressources sur divers sujets, notamment le design graphique, l'image de marque et la typographie. Une plateforme en ligne où les designers peuvent présenter leur travail et trouver l'inspiration auprès des autres. Il propose également des ressources telles que des offres d'emploi et des articles sur le design. Un site Web qui propose des tutoriels de design, des actualités et des commentaires sur divers logiciels et outils de design. Il couvre des sujets tels que le design graphique, la conception web et la conception UX. Canva Design School Behance CreativeBl oq 3 sites Web de design qui proposent des ressources
  • 36. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S "Don't Make Me Think" de Steve Krug Un guide classique de la convivialité des sites Web, qui fournit des conseils pratiques sur la manière de créer des designs intuitifs et faciles à utiliser. "Thinking with Type" de Ellen Lupton Un guide pratique de la typographie, fournissant des exemples et des exercices qui aident à comprendre les principes fondamentaux de la typographie et à l'utiliser efficacement. "The Non-Designer's Design Book" de Robin Williams Un guide convivial pour les débutants sur les principes du design, couvrant des sujets tels que la mise en page, la couleur, la typographie et l'imagerie. "Visual Explanations" d'Edward Tufte Il explore l'utilisation d'éléments visuels dans la communication, en fournissant des exemples de visualisation de données efficaces et en expliquant comment créer des explications visuelles claires et convaincantes. "Designing Brand Identity" d'Alina Wheeler Un guide complet sur l'image de marque, couvrant des sujets tels que la stratégie de marque, l'architecture de la marque, l'identité visuelle et la mise en œuvre de la marque. 5 livres à lire sur le design visuel
  • 37. V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S 99 % Invisible Ce podcast explore le design et l'architecture des objets et des espaces du quotidien, de l'histoire cachée de la laverie automatique à la conception des terminaux aéroportuaires. Avec Debbie Millman Design matters Ce podcast propose des entretiens avec d'éminents designers, artistes et autres créatifs issus d'un large éventail de secteurs. D'InVision Design better Ce podcast couvre un large éventail de sujets liés au design, du design de produits et à l'UX au leadership et à la croissance de carrière. Chaque épisode comprend des entretiens avec des designers et d'autres experts dans ce domaine. The Deeply Graphic Design Cast Ce podcast est animé par un groupe de graphistes et couvre un large éventail de sujets liés au design, de l'image de marque et de la typographie au marketing et aux médias sociaux. 4 podcasts à écouter sur le design visuel
  • 38. Co-funded by the Erasmus+ Programme of the European Union V I S U A L L I T E R A C Y F O R E N T R E P R E N E U R S