Elearning & Instructional Design · Visual design · B2

Custom graphics: the words

Briefs, hover states and snippets: the words to design and order visuals for eLearning.

Click ▶ to hear the words, and say them out loud.Clique sur ▶ pour entendre les mots, et répète-les.

Click ▶ to hear each word, and say it out loud.

Finding images · Trouver des images

a stock imageune image de banque d'images
a keywordun mot-clé
a custom illustrationune illustration sur mesure
an illustratorun illustrateur
a standalone imageune image isolée, autonome
a screenshotune capture d'écran
a snippetun fragment, un extrait
a licenceune licence (droit d'utilisation)
a drawingun dessin

Ordering the work · Commander le travail

a briefun cahier des charges
a rough budgetun budget approximatif
to affordavoir les moyens de
viableviable, réalisable
extravagantluxueux, dispendieux
the payoffle bénéfice, ce que ça rapporte
value for moneyun bon rapport qualité-prix
to get the most for your moneyen avoir pour son argent
feasiblefaisable

Editing images · Retoucher les images

to mock upfaire une maquette
transparencyla transparence
greyed outgrisé
harshdur, cru (couleur)
to superimposesuperposer
to cut outdécouper, détourer
to highlightmettre en valeur, en surbrillance
a versionune version
to repurposeréutiliser, réaffecter

Building the course · Construire le module

a slideune diapositive
a moduleun module
a hover stateun état de survol
to hoversurvoler (avec la souris)
an itemun élément
to revealrévéler, afficher
a checklistune liste de contrôle
to embedintégrer
a segmentune partie, une section

The look and feel · Le rendu visuel

consistencyla cohérence
consistentcohérent
all over the placedécousu, dans tous les sens
shoehorned incasé de force
slickléché, soigné
impactfulpercutant
appropriateadapté, approprié
to fit togetheraller ensemble
to look the partavoir l'air professionnel
Careful! licence (noun, UK) / license (US). a skip (UK) = a dumpster (US). a JCB (UK, a brand name) = a digger, a backhoe loader. Storyline is an eLearning authoring tool (Articulate). a chap (UK, informal) = a guy.

Next: images →

Finding images: drag each English word next to its French translation.Trouver des images : fais glisser chaque mot anglais en face de sa traduction.

  1. un mot-clé
  2. un fragment, un extrait
  3. une licence (droit d'utilisation)
  4. une image isolée, autonome
  5. une image de banque d'images
  6. un dessin
  7. un illustrateur
  8. une illustration sur mesure
  9. une capture d'écran

Next: the brief →

Ordering the work: drag each English word next to its French translation.Commander le travail : fais glisser chaque mot anglais en face de sa traduction.

  1. viable, réalisable
  2. avoir les moyens de
  3. faisable
  4. un bon rapport qualité-prix
  5. en avoir pour son argent
  6. un budget approximatif
  7. luxueux, dispendieux
  8. un cahier des charges
  9. le bénéfice, ce que ça rapporte

Next: editing →

Editing images: drag each English word next to its French translation.Retoucher les images : fais glisser chaque mot anglais en face de sa traduction.

  1. réutiliser, réaffecter
  2. découper, détourer
  3. grisé
  4. mettre en valeur, en surbrillance
  5. une version
  6. superposer
  7. faire une maquette
  8. dur, cru (couleur)
  9. la transparence

Next: the course →

Building the course: drag each English word next to its French translation.Construire le module : fais glisser chaque mot anglais en face de sa traduction.

  1. un module
  2. un état de survol
  3. révéler, afficher
  4. intégrer
  5. une partie, une section
  6. une liste de contrôle
  7. un élément
  8. une diapositive
  9. survoler (avec la souris)

Next: the look →

The look and feel: drag each English word next to its French translation.Le rendu visuel : fais glisser chaque mot anglais en face de sa traduction.

  1. percutant
  2. léché, soigné
  3. adapté, approprié
  4. la cohérence
  5. cohérent
  6. casé de force
  7. aller ensemble
  8. décousu, dans tous les sens
  9. avoir l'air professionnel

Next: find the word →

Find the right word.Trouve le bon mot.

  • What do you send an illustrator to explain what you want?
  • What do you type in a stock image website to find pictures?
  • Which word means « to use something again, for a different purpose »?
  • Pictures that don't match each other make a course look…
  • What do you call an approximate budget?
  • What happens when the learner moves the mouse over an item, without clicking?
  • Which word means « to put one image on top of another »?
  • Which word describes a design that is polished and professional?
  • What do you need to use a stock photo legally?
  • Which word means « possible, realistic »?
Instructions:Consignes :