Conception d'informations : concevoir une campagne axée sur les données | Carolyn Owsiany | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Conception d'informations : concevoir une campagne axée sur les données

teacher avatar Carolyn Owsiany, Senior UI/UX Designer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Bienvenue à la conception de l'information !

      2:17

    • 2.

      Projet

      1:36

    • 3.

      CONCEPTION DE L'INFORMATION

      5:48

    • 4.

      Choisir votre sujet

      1:30

    • 5.

      Recherche

      2:22

    • 6.

      Montrer ne dites pas

      1:48

    • 7.

      Ébauche

      7:44

    • 8.

      Configurer dans Figma

      2:45

    • 9.

      Concevez votre système

      11:14

    • 10.

      Concevez vos informations

      6:33

    • 11.

      Concevoir votre page Web

      7:41

    • 12.

      Concevoir votre message social

      2:52

    • 13.

      Critiquer votre design

      2:28

    • 14.

      Sauvegardez vos dessins

      2:02

    • 15.

      Autres applications

      1:49

    • 16.

      Conclusion

      1:26

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

376

apprenants

2

projets

À propos de ce cours

Tous les concepteurs sont des concepteurs d'informations ! Le monde regorge d'informations et c'est le travail de dessinateur pour en donner du sens, de l'organiser et d'aider les autres à les comprendre de manière plus accessible et agréable.

Les compétences essentielles pour organiser et visualiser les informations sont extrêmement universelles et peuvent être mises en œuvre dans TOUS les domaines de la conception pour améliorer la compréhension du monde.

Dans ce cours, je vais vous apprendre les compétences pour devenir un meilleur concepteur et conteur visuel. Vous allez apprendre à :

  • Donner un formulaire à du contenu
  • Utilisez l'imagerie pour raconter une histoire
  • Pratiquer l'empathie pour les utilisateurs
  • Créez un projet personnel bien arrondi pour votre portefeuille de dessins.

Vous allez pratiquer vos compétences en conception d'informations en :

  • Transformer les travaux de recherche en croquis en utilisant des compétences complexes en résolution de problèmes
  • Construire un groupe concis de dessins d'informations, à l'aide d'un système visuel de graphiques, de couleurs, de symboles, de typographies, de graphiques, etc.
  • Concevoir une page Web et des publications sur les réseaux sociaux dans un projet de campagne axé sur les données qui vous donne un aperçu de la façon dont vous pouvez utiliser vos compétences dans le monde réel
  • Travailler dans Figma pour la conception graphique et web, en utilisant les nouvelles compétences techniques et les nouveaux processus de conception

Ce cours s'adresse à tous les créatifs ayant n'importe quel niveau d'expérience, de débutant à avancé, qui souhaitent améliorer leurs compétences en narration visuelle. Nous travaillerons à Figma, outil de conception en croissance facile et gratuit !

Au cours de ce cours, je vais vous aider à dessiner des designs efficaces en fournissant une introduction à la conception de l'information, en vous guidant dans les étapes concrètes du processus de conception et en montrant comment produire un projet robuste.

À la fin de ce cours, vous aurez un excellent projet de conception d'informations qui montrera les compétences de résolution de problèmes et de communication pour la conception graphique, Web et numérique.

Amusons à visualiser les informations et à dessiner !

Rencontrez votre enseignant·e

Teacher Profile Image

Carolyn Owsiany

Senior UI/UX Designer

Enseignant·e

I'm Carolyn Owsiany, a curious designer who loves exploring the world through design and sharing lessons I've learned with the creative community.

Learning is one of my favorite activities. I went to the Stamps School of Art & Design at the University of Michigan where I earned my BFA in Art & Design. I've learned a lot as a senior graphic and UX/UI designer and continue growing by completing certificate programs and volunteering in the design community.

Along the way, I have picked up skills in hand lettering, photography, animation, and videography over the years with the help of platforms like Skillshare.

Check out my portfolio at www.carolynowsiany.com to see what I've worked on. I look forward to getting to know you :)

Carolyn

Voir le profil complet

Compétences associées

Figma Design Graphisme
Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

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.