Transcription
1. Bienvenue à la conception de l'information !: Tous les designers, nos concepteurs
d'informations. Le monde regorge d'
informations et le travail du designer consiste à les organiser, donner un
sens et à les
présenter de
manière agréable et
accessible à tous. Les compétences de base utilisées pour organiser et visualiser les
informations sont extrêmement universelles et peuvent être mises en œuvre dans n'importe quel projet de
conception. Je suis la graphiste Carolyn, très heureuse de partager avec vous
les bases de la
conception de l'information aujourd'hui. J'ai suivi ce cours de conception de l'
information vraiment génial au RISD l'été dernier, et j'étais très heureuse d'appliquer mes nouvelles compétences à tous mes projets
de conception. Aujourd'hui, je vais donc partager avec vous
les compétences que j'ai
acquises et vous apprendre à créer votre propre projet de conception
d'informations personnelles pour votre portefeuille. cours de route, vous apprendrez
ces compétences clés en matière de conception, en donnant forme au contenu, en racontant des histoires
visuelles, preuve
d'empathie envers les utilisateurs, élaborant des systèmes de
conception stratégiques et en créant des projets visuellement
cohérents . Vous mettrez en pratique
vos nouvelles compétences en
transformant vos recherches
en croquis, élaborant un ensemble concis de conceptions
d'information, concevant une page Web et une image de réseau social pour mettre en
valeur vos conceptions dans et travaillant chez Figma pour la conception
graphique et Web. Ce cours s'adresse à
tous les créatifs quel que soit leur niveau de compétence, du
débutant au confirmé Ils
souhaitent acquérir davantage de compétences en matière de narration
visuelle et de conception
graphique. Ils
travailleront dans Figma, un design en pleine croissance. gratuit et facile à utiliser. Dans ce cours, vous aurez un incroyable projet de
conception de l'information qui mettra réellement valeur vos compétences en communication et en résolution de problèmes
visuels
dans les domaines de la conception graphique, conception
Web et de la conception numérique. J'ai hâte de voir ce que vous allez proposer pour votre projet. Commençons donc.
2. Projet: Pour ce cours, je
souhaite que vous créiez
un design de page Web et un design d'image pour les réseaux
sociaux le cadre d'une campagne plus vaste
axée sur les données. Ce
projet de campagne comportera trois graphiques
d'information visuellement cohérents que vous créerez sur le
sujet de votre choix. Vous réaliserez votre projet
en quelques étapes simples. J'étudierai votre sujet, réfléchirai et
esquisserai quelques idées, puis je prendrai ces croquis les
transformer en un système
complet qui constituera votre campagne axée sur
les données. Vous aurez besoin de quelques outils et matériel pour vous aider
tout au long du cours. Vous aurez besoin de
matériel d'esquisse comme des crayons, des marqueurs et du papier pour
vous aider à réfléchir à vos graphismes. Ensuite, vous aurez besoin de Figma
, un outil de
conception en ligne que nous
utiliserons pour concevoir votre projet de
campagne. Il est facile et gratuit à utiliser. Vous n'avez même pas besoin
de le télécharger. Vous pouvez simplement utiliser la version
du navigateur. Il vous suffit de vous rendre sur figma.com
pour commencer. À la fin du cours,
vous téléchargerez ce qui suit dans la galerie de
projets. Vos croquis de vos
informations, graphiques et images de votre page Web
et de vos conceptions de réseaux sociaux. N'hésitez pas à télécharger vos
croquis ou vos idées à tout moment pendant le cours pour obtenir des commentaires de ma part et de celle de vos
camarades de classe. Avant de commencer votre projet, laissez-vous inspirer en
apprenant un peu plus sur conception de l'
information et
découvrons des exemples vraiment intéressants.
3. CONCEPTION DE L'INFORMATION: conception de l'information
est
la pratique qui consiste à présenter des
informations de manière à favoriser une compréhension efficace et
efficiente de ces informations. Pour vous inspirer avant de
commencer nos projets, je vais vous montrer quelques exemples d'infographies. C'est un très bon livre
intitulé Information Graphics, et je peux y accéder dans la section Projets et
ressources. Il retrace donc en quelque sorte une vaste histoire d'exemples de graphiques
d'information, commençant par les anciennes tombes
égyptiennes. Il s'agit d'une toute première forme
de conception graphique qui consiste essentiellement en une carte avec
un tas d'images dessus. Voici un exemple de
graphique qui figurait sur la couverture de scientifiques
américains. C'est très compliqué, s'agit
donc d'une version agrandie
. Mais il s'
agit essentiellement d'un grand cercle. Et il utilise un code couleur. Et efface même certaines
des informations non pertinentes qui
se trouvent ici afin que les informations colorées
puissent vraiment apparaître et que nous puissions les lire
plus facilement. Mais s'il s'agit évidemment
d'un graphique très complexe, il montre
l'ADN humain par rapport
à l' ADN du chien. En fait. Il s'agit, je pense, d'une
infographie
très intéressante montrant la comparaison des technologies audio
et vidéo. Vous pouvez donc voir un peu
comme d'habitude, comme des graphiques à barres et d'
autres éléments de ce genre, ou un graphique linéaire ici. Mais je trouve que c'est
vraiment bien qu'ils aient inclus ces illustrations
sur les côtés. Cela
nous aide vraiment à nous connecter
, comme si c'était un bureau Blu-ray. C'est une question de vidéo, ou c'est un iPod et
c'est une question de musique. Je pense que la
palette de couleurs limitée ici et les illustrations nous aident vraiment,
en
tant que public, à comprendre rapidement
les informations. Voici un autre exemple de
la façon dont le designer a fait un excellent travail
en utilisant une palette de couleurs très limitée. De toute évidence, ce n'est que du
noir, du blanc et du pain. Et je suppose qu'il y a
cette dernière teinte de rouge ici. Mais ils utilisent
des images et des images pour relier le sujet au public beaucoup plus rapidement. Vous pouvez donc le voir ici, tout tourne autour de
Michael Jackson. Tout ce qui figure sur cette affiche ou cet article de journal est
lié à la chronologie. Nous pouvons donc voir ici, comme en 1972, et il y a une
photo à côté. C'est donc ainsi qu'il a
envisagé cette date. Et c'est ce qui
se passait à cette date. Quel est le style de musique avec lequel
il travaillait ? Je pense que c'est une façon
vraiment
intéressante et stratégique de présenter toutes ces informations
sur Michael Jackson. Nous avons donc ici ce graphique
simple. Nous pouvons voir les prix de nuit, dans les années 1800, puis les comparer à
ceux de 2008. Et puis voici tous
les pays listés et codés par couleur avec ces
petits anneaux à côté. Mais nous pouvons en voir une
visualisation beaucoup plus intéressante. Ces chiffres figurent sur ce graphique
en
diagonale au milieu de cette affiche. Les couleurs correspondent aux
couleurs répertoriées dans ce tableau. Et c'est vraiment
fascinant de voir une comparaison visuelle. C'est vraiment une
excellente façon de montrer les informations et pas simplement de
vous les indiquer dans le graphique. En fait, il fait les deux, ce qui est très
bien pour les personnes qui souhaitent
peut-être voir les
chiffres répertoriés. Au lieu de
l'abstraire de manière plus visuelle. Ce livre, qui
n'est pas un livre de design, est en fait un livre de cuisine qui fait un excellent travail vous
montrant des visualisations vraiment
intéressantes des informations
présentées dans le livre. Voici un exemple de différentes vinaigrettes que vous pouvez préparer à partir des
recettes du livre. C'est une sorte d'axe. Vous pouvez donc choisir entre
léger, tendre, crémeux ou trop croquant, et le
tout est à
nouveau très bien codé par couleur. Ainsi, selon le type de vêtement que
vous recherchez, vous pouvez le trouver sur l'axe. Donc, si je veux quelque chose de
croquant et de crémeux, je peux regarder dans ce quadrant
inférieur droit. Nous ne pouvons pas parler de conception de l'information
moderne sans
parler de Georgia Loopy. C'est une conceptrice d'
informations centrée sur l'humain qui rend les informations plus
personnelles et plus faciles à identifier. Voici un projet
qu'elle a appelé Deer Data avec une amie,
Stephanie Postsynaptic. Ils ont essentiellement
réfléchi à leur semaine, choisi un sujet et l'
ont représenté au cours d'une semaine de leur vie et se l'ont envoyé l'un à l'
autre pendant un an. C'est donc un excellent exemple
de façon de rendre l'information amusante, de l'intégrer à
votre vie quotidienne. C'était juste un
bref aperçu d' une grande partie de la conception
graphique. J'espère que vous êtes inspiré et que vous avez déjà quelques idées
pour votre propre projet. Commençons donc ce
projet et passons à la prochaine leçon.
4. Choisir votre sujet: Nous avons appris les bases
de la conception de l'information et nous avons vu quelques
exemples vraiment intéressants dans la dernière leçon. Je pense donc que nous sommes prêts à
démarrer notre projet de conception. La première étape consiste
à choisir votre sujet. Cela peut être n'importe quoi, qu'il s'agisse
du changement climatique, des animaux, de la musique, de la cuisine, de
tout ce qui vous intéresse. Je vais choisir le
sujet des armes à feu en Amérique. J'ai l'impression que nous
avons beaucoup entendu parler,
malheureusement récemment
, de fusillades de masse, fusillades dans des
écoles aux États-Unis. Et je voulais en savoir plus sur les statistiques
qui sous-tendent cette violence. Et apprends quelque
chose par le biais du design, ce que j'
adore dans le design. Vous pouvez concevoir n'importe
quoi sur n'importe quel sujet, et à la fin de votre projet, vous en apprendrez plus à ce sujet. Une fois que vous aurez choisi votre
sujet, je veux que vous
choisissiez un objectif, un angle, une histoire à raconter
sur votre sujet. Ce projet est un exercice
et une narration visuelle. Alors, quelle est l'histoire que tu souhaites raconter à travers
ton design ? Je vais expliquer à quel point la
violence armée est un problème
typiquement américain. Cela va donc me concentrer sur
toutes mes recherches et les trois
graphiques d'information que je vais créer
dans ce cours aujourd'hui. Choisissez votre sujet et choisissez
l'histoire que vous souhaitez raconter afin que nous puissions commencer nos
recherches dans la prochaine leçon.
5. Recherche: Vous avez choisi votre sujet. Passons maintenant au contenu. Recherchez au moins
trois informations
différentes qui communiquent l'histoire que vous
souhaitez raconter sur votre sujet. Voici un exemple d'une information que j'ai trouvée et à partir
de laquelle je peux faire partie de mes graphiques
d'information. Voici les
informations, elles sont simplement écrites dans un document texte. Et voici un exemple
de la façon dont j'en
ai ensuite fait mon graphique
d'information. Il s'agit d'un processus qui consiste à
donner forme au contenu. Le contenu est votre information et le formulaire est
votre futur design. Voici quelques conseils rapides sur la collecte de recherches
et d'informations. Créez un document texte pour collecter les informations que
vous souhaitez utiliser. Il peut s'agir de votre document
fourre-tout dans lequel vous pouvez noter des statistiques
et des informations spécifiques que
vous souhaitez visualiser. Et vous pouvez également accéder
à vos sources ici. Souvenez-vous de l'histoire que vous essayez de raconter avec votre sujet. Par exemple,
je me concentre sur le fait la violence
armée est un problème typiquement
américain. Mes informations
vont donc se concentrer sur la
comparaison des statistiques
américaines sur comparaison la violence armée
avec celles d'autres pays. À titre d'information, je vais inclure
des informations sur décès liés aux armes à
feu pour 100 000
habitants dans différents
pays, y compris aux États-Unis. Les Américains sont dix
fois plus susceptibles de mourir d'un
décès lié à une arme à feu que les habitants de 22
autres pays développés. Incidences de tireurs actifs par
an au cours des 20 dernières années. Je pourrais ensuite ajouter cette
information sur la façon dont les Américains pensent de
la violence armée aux États-Unis. Au cours de ce cours, je voudrais que vous définissiez trois
informations et que vous créiez trois graphiques
d'information. L'avantage de
ce projet, c'
est qu'il peut être étendu ultérieurement. Vous pouvez ainsi créer des centaines de graphiques d'
information à partir de
centaines
d'informations. Effectuez toutes les recherches
nécessaires pour commencer à dessiner vos trois
graphiques d'information dans la leçon suivante.
6. Montrer ne dites pas: Je voulais faire un
petit détour par rapport à
notre projet pour parler
d'un gros problème qui me tient à cœur et d'une
erreur et d'une conception très courantes,
et en particulier de la conception de l'
information, c'
est-à-dire lorsque les gens disent
et ils ne te le montrent pas. Donc, dans tout design,
votre objectif est de montrer aux
gens, pas de le dire aux gens. Voici un exemple de comment
dire et ne pas montrer. L'un de mes documents d'information indique que les Américains sont dix
fois plus susceptibles mourir
à la suite d'un décès
lié à une arme à que les habitants de 22 autres pays
développés. Il ne s'agit pas de visualiser quoi que ce soit pour que le chiffre
dix soit vraiment grand. Lorsque vous travaillez avec des
chiffres et vos informations, vous voulez afficher la quantité, vous voulez montrer une comparaison. Vous voulez aider les gens à relier ce numéro à
quelque chose de significatif. Voici un exemple
de la façon dont vous pourriez afficher ces informations au lieu de simplement indiquer que vous
voulez les visualiser dix fois. Et en d'autres termes, un
contre dix en tant que visuel. Ainsi, votre public
pourra voir à quel point
dix est supérieur à un seul. N'oubliez pas que ce
projet est entièrement axé sur narration
visuelle et que
vous n'allez pas raconter une histoire à R, même visualiser une histoire en
agrandissant simplement le chiffre
dix, par exemple, vous voulez réfléchir à la manière dont d'autres pourraient facilement,
efficacement et
efficacement comprendre les
informations, ce qui, encore une fois, est ce qu'est la conception de l'information. Revenons à la conception de notre projet dans la prochaine leçon.
7. Ébauche: Nous sommes inspirés. Nous avons vu quelques exemples et nos recherches
sont prêtes. Passons donc au croquis. J'ai donc quelques feuilles de papier ici, quelques ustensiles de dessin et ce guide circulaire pour m'aider
à mieux dessiner. Mais peu importe la façon dont
vous dessinez à ce stade. Il s'agit de mettre
vos idées sur papier. Alors ne vous inquiétez pas si elle est
parfaite ou quoi que ce soit d'autre. En fait, je vais
le mettre en place. Ce sera donc mon
premier croquis ici, puis l'
interprétation sacramentelle de cette première information
. Les décès
liés aux armes à feu se
situeront donc dans ces deux
quadrants ici. Et puis ma deuxième
information. Commençons donc par
le premier sketch. Je pense que pour visualiser toutes
ces informations, je vais essayer un graphique à barres. Je vais donc choisir trois
couleurs avec mes marqueurs. Je vais le configurer comme si une couleur représentait
les États-Unis. Je vais donc utiliser
cette couleur dorée et la mettre juste
au milieu. Ce sera un peu comme
une ligne de longueur moyenne parce que cette
information est 10.6. Je vais donc simplement en
prendre note ici. Parce que c'est ainsi que je veux que cela
apparaisse dans mon infographie. Je veux que le pays
soit sur le côté gauche
, puis je veux que les chiffres
soient sur le côté droit. Je pense à ce bar. Ensuite, je vais utiliser une couleur
différente, le rouge, disons que cela représentera les pays les plus élevés. Les États-Unis. Je suis juste en
train de le regarder, mais vous allez le
mettre à l'échelle sur ordinateur. Je pense que c'est
une bonne chose. C'est assez simple et je suis
content de l'idée générale. Mais je pense que ça pourrait
être un peu plus amusant. Peut-être. Je vais essayer
une méthode différente,
peut-être une méthode un peu plus
excitante. Criez encore une fois pour décrire cela. Et je repense à ce
graphique en forme de cercle
proportionnel en diagonale que nous avons vu
pour les chiffres du PIB, ce cercle
représentera les États-Unis. Et peut-être pouvons-nous simplement l'
écrire directement sur le cercle. Si cela vous convient une fois nous aurons allumé l'
ordinateur et que nous l'aurons essayé. Et puis proportionnellement,
les cercles qui l'entourent peuvent augmenter les choses. C'est donc ma première
information, la mort liée
aux armes à feu. Je vais donc passer à ma deuxième information. J'ai utilisé cette couleur dorée pour les États-Unis et pour
ces deux croquis, je vais continuer à faire
de même pour le sketch. Je veux donc à nouveau être
visuel et ne pas montrer. Je vais donc créer
dix petits gars ici. Ensuite, je vais les
comparer à un gars
, à savoir les
22 autres pays. Alors peut-être que je peux l'étiqueter
en utilisant ce
système de flèches et peut-être que je peux le faire ici, même au Mexique. Et évidemment, vous pouvez revenir à n'importe lequel de vos croquis
à tout
moment si vous avez des idées
à partir de vos autres croquis C'est l'avantage de faire
des croquis. Vous pouvez rapidement changer les choses
et les déplacer sur le papier, c'est
pourquoi je pense que le
papier est si bon. Maintenant, je vais peut-être
revenir à cette idée de cercle que nous avons faite ici et
peut-être créer des cercles. Ensuite, je pourrai utiliser le
même système d'étiquetage, probablement avec les États-Unis ici et les
autres pays ici. Mais je vais prendre cette
nouvelle feuille de papier ici et passer à ma
troisième information. Ensuite, je vais
peut-être simplement faire un graphique linéaire typique ici. Vous n'avez donc pas besoin d'écrire
chaque numéro ici. Je suis déjà en train
de me débarrasser de cet autre axe. Donc, si vous remarquez, j'ai dessiné
cet axe inférieur pour
les oreilles uniquement parce que
c'est un moyen plus important d'établir ce graphique linéaire. Tout est donc réglé et orienté vers ce résultat net
qui vous indique l'année. Ensuite, le
reste ne fait que flotter au sommet. Mais je trouve que c'est très bien parce que cela met l'accent sur la ligne qui constitue l'information et la
partie la plus importante de ce graphique. Puis je pense que sur
le côté droit, je vais réessayer le thème du
cercle. Et puis peut-être
encore une fois je souligne. OK, donc je vais dire par exemple un étudiant. Les gens savent donc que
ce petit cercle est un incident. Et puis je peux dire
trois pour cette année, je peux dire 40 pour cette année, je peux dire 24 en plus de tous les cercles, comme
je l'ai fait pour les trois. Encore une fois, vous n'avez qu'à faire six
croquis au total pour chaque
information. Mais j'ai fourni
quatre informations. Je vais donc faire
huit croquis. Et un graphique circulaire
fonctionne ici parce que les informations
ne sont pas complètes. Ainsi, par exemple ce graphique des
incidents impliquant des tireurs de prétendants actifs n'est pas sur 100 %. Quel que soit
le nombre,
c'est le nombre d'
incidents par an. Utilisez absolument vos
marqueurs de couleur , vos crayons de couleur, peu importe ce qui vous aidera à différencier vos informations. Et il n'est pas
nécessaire que ces couleurs soient celles que je vais utiliser
dans mes infographies. Il est simplement utile d'avoir
différentes couleurs pour distinguer ces différents
types d'informations. Je pense que je vais revenir à cette ligne ou à ce
thème rectangulaire sur le côté droit. Je vais donc créer
une sorte de graphique à barres, mais tout sera à nouveau une
question de proportions, comme nous l'avons fait dans le premier
croquis avec les cercles. Ce seront mes 50 %. Moi,
peu importe sa taille. Tout ce qui compte, c'est
que les autres tailles des rectangles soient à venir ou proportionnelles à ce rectangle. Si c'est 50, je
veux en faire 33. Le rectangle à côté va être
un peu plus petit. Je pense que j'ai de
très bonnes options pour passer à l'ordinateur. Nous allons nous installer dans Figma
dans la prochaine leçon.
8. Configurer dans Figma: Maintenant que nous avons étudié
votre contenu et commencé à donner cette
forme de contenu et nos croquis. Nous allons passer à l'
ordinateur et commencer à concevoir
notre campagne. La première étape consiste à
ouvrir Figma sur votre ordinateur. Il suffit donc d'aller sur figma.com
et de démarrer un nouveau projet. Cela ressemble donc probablement à ceci. Une fois sur figma.com, vous pouvez soit vous
connecter si vous avez un compte, soit commencer. Vous pouvez vous connecter avec Google, ce qui rend les choses très faciles. heure actuelle, ils proposent une version gratuite de Sigma qui
pourrait changer à l'avenir. Je n'utilise que la
version gratuite pour le moment, mais vous pouvez également
payer par mois pour une licence professionnelle
qui vous permet de
faire quelques choses supplémentaires et
vous offre quelques fonctionnalités supplémentaires. Mais passons à la
version gratuite pour le moment. Ensuite, nous allons
concevoir avec Figma. Il suffit de sélectionner une toile vierge et cela générera
un nouveau projet pour nous. Très bien, notre fichier
Figma est prêt à être utilisé. Je vais le renommer rapidement. Nous avons cette toile vierge, ce fond blanc
et cet espace prêts à être utilisés. Alors, juste un petit
tour d'horizon de Figma. Les outils se trouvent en haut de la page et
vous pouvez partager des prototypes, jouer à des prototypes,
zoomer et dézoomer. En haut, ici. Sur la gauche, nous avons
votre panneau de couches, vos ressources et vos pages. Ensuite, sur la droite, nous
avons vos éléments de conception, vous prototypez des éléments, puis votre outil Inspector. Nous n'utiliserons donc pas beaucoup de ces éléments dans ce projet, mais nous voulions simplement vous faire
découvrir la situation. Nous devons donc d'abord créer un
cadre qui ressemble
un peu un tableau d'art dans Illustrator. Nous pouvons donc simplement faire glisser un cadre de la
taille que nous voulons. Ou nous pouvons choisir l'
outil de cadrage et nous pouvons aller vers la droite et cela
nous donnera des options prédéfinies. Donc je vais juste faire desktop
et ça va l'étiqueter desktop. Donc je ne veux pas ça. Je souhaite étiqueter ce système. C'est ici que nous allons
créer notre système de conception. Ensuite, très rapidement,
juste pour nous aider à rester organisés, je vais renommer
ce numéro
de page à partir de ce nom de page, de la première page à système. Nous allons commencer à configurer votre système de conception
dans la leçon suivante.
9. Concevez votre système: Je sais que quand je
passe devant l'ordinateur, j'ai très peur de la page
blanche ou de Canvas. Pour surmonter cette peur
ou ce sentiment d'écrasement, je dois prendre de petites mesures pour
créer un système de conception Dès le début d'un projet, système de conception est
un ensemble de composants
reproductibles
et un ensemble de normes régissant l'
utilisation de ces composants. Considérez cela comme votre
langage visuel pour vos projets. Il peut inclure des polices,
des couleurs, une iconographie et d'autres images qui font votre projet un élément
cohérent et cohérent. Je voudrais donc d'abord que
vous
réfléchissiez au titre de votre projet. Cela devrait expliquer votre sujet et indiquer à votre public
ce qu' il
apprendra grâce à votre campagne. Je vais appeler les miens plus armes parce qu'il s'agit des
États-Unis et des armes à feu. J'aime aussi les États-Unis, ils nous
ressemblent un peu. Donc, nous et les armes, c'est un peu comme une
relation entre nous et les armes. J'aime bien les jeux de mots. Mais ensuite, je vais le
créer en une forme
plus carrée. Je souhaite que vous créiez
une hiérarchie ou un système permettant à vos lecteurs de
voir
facilement les titres, les gros titres et le corps du
texte de votre campagne. Nos titres seront donc
les titres de nos infographies, les titres de nos pages Web
et les titres de nos images sur les réseaux
sociaux. Nous voulons donc qu'ils soient grands, audacieux et visibles. Et la première chose qui attire
votre attention, c'est pour cela que je vais le rendre
vraiment grand et audacieux. Essayez de choisir une police qui possède différentes pondérations
dans sa famille. Nous avons donc la lumière, nous
avons le normal, le moyen, le
gras, le semi-gras. Je peux faire beaucoup avec ça. Ensuite, j'en ai aussi les versions Serif et
Sans Serif. Et puis comme une version
monotype,
que je n'utiliserai probablement pas. Mais c'est une bonne option. Nous avons donc notre titre. Nous allons maintenant
créer nos gros titres. Pour les titres,
nous voulons qu'ils soient légèrement plus petits
que le texte du titre. Donc je vais y aller et en
choisir 32 ou quelque chose comme ça. OK, donc c'est bien. Rien qu'en regardant cela, il est très clair que les titres sont
vraiment grands et importants. Les gros titres sont
également assez importants, mais pas aussi importants. Mais je pense que je
préfèrerais plutôt un médium. Et puis peut-être que nous
y retournerons et mélangerons refaisant cette police de
caractères San-Serif. OK, donc ça a l'air bien. Il est clair que vous
avez un titre ici, clair que vous devez le titre. Mais maintenant, qu'en est-il
du petit texte votre projet ou de
votre corps copié ? Nous ne voulons pas qu'il
fasse
la une des journaux parce qu'
il sera plus petit. Il y aura
plus de Body Copy
, puis les gros titres ou
le titre seront égaux. Nous devons donc le réduire un
peu pour qu'il puisse s'intégrer à tous
vos autres contenus. Essayons quelque chose comme 18 ans. OK, oui, ça a l'air bien. Je pense donc que c'est un
excellent système typographique. Ajoutons maintenant ces
textiles et Figma. J'ai sélectionné mon titre, ma petite zone de texte
sélectionnée pour mon titre. Je vais accéder à mon
panneau de texte et cliquer sur ce petit bouton
à quatre points à droite
qui indique style. Vous pouvez ajouter un style en cliquant sur ce petit bouton plus dans
le coin supérieur droit, puis vous voulez lui
donner un nom. Alors allons-y
et nommons-le Title. OK, donc maintenant, quand je
clique dessus, je peux voir mes styles de texte. Par ici. Nous avons notre style de titre, qui est de 64 points
sur 70 points, c'
est-à-dire que l'interligne est le deuxième chiffre 70. Maintenant, je vais faire la
même chose pour mon titre. Cependant, je ne pense pas vouloir que
70 soit l'interligne Je peux
donc modifier le
style en cliquant sur ce petit bouton
à droite ici. Faisons donc quelque chose de
plus proche de 32. n'y a donc pas un
tel écart entre les deux. Faisons donc 40 et voyons
comment cela fonctionne. Encore une fois, nous créons ces
styles dans le vide ici. Nous ne
les appliquons pas encore dans un design. Nous pouvons donc ajouter ces
styles à tout moment. Comme vous pouvez le constater, il est
très facile d'y
entrer et d'ajouter des styles
ou de les modifier. Je veux que vous créiez
une palette de couleurs avec au moins six couleurs
et que vous fassiez simplement glisser six cases ou formes avec
lesquelles vous travaillerez ici. Vous pouvez entrer et aligner des
objets dans Figma en sélectionnant deux couches différentes et en allant en haut à droite Vous pouvez voir qu'il existe
différentes manières d'
aligner au centre, en haut. Je veux aligner les
deux sur la gauche. D'accord, donc ce
sont clairement nos couleurs. Je peux donc aller ici
et choisir ma forme. Je peux accéder au panneau de
remplissage où c'est juste
gris clair à ce stade. Je peux changer la couleur
de différentes manières. Je peux donc taper le numéro
hexadécimal ici, ou je peux cliquer sur le carré et sélectionner n'importe quoi
sur ce dégradé. Je peux également faire glisser ces couleurs. Je peux également modifier l'
opacité ici. Mais j'ai aimé ce rouge. Je vais donc revenir
au rouge. Parfait. Ensuite, je peux créer un style
en cliquant sur
les quatre points d'un carré. Et puis je n'ai pas encore de styles de
couleurs ici. Je vais
donc cliquer sur
le bouton plus, le
nommer rouge et
créer ce style. Maintenant, si nous cliquons sur n'importe quelle couche,
nous pouvons voir nos styles de couleurs
commencer à apparaître
sur nous pouvons voir nos styles de couleurs nos textiles. Alors allez-y et ajoutez au moins six couleurs à
votre palette de couleurs. Lorsque vous choisissez
votre palette de couleurs, vous voulez certainement avoir
une variété de teintes. Vos teintes sont donc
comme votre Roy G Biv, vos véritables noms de couleurs. Donc le rouge, le
jaune, le vert. Ainsi, dans vos graphiques
d'information, il est très facile pour les utilisateurs de différencier les
différentes couleurs. Et les différentes
couleurs signifieront différentes choses dans vos
infographies, n'est-ce pas ? Il est également bon d'utiliser une variété de valeurs
et votre palette de couleurs. Donc, par exemple, ce violet
est assez foncé, mais ce beige est assez clair. Il y a donc un bon contraste
entre eux. C'est également une très bonne
pratique lorsque vous créez vos combinaisons de couleurs de vérifier
qu'elles sont sans danger pour les daltoniens. Et le contraste entre
les couleurs et les
arrière-plans est bon à utiliser. Vous pouvez accéder aux outils
d'accessibilité des couleurs d'Adobe et
vérifier si le contraste fonctionne
ou non dans vos couleurs. Donc, par exemple, voici ma couleur beige. Si j'utilisais ma couleur beige sur un fond entièrement blanc, par exemple, ce ne serait pas assez élevé
et le contraste serait lisible. Je ne veux donc pas
utiliser cette couleur uniquement pour les textes sur fond
blanc. Je veux l'utiliser, ainsi que mes graphismes,
qui ne sont pas exploitables, comme les
boutons, etc.,
parce que ce n'est pas
très facile à voir. Accédez donc aux outils
d'accessibilité d'Adobe Color et assurez-vous que le contraste entre les couleurs
et votre arrière-plan est correct. Et votre palette de couleurs
est adaptée aux daltoniens. Je trouve que c'est vraiment sympa
et que c'est une palette de couleurs d'
avoir une
couleur gris moyen à utiliser pour le texte et les objets que nous ne voulons pas voir être
noirs ou trop durs. La dernière chose que je
vais vous demander de créer est un bouton en savoir plus. Sur votre bouton, nous allons
simplement dire En savoir plus. Et vous voulez que le texte soit
cliquable et accessible, je pense que c'est le cas. Comparé au corps de la copie. Il est un peu plus grand
et un peu plus audacieux, ce qui me plaît et
je pense qu'il fonctionnera très bien et attirera l'attention
des gens. Je vais changer la
couleur en allant dans le fond
et en cliquant sur nos styles
pour peut-être le violet. Ainsi, ce n'est pas
noir et ennuyeux. C'est un peu plus excitant. Ensuite, je vais
essayer de souligner. Cela ressemble donc un peu à un
lien cliquable. Je vais rendre la ligne un
peu plus épaisse et
peut-être la changer pour qu'elle soit rouge ou quelque chose comme
ça. D'accord. Je pense que ce bouton me semble être
un bon bouton. Ce n'est pas un bouton très
évident. Ainsi, un
bouton plus évident pourrait
ressembler à ceci s'
il a un rectangle. Ensuite, je vais le
faire revenir en arrière. Et mon panneau Layers
ici sur la gauche en
cliquant sur la commande
puis sur la touche crochet gauche. Vous pouvez voir dans le
panneau des couches qu'il se déplace vers le bas. Déplacer vers le bas. On y va, c'est
en dessous. Découvrez-en plus dès maintenant. Ensuite, je vais le
rendre encore plus cliquable en arrondissant les
coins ici sur la droite. Et puis je ne vais pas en
faire une couleur grise, mais peut-être une
couleur beige, par exemple d'accord, cool. Je pense donc que ce sont deux
bonnes options de boutons. Je vais maintenant en faire
un composant qui sera un actif
réutilisable que nous pourrons utiliser tout au long de notre projet de
conception. Je vais donc cliquer sur le texte En savoir plus
et sur la ligne en dessous. Je vais cliquer avec le bouton droit de la souris
et appuyer sur Créer un composant. Cela va générer
un composant pour nous. Et le symbole du composant est cette forme de petit losange que vous pouvez voir dans
le panneau des couches. Et puis ici, dans nos
styles ou nos décors. Je vais le renommer à partir du bouton du composant 12 ou de la ligne BTN. Alors peut-être que je veux
utiliser ce style de bouton. Peut-être que non, je ne sais pas. Je vais donc
créer un composant de toute façon. Je vais le renommer Btn. Nous verrons si j'aime l'un
ou l'autre plus tard. Mais il vous suffit de
créer un style de bouton. Nous avons donc maintenant tous les
composants de notre système de conception. Vous pouvez également créer un
ensemble d'iconographie si
cela vous permet de relier vos
trois infographies. Maintenant que vous avez établi
votre système de conception, il vous sera très facile de vous lancer et de concevoir vos graphiques
d'information, votre page Web et votre image sur les réseaux
sociaux. Dans les prochaines leçons,
nous allons commencer.
10. Concevez vos informations: Vous configurez votre impressionnant système
de conception dans Figma. Il ne
nous reste plus qu'à passer vos croquis du papier à l'
ordinateur et Figma, commencer par créer une autre
page pour vos infographies. Sur la gauche, vous devriez avoir vos six croquis à proximité et vous allez choisir vos trois croquis préférés
à concevoir dans Figma. Mes croquis préférés suivaient
ce thème circulaire. Je vais donc commencer à les
concevoir dans Figma et voir comment ils aboutissent. Je vais rapidement vous montrer comment j'ai
conçu mes trois techniques
pour les infographies, mais je vais vous donner quelques conseils de
pro en cours de route. Le copier-coller est
votre meilleur ami. Une fois que vous avez quelques éléments
différents, que vous les aimez,
répétez simplement ces éléments. Cela aidera également
votre état visuel à
être très cohérent dans vos
trois informations. Graphic, figma ou le
programme sur lequel vous travaillez, faites le calcul à votre place. Je peux juste faire le Starkey, donc Shift huit et taper le nombre dont j'ai besoin multiplié par et en utilisant cette touche étoile, il
calculera automatiquement cette
multiplication pour vous. Le processus de conception implique
de nombreux essais et erreurs. Ajustez donc vos informations et vos styles au fur et à mesure. Ainsi, par exemple cette première infographie
que j'ai réalisée, j'ai esquissé une idée très claire ou ce que je pensais être claire
de ce à quoi je voulais qu'elle ressemble. Mais une fois sur l'ordinateur
, j'ai commencé à
créer ces graphiques à l'échelle en
fonction des informations. Cela ne fonctionnait pas. Certains cercles
étaient bien trop grands. Certains cercles
étaient bien trop petits. J'ai donc ajusté et créé un graphique plus cohérent avec des tailles
plus cohérentes. Pour ce faire, j'ai dû extraire un ensemble d'informations
différent. En fin de compte. Utilisez
des éléments tels que des flèches ,
des lignes et des formes pour étiqueter
clairement vos designs. Assurez-vous que vos
éléments de conception sont cohérents. Et s'ils ne le sont pas, cette
incohérence a un
sens. Tout au long de votre processus,
mettez-vous à la place de l'utilisateur. Par exemple, j'ai fini par ne pas superposer les cercles comme je l'
avais fait dans mes croquis. Parce que je pensais que cela pourrait être
déroutant pour mon public. J'ai pensé qu'ils
pourraient peut-être l'interpréter comme un diagramme de Venn où le
chevauchement signifie quelque chose. Alors qu'ici, il s'agissait
simplement d'un choix stylistique qui n'avait pas besoin d'être
là et de semer la confusion. Réduisez le nombre de textes sur vos visuels en
utilisant le titre ou les
statistiques de vos graphiques comme étiquette
ou étiquettes. Donc, par exemple mes statistiques ici, je les
ai divisées en deux parties pour
servir d'étiquettes aux
deux éléments différents que j'ai visualisés dans mon graphique. Chaque fois que vous pouvez
essayer de minimiser ou minimiser les
informations de support telles que les axes, les
clés, etc. Par exemple, dans ce graphique à barres
que je crée ici, je n'ai pas besoin de deux axes. Je n'ai pas besoin d'un
axe X et d'un axe Y. Je peux simplement en utiliser un,
puis créer des étiquettes pour mieux faire connaître mes
informations à mon public. De même, vous devez étiqueter de
manière stratégique certaines
parties de vos créations, pas nécessairement
l'ensemble du design. N'allez donc pas trop loin en
étiquetant les choses. Une fois que vous avez étiqueté et publié
un ou deux endroits, votre public comprendra probablement ce que vous
essayez de communiquer. Utilisez Figma comme outil d'alignement pour garder vos conceptions
bien rangées et lisibles. en revenir à ce concept de
copier-coller que j'ai
mentionné plus tôt, répétez vos
éléments de conception pour créer la cohérence et vous
faciliter la tâche. Après avoir créé une ou
deux de vos infographies, vous aurez probablement
ces éléments cohérents tels que vos étiquettes et flèches, lignes, etc., que vous pourrez réutiliser dans toutes
vos infographies. Cela créera une apparence et une
sensation
cohérentes qui les
associeront toutes. Êtes-vous en train de créer un diagramme circulaire ? Il est très facile d'
utiliser des arcs et des balayages. Dans Figma, vous
tracez simplement un cercle à
l'aide de l'outil ellipse et un petit point blanc
apparaîtra, c'est l'arc. Cliquez donc sur le point et
faites-le glisser vers le haut ou vers le bas. Et vous allez
créer un arc, qui ressemble en gros à une
tranche de votre diagramme circulaire. À partir de là, vous pouvez entrer et indiquer le pourcentage que
vous voulez avoir sur Sweep TV, et ce sera le pourcentage
que représente votre graphique circulaire. Ne vous en tenez pas aveuglément
à vos croquis. Testez le style,
la couleur et la mise en page, et continuez à travailler sur vos trois infographies
jusqu'à ce que vous soyez satisfait de l'
assemblage de vos designs. Vous avez vos trois
informations, la conception graphique. Mettons-les donc dans une application
réelle plus finale en créant un design de page Web. Dans la leçon suivante.
11. Concevoir votre page Web: Nous avons créé un ensemble
vraiment impressionnant de trois infographies qui se marient toutes
très bien ensemble. Ils sont là, ils sont
beaux sur notre ordinateur. Mais comment vont-ils
atteindre notre public ? C'est tout l'
intérêt du design, c'est de toucher un public et de partager vos créations
avec le monde entier. C'est pourquoi nous
allons créer cette campagne axée sur les données autour de nos trois graphiques
d'information. Nous allons donc le faire
en créant une page Web et une image
sur les réseaux sociaux. Ainsi, nos designs
sortiront de notre
ordinateur pour être diffusés dans le monde entier et atteindre
notre public. Commençons par la conception de
votre page Web. Donc, la première chose que
nous
allons faire est d'ajouter une autre page, le design de
votre page Web et le design de vos publications sur les réseaux
sociaux seront publiés sur cette page. De cette façon, nous aurons
toujours
notre page d'infographies avec tous nos designs
originaux. Ainsi, si vous modifiez ces conceptions
infographiques à tout moment pendant que vous créez vos pages Web et vos publications sur les
réseaux sociaux, vos designs originaux
ne seront pas affectés. Nous allons passer à l'outil
Frame et créer un cadre de la taille d'un ordinateur de bureau. Il existe donc quelques
options différentes sous ces préréglages de bureau. Sur la droite, je vais simplement cliquer sur
celui qui indique Desktop, qui devrait être une taille de bureau assez
standard. Avant de commencer à récupérer nos infographies à partir de l'
autre page d'infographies, je vais simplement
configurer une grille de mise en page rapide. Donc, si nous allons
ici vers la droite, nous allons
cliquer sur Grille de mise en page, sauf que je ne veux pas
de grille en soi. Je préfèrerais avoir des colonnes. Je vais donc
cliquer sur ce bouton ici et sélectionner des colonnes. Vous pouvez également créer des lignes ou simplement travailler
sur une grille standard. Mais j'aime
créer quelques colonnes avant de commencer à créer une
page de conception Web. De cette façon, cela
vous aidera simplement à rester organisé et à
tout garder propre et aligné. J'aime généralement créer
une grille à 12 colonnes pour quelque chose comme une page de la taille d'un
bureau. Parce que cela nous
donnera plusieurs options différentes. Nous pouvons faire comme une situation à trois
colonnes. Nous pouvons travailler avec quatre colonnes, nous pouvons travailler avec deux colonnes. Ensuite, j'aime
avoir quelques marges juste pour que les choses n'aillent pas
jusqu'au bord de ma page. Vous pouvez toujours cliquer
sur ce cadre et masquer votre grille à tout moment en cliquant
sur cette petite icône en forme d'œil. Nous allons maintenant entrer et configurer le cadre de votre page Web. Nous
allons donc revenir très
rapidement à la page de
notre système et y
insérer notre titre. Et je vais simplement le
placer dans le coin supérieur gauche. Nous allons maintenant
établir quelques bases de notre page Web et nous allons faire en créant
une zone d'en-tête. Nous l'avons déjà fait en faisant
glisser et en tapant notre logo, ou vous pouvez simplement taper votre
titre en haut. Et cela fera
office de bouton d'accueil. Normalement, sur un site Web
standard qui existerait
dans ce coin supérieur gauche. Ensuite, nous pouvons entrer
et faire un menu ici. Nous ne créons qu'une seule
page Web pour ce projet. Juste pour donner l'impression que
ce produit est plus robuste, nous allons créer d'
autres pages Web ici. Je vais le recopier. Imaginez quels autres types d' informations je pourrais inclure
dans ce projet de campagne. Les propriétaires d'armes se demandent pourquoi les gens possèdent-ils des armes ? Quelles sont les statistiques sur le
nombre de personnes possédant des armes à feu ? Des choses comme ça. C' est peut-être quelque chose
que je
pourrai ajouter à l'avenir. Je pense que c'est un bon
début pour mon menu ici. Je vais donc m'arrêter là. Ensuite, je vais
retourner sur la page de mon système et saisir l'un de
ces boutons ici. En général, je ne
veux pas que mon appel à l'action soit
affiché sur l'ensemble du site Web
pour en savoir plus. Je voudrais que ce soit quelque chose
d'un peu plus précis. Je vais donc vous dire de passer à l'action. Je ne veux pas que cela ressemble à une série d'informations désespérées. Je veux que les gens soient
responsabilisés en apprenant ces informations et aient le sentiment qu'ils peuvent agir
et faire quelque chose. Mais réfléchissez à l'objectif réel de votre campagne en fin
de compte Que voulez-vous que les gens
fassent une fois qu'ils ont pris connaissance
de vos informations ? Et cela peut être le principal appel
à l'action sur votre site Web. Nous allons maintenant entrer
et ajouter nos infographies. OK, maintenant je vais
sélectionner mes quatre infographies. Je vais les copier, puis
je vais les coller. Donc, si vous pouvez voir ici, je ne vois qu'une
infographie à la fois. Les utilisateurs doivent donc vraiment faire
défiler la page vers le bas pour parcourir toutes
vos infographies. Mais en réalité,
beaucoup de personnes ne
prennent pas le temps de faire défiler
une page jusqu'au bas. Donc, si vous
voulez vraiment qu'ils voient toutes vos infographies et qu'il serait judicieux de
les rassembler davantage en haut de la page. Je vais apporter quelques modifications
à cette page et essayer terminer la plupart de mes
infographies. Donc, ce que j'ai fini par faire,
c'est opter pour ce type de look de
fil Pinterest. Je place tous mes graphismes et leurs propres cases, puis ai assombri
un peu l'arrière-plan. Ce que je voulais
faire très rapidement, c' est simplement m'assurer que mon utilisateur est orienté vers
le site Web. Cette page et
ces infographies sont donc entièrement
consacrées à la violence armée. Je vais mettre en gras et souligner
cet article sur la violence armée dans mon menu pour m'assurer que
les gens savent
que c'est la page sur laquelle ils se trouvent
sur ce site Web. Une dernière chose que je
veux vraiment faire est de m'assurer que les gens puissent en apprendre davantage sur chacune
de ces informations. Je vais donc le faire
en ajoutant un bouton en savoir plus à chacune
de ces pièces ici. Assurez-vous de regrouper
les boutons graphiques et tout autre
élément de conception de manière appropriée Vous pouvez utiliser des cases comme celle-ci
ou des lignes de séparation et indiquer
clairement quel titre correspond
à quelle infographie, quoi
correspond le bouton En savoir plus à quelles informations, etc. Ce projet et
vos infographies
ne semblent-ils pas plus réels maintenant ? Ils ressemblent à un vrai produit
qui pourrait exister simplement en
incorporant un graphique
de base compétences en conception
et en conception de sites Web. Maintenant que nous avons configuré vos graphiques
d'information et la conception de votre
page Web, nous allons les placer dans une autre application
ou un autre moyen pour communiquer avec votre public
, à savoir par le biais des réseaux sociaux. Dans la prochaine leçon,
nous allons donc intégrer ces graphiques
d'information sur une image de réseau social.
12. Concevoir votre message social: Votre page Web et
vos graphiques d'information sont prêts à être utilisés. C'est génial. Ils
atteignent déjà un public, mais nous devons faire passer
le message plus rapidement. Nous devons éduquer davantage de personnes. Nous allons donc le faire en
créant une publication sur les réseaux sociaux. Configurons donc un autre cadre à
côté du cadre de notre page Web. Nous allons passer à
l'outil Frame, puis aux réseaux sociaux. Et il y a tout un
tas de préréglages ici, comme nous l'avions fait pour
notre configuration de bureau. Et il y a une page Instagram
story configurée ici. Nous allons donc
cliquer sur Instagram story. Nous allons changer
le nom en publication sociale. OK, donc
tout est prêt. La première chose que nous allons
faire est d'ajouter type ou le titre de
notre logo. Peu importe ce que tu
as fini par faire, c'est un petit cercle. Donc, sur Instagram
Stories, normalement ,
votre profil, photo ou image, quel que soit son nom
actuel, se trouve généralement dans cette petite icône en haut à
gauche. Nous allons donner l'impression que cela se trouve réellement sur Instagram en créant ce petit cercle avec votre
logo ou votre titre dedans. Instagram possède également une zone de
texte à côté
pour y inscrire le titre de votre compte
Instagram. Et puis surtout, nous allons choisir l'une de vos infographies
à présenter ici. Rendez-le audacieux,
coloré et attrayant. Cela attirera donc l'attention de
tous et incitera les gens à
interagir avec votre publication. Votre objectif est d'inciter
les internautes à cliquer sur le lien menant à votre site Web
pour en savoir plus sur votre sujet grâce à des
boutons permettant aux utilisateurs de
cliquer dessus et d'obtenir plus d'
informations sur votre site Web. Je suis donc plutôt contente conception de
ma publication sur les réseaux sociaux. J'ai fini
par apporter quelques modifications, comme revenir à
ces flèches pour mes étiquettes. Au lieu de faire cette clé comme je l'ai fait pour la conception de ma page Web. Je pense donc que c'est un design vraiment
amusant et accessible qui fonctionnera bien pour
une story Instagram. Travaillez sur la
conception de vos publications sur les réseaux sociaux jusqu'à ce que vous en soyez
satisfait. Ensuite, nous allons critiquer nos designs dans la prochaine leçon.
13. Critiquer votre design: Maintenant que vous avez créé de
superbes designs, il est temps d'échanger votre chapeau de designer contre
votre chapeau critique. Cela peut être très difficile à faire, mais il est très important, en
tant
que designer, de toujours
vous dépasser et de vous assurer de faire le meilleur travail
possible. Je recommande vivement de faire une
pause lorsque vous passez du
mode design au mode critique. Il peut être très
difficile, lorsque vous
venez de concevoir quelque chose de
vraiment génial dont vous êtes vraiment fier
, de le juger et de le remettre en question. Mais c'est en jugeant et en
remettant en question votre travail que vous évoluez
en tant que designer. Je recommande donc de prendre
une pause d'environ 24 heures entre la conception de quelque chose et
la critique de quelque chose. Voici quelques questions
que vous pouvez
vous poser lorsque vous
critiquez votre travail. Vos designs
communiquent-ils votre histoire ? Souvenez-vous qu'au
début de ce cours, vous avez imaginé
une histoire que vous aimeriez raconter
sur votre sujet. Est-ce que cette histoire apparaît dans vos trois infographies ? Le message ou l'information clairs et faciles à comprendre ? Peut-être que maintenant que vous regardez arrière et que vous remettez en question votre travail, un graphique ne s'est pas
révélé exactement comme vous le pensiez. Et peut-être que c'est confus
ou que cela ne fonctionne tout simplement pas. Et le format que
vous avez
choisi à l'origine est-il lisible pour tous vos textes
et éléments de design ? Il sera très difficile de
communiquer votre histoire si votre public ne
peut pas lire votre texte ou
voir vos diagrammes circulaires, vos étiquettes, vos unités et vos clés détournent l'attention
de l'information. N'oubliez pas que vos informations sont la chose la plus importante
à propos de votre graphique. Vous n'avez pas besoin
d'éléments supplémentaires distraire les gens du message
principal ou de votre histoire. Et surtout, est-ce que vous
montrez et ne vous contentez pas de dire ? Vous pouvez toujours demander à vos amis ou à votre famille d'y jeter un coup d'œil. De cette façon, il offrira une
perspective complètement nouvelle et extérieure à la vôtre. Implémentez l'une de
ces petites modifications ou peut-être les modifications importantes
dont vous avez besoin pour améliorer votre conception
et la préparer à
être enregistrée dans notre version finale
dans la prochaine leçon.
14. Sauvegardez vos dessins: Vous avez mis en œuvre
toutes vos modifications. Vous avez
des designs vraiment solides dont vous êtes évidemment très fière
et j'ai hâte de les voir. Nous devons maintenant enregistrer
votre illustration finale afin pouvoir la partager avec nos
camarades de classe ici sur Skillshare. Sigma facilite vraiment l'exportation
de vos designs. Il vous suffit de cliquer sur les cadres que
vous souhaitez exporter. Nous voulons donc que notre page Web et nos publications sur les réseaux sociaux soient
partagées sur Skillshare. Nous allons donc sélectionner ces
deux cadres. Nous allons
descendre au bas de ce panneau de droite et
cliquer sur Exporter. Vous pouvez l'enregistrer au format PNG ou
sous différents types de fichiers. Mais je pense que le PNG ou le
JPEG sont probablement les meilleurs pour notre
classe. Aujourd'hui, vous sélectionnez votre type de fichier. Vous pouvez ajouter n'importe quel nom de fichier ici, mais cela enregistrera
automatiquement vos fichiers en tant que
nom du cadre. Il enregistrera donc
cela en tant que page Web. Et ce sont les publications sur les réseaux sociaux, c'est
pourquoi il est
très important,
encore une fois, de rester organisé
et d' étiqueter vos cadres, vos
pages de manière appropriée. Cela ne fera que vous
préparer au succès. Plus tard. Nous pouvons continuer et
cliquer sur Exporter deux couches. Et il téléchargera
automatiquement nos deux couches dans un fichier zip. Félicitations, après
tout votre dur labeur, vous avez enfin enregistré
vos designs finaux. Et j'ai hâte de les voir. N'oubliez pas de télécharger ces deux images ainsi que vos croquis dans la galerie de
projets. Ajoutez vos designs et une maquette pour vous aider à voir à quoi il ressemblerait en
tant que produit réel et à le rendre plus réaliste sur le site Web de votre
portfolio. Nous allons maintenant régler
quelques questions au cours de nos deux
dernières leçons.
15. Autres applications: Toutes les compétences importantes
que nous venons d'acquérir peuvent être appliquées dans tous les
domaines et applications de conception. J'espère que vous êtes
aussi enthousiaste que moi à l'idée d'appliquer ces compétences très importantes
dans n'importe quel projet de conception. Comme je l'ai déjà mentionné, vous pouvez
poursuivre ce projet. Vous n'êtes pas obligé de vous en tenir à trois graphiques d'information. Vous pouvez créer 100 graphiques à intégrer à votre campagne
basée sur les données. Mettez à jour votre processus de conception en
suivant les étapes que nous avons suivies dans ce cours pour donner forme au contenu en
esquissant et en itérant. En d'autres termes, il ne s'agit pas simplement de
s'arrêter à votre première idée, mais de vraiment repousser les
limites et publier plus de croquis ou d'essayer
différents styles de design. Utilisez un système de conception et votre processus pour
créer des projets de
conception cohérents et
visuellement cohérents. L'établissement de ces
styles dès le départ
et votre projet peut vraiment
faire une grande différence et vous permettre de
tout mettre et votre projet peut vraiment faire une grande différence et vous permettre en œuvre en fin Cela vous permet également de vous
concentrer
plus facilement sur votre au lieu des petits éléments de
design qui apparaissent au fur et à mesure que vous concevez, créez des combinaisons de
couleurs
plus stratégiques plus inclusives pour un public plus large en utilisant les couleurs Adobe Color
outils d'accessibilité. Faites preuve d'empathie envers les utilisateurs en tenant compte de la façon dont les autres pourraient voir ou utiliser votre design
tout au long de votre processus de conception. Apprenez-en davantage sur la conception Web, l'expérience utilisateur ou la conception d'
interfaces, marketing et d'autres
sujets que nous avons explorés et abordés dans
le cadre de votre projet. Résumons tout dans la dernière leçon.
16. Conclusion: Félicitations, vous
devriez être très fière de vous pour avoir participé à
ce projet de conception d'
informations vraiment difficile
mais, espérons-le, perspicace. Vous avez beaucoup appris dans ce cours de conception de l'
information, comme donner forme au contenu, raconter des histoires
visuelles, preuve
d'empathie envers les utilisateurs, créer des systèmes de
conception stratégique, créer des projets visuellement
cohérents, et design et Figma. Mais si vous ne retenez qu'
une chose de ce cours, j'espère que vous pourrez et
devriez continuer à apprendre elle-même de nouvelles façons de développer vos compétences visuelles en
résolution de problèmes. Mettez-vous
régulièrement à l'épreuve
et mettez vos compétences à l'épreuve en créant de nouveaux
projets pour votre portefeuille, comme celui que nous avons
créé dans ce cours. Cela renforcera considérablement
votre portefeuille afin de
vous aider à décrocher un emploi tout en
affinant vos connaissances. N'oubliez pas de télécharger votre projet de campagne
dans la galerie de projets en
publiant vos croquis
, votre
page Web finale et
les designs des réseaux sociaux. N'oubliez pas de me contacter
ou de contacter l'un de vos camarades de classe pour
avoir de nouvelles perspectives, obtenir des commentaires et, espérons-le,
améliorer notre communauté de designers. Merci beaucoup d'avoir suivi ce
cours avec moi et d'en avoir appris davantage
sur la conception de l'information. Je te verrai au prochain cours.