GIDE 2019 — Bases du design graphique

Actualisé : 16 mars 23 Publié : 24 mars 20

Cette année, pour la 3ème fois consécutive, j’ai eu l’opportunité de donner cours aux étudiants de deuxième année de Master GIDE (Gestion de l’Information et des Documents pour l’Entreprise). La première séance est toujours la plus stressante, car c’est elle qui donne le ton. Les premières minutes passées, laisse place à l’échange, aux conseils et à la bienveillance

Un premier cours qui commence sur les chapeaux de roues

Nombre d’étudiants : 15 | Nombre d’heures de cours : 10h | Lieu : Université de Lille

Les années se suivent et se ressemble parfois un peu trop : un premier cours de graphisme dans une salle où il n’y a pas de logiciels de design graphique. Je demande donc une élève d’aller au bureau pour savoir si une salle serait disponible avec les logiciels. Malheureusement, ce n’était pas possible…

Parallèlement, je leur explique sur quoi va porter le cours : l’identité graphique, la création de supports communication imprimé et web. Puis, je commence le cours par un traditionnel tour de table. Où j’apprends que les élèves sont répartis en 3 groupes et qu’ils ont plusieurs projets à réaliser afin de préparer un événement prévu dans quelques mois. Cet événement, la journée Egide, est à ses prémices : recherche de sponsors, de participants… Cette journée est organisée par les élèves du master 2 pour promouvoir le master. Au cours de cette journée une table ronde doit sera organisée pour échanger avec les professionnels et pour présenter les projets réalisés par les élèves.

L’organisation et les projets à réaliser

Les différents projets sont répartis dans les différents groupes d’élèves. Un groupe s’occupe du Master Gide, le deuxième de la journée Egide et le troisième du réseaux des anciens élèves. Chaque groupe d’élèves à une mission à remplir, un groupe s’occupe de la communication et de la création du site du master, un autre de la communication et de la création du site de la journée Egide, le dernier de trouver des intervenants mais aussi de contacter les anciens élèves et la presse. Pour promouvoir cette journée, les élèves doivent réaliser une affiche, un flyer, une bannière email, une brochure. La brochure sera distribuée lors de la journée pour détailler son déroulement. Une fois toutes ces informations en tête, nous avons réfléchi tous ensemble au thème de la journée et aux infos utiles à faire figurer sur les différents supports de communication (imprimé et digital) pour promouvoir la journée Egide. Le cours s’est fini sur une présentation d’Indesign, logiciel de mise en page, qui sera utilisé au prochain cours.

 Carte mentale réalisée pour la journée Égide 2022
Carte mentale réalisée avec les élèves du master 2 GIDE lors de la première séance de cours

C’est parti pour le deuxième cours !

J’ai été placé dans une salle équipée de la suite de créative qui commence par “A” et qui fini par “E”. Le cours pouvait enfin commencer, nous avons vu les bases du design graphique : les formats d’images, les couleurs pour l’impression et pour le web, la symbolique des formes et des couleurs, …

Nous avons aussi vu les bases d’Indesign en commençant à réfléchir à l’identité graphique

  • Ses principaux outils : sélection, création de textes, formes, …
  • Les couleurs et la création de nuances (RVB & CMJN)
  • Comment importer des images et comment les ajuster dans les blocs

Cours 3 : la création d’affiche

Pendant ce cours, j’ai montré aux élèves quelques cours pour trouver des photographies et des typographies libres de droit. J’en ai profiter pour parler des familles de typographies, donner des astuces pour construire correctement une affiche et s’assurer la lisibilité des informations. Nous avons aussi continué l’apprentissage d’Indesign et vu

  • L’utilisation des styles de paragraphes et de caractères.
  • Paramétrer les marges et colonnes
  • Comment importer des images et comment les ajuster dans les blocs
  • L’importance de la hiérarchisation des informations

Pour conclure et introduire le prochain cours, nous avons réfléchi sur la fonction d’un logotype.

Cours 4 : la création de logo

Lors de ce cours nous nous sommes intéressés à l’identité graphique et plus particulièrement à la création de logotype. J’ai commencé le cours par un rappel de ce qui avait été dit la séance précédente : Qu’est ce qu’un logotype ? À quoi sert-il ? J’en ai profité pour parler des différents types de logotype, mais aussi ce qui fait qu’un logo est réussi ou non. J’ai partagé avec les élèves la méthode que j’utilise pour créer des logotypes à la fois mémorables et distinctifs. Pour la création de logotype nous avons utilisé le logiciel Illustrator, nous avons appris

  • À utiliser l’outil de création de texte et de forme
  • À utiliser la palette de calque et à grouper des éléments
  • Les contraintes de déplacement et de changement d’échelle
  • L’utilité des couleurs globales et comment les créer
  • À vectoriser du texte pour modifier le dessin de ses lettres
  • À quoi servent les différentes flèches de sélection
  • À utiliser la plume pour créer des courbes
  • Comment utiliser le pathfinder

Cours 5 : la retouche photo

Nous avons commencé ce cours par faire le tour des logos créés par les étudiants. Chaque élève a présenté son logo en nous expliquant sa démarche. Nous avons ensuite discuté de manière bienveillance pour mettre en avant ce qui fonctionne et proposer des pistes d’améliorations. Une fois fini, j’ai rappelé dans quel cas utiliser Indesign, Illustrator et Photoshop. Ensuite le cours sur Photoshop a commencé, nous avons vu

  • L’outil de recadrage
  • Comment travailler de manière non destructive
  • Les calques de réglages
  • Les masques de fusion
  • Comment détourer un élément grâce au pinceau et à la plume

À la fin de ce cours, j’ai montré aux étudiants que les fichiers Photoshop et Illustrator peuvent être utilisés directement dans Indesign. Ce qui fluidifie considérablement le flux de production.

Des élèves qui en veulent !

Peu de temps après notre derniers cours de design graphique, les élèves sont revenus vers moi pour me demander si j’étais disponible pour leur donner cours de création de site internet avec WordPress. En effet, les élèves devaient réaliser deux sites, sur cette plateforme sans aucun cours pour les aider à mener à bien ce projet. Cette demande m’a fait énormément plaisir et m’a très agréablement surpris. Je leur ai alors conseillé de parler directement à la directrice du Master pour savoir si c’était possible d’avoir des cours à ce sujet. Aussitôt dit aussitôt fait, et il n’a pas fallut beaucoup de temps avant que les choses se mettent en place. Dans l’entre deux, j’ai échangé avec les élèves pour m’assurer qu’ils avaient les éléments en leur possession pour réaliser les sites du master GIDE et de la journée Egide.

Cours 1 : préparation du projet

Nombre d’étudiants : 15 | Nombre d’heures de cours : 7h | Lieu : Université de Lille

Nous sommes début janvier, il était l’heure du premier cours de web au cours duquel nous avons vu

  • La différence entre site statique et site dynamique
  • La différence entre wordpress.com et wordpress.org
  • Qu’est-ce qu’un CMS et les avantages du CMS WordPress
  • Comment fonctionne WordPress
  • Comment installer WordPress en Local grâce à Local (anciennement LocalbyFlywheel)
  • Les différentes parties de l’interface de WordPress
  • Comment paramétrer son projet correctement
  • Où trouver un thème et comment l’installer
  • La différents types d’utilisateurs et leurs capacités

Cours 2 : création de site

Lors de ce cours, nous avons vu

  • Les différentes options du thème Astra
  • Comment créer, installer un thème enfant et pourquoi en utiliser un
  • Comment mettre en place le logo et le favicon
  • Comment créer une navigation
  • À quoi servent les plugins
  • Où les trouver et comment les installer
  • À quoi servent les pages builder & les thèmes builder
  • Comment créer des pages avec le plugin Elementor
  • Comment créer un formulaire

Cours 3 : Finalisation de site

Lors de ce cours nous avons fait le tour des sites réalisés par les élèves afin de proposer des piste d’amélioration si nécessaires. Nous avons vu

  • Comment optimiser la BDD
  • Comment optimiser les images de la bibliothèque
  • Comment activer le cache
  • Comment créer une page de maintenance avec Elementor
  • Comment migrer son site du local vers l’hébergement

Bonus

N’ayant que quelques heures de cours pour traiter de sujets aussi vaste que l’identité graphique, la création de supports imprimés et la création de site web, beaucoup d’informations ont été transmises aux élèves en dehors des cours, sur mon temps personnel. De la même manière, afin que les élèves profitent au maximum du temps imparti pour apprendre le plus possible, l’évaluation s’est passé en dehors des heures de cours. Afin de compléter ce qui a été vu en cours, les élèves ont reçu plusieurs support cours assez volumineux qu’ils auront tous loisir de parcourir par la suite. Encore une fois, donner cours s’est révélé être une course contre la montre, il y a beaucoup de matière à voir et seulement quelques heures disponibles. Cependant, j’en ressors à chaque fois extrêmement satisfait et les élèves aussi comme vous allez le voir juste en dessous dans leur témoignage 😉

Témoignages des élèves

J’ai appris le graphisme et le web grâce aux enseignements dispensés par Jessy dans le cadre de ma formation. Il a été très à l’écoute des besoins de chacun des étudiants de la classe. Sa pédagogie fonctionne : alterner entre la théorie et surtout la pratique. Parfait pour prendre en main tous types de logiciels et pour de réels progrès. Sa passion pour le web et le graphisme se ressent dans son enthousiasme et sa bonne humeur pendant les cours. De superbes enseignements, un enseignant que je recommande. Merci encore à vous, Jessy !

Marine Boulogne — LinkedIn

Avant ce cours je n’avais jamais touché à un logiciel de design parce que ça me paraissait compliqué à utiliser. Mais j’ai découvert la suite Adobe avec Jessy Boudin et c’était très satisfaisant de modifier et de créer des choses. Cela m’a permis d’acquérir de nouvelles compétences, ce qui s’est illustré par la création de logos notamment. Et je n’hésiterai pas à réutiliser ces logiciels si l’occasion se présente. Notre formation aurait dû s’arrêter là mais la volonté d’en apprendre davantage nous a entrainé, ma classe et moi, à demander des heures de cours supplémentaires avec cet intervenant. Cette deuxième partie était consacrée à la création d’un site web. En raison de contraintes liées à l’Université, cela s’est avéré compliqué, mais nous avons tout de même travaillé en local. Cela m’a permis de beaucoup pratiquer pour avoir l’apprentissage le plus poussé possible. A terme j’avais réalisé un site complet et le rendu final était hyper gratifiant. En ce qui concerne Jessy Boudin, il a été très à l’écoute de nos demandes et a fait tout son possible pour nous aider. Il se rendait disponible à toute heure pour répondre à nos questions et nous donner des conseils. Ses cours font partis des meilleurs que j’ai eu cette année, alors merci à lui.

Lyssandre Prudence Heu — LinkedIn

Mes objectifs personnels dans le cadre de ce module étaient d’acquérir de nouvelles connaissances et d’étoffer mes compétences. A l’issue des cours, je suis satisfait. Le déroulement des séances est à l’image de ce que représentent pour moi le design graphique et la création de site. Des cours dynamiques où interactivité, sens créatif, précision, rigueur et échanges constructifs se mêlent. La richesse des enseignements est notable : Mind mapping, création de logotype, gestion d’image (modification, détourage…), création de flyer, création de kakemono. Les outils sur lesquels nous avons eu à travailler, Indesign, Illustrator et Photoshop sont des socles en ces domaines. Créer un site web ! Moi, participer à ne création d’un site web ! Et oui, nous y sommes arrivés avec une fierté certaine. Nous nous sommes approprié WordPress, Elementor Page Builder, Local by Flywheel et nous avons intégré des pratiques professionnelles utiles à la conception et création de sites web ; le site du Master 2 GIDE et celui de la journée Egide en témoignent. Les connaissances techniques acquises sont diverses et complémentaires. Elles seront, tant dans l’usage personnel que professionnel, des supports essentiels.

Malick Sembène MBOUP — LinkedIn


Aujourd’hui encore en 2023, je continue de donner cours aux étudiants en pendant le premier ou le deuxième semestre sur une période d’environ 20h

Laisser un commentaire Tous les champs sont obligatoires