Articles tagués graphismes

E-learning : 15 modèles d’écrans de projection gratuits à utiliser avec vos cours

Un grand nombre de contenus e-learning trouve ses racines dans la réutilisation de diapositives PowerPoint. Le défi ici est de retravailler les écrans, les débarrasser des puces afin qu’elles ne ressemblent pas toujours aux mêmes types de diapositives. Une  façon de sortir de l’aspect PowerPoint est de créer des écrans de projection qui vont intégrer vos contenus de différentes manières. Par exemple, si vous mettez un écran de télévision sur la diapositive, vous serez moins enclin à utiliser des puces.  Donc, une bonne façon de retravailler les écrans (et se débarasser des puces) est de repenser les différents types d’écrans d’affichage.

Avertissement: le contexte du cours est un tout. Ainsi, ne pas se débarrasser des mauvaises puces et les remplacer par des écrans ne fait pas de sens.

Voici quelques idées décrites dans des articles précédents, lesquelles sont suivies par quelques nouveaux téléchargements gratuits:

Vous pouvez télécharger plusieurs de ces modèles (et bien plus) à partir de la communauté E-learning Heroes

Dans l’article d’aujourd’hui, j’ai pensé partager un type d’écran de plus : l’écran de projection. Les écrans de projection sont courants dans la formation et, pour ce qui nous concerne, constituent un bon support pour les contenus e-learning. Et de nombreux cours e-learning utilisent des personnages avec ces écrans.

Voici quelques images simples d’écrans de projection créées à votre attention. Les fichiers PowerPoint d’origine sont également inclus. N’hésitez pas à les utiliser comme bon vous semblera. De plus, voici quelques tutoriels sur la façon de créer par vous-mêmes des écrans de projection. Vous verrez que c’est vraiment  facile.

Généralement, je préfère avoir des écrans avec des lignes simples. Vous souhaitez en tirer l’essence même, il est donc inutile de s’acharner sur les détails. De plus, moins il y a de détails, plus il est facile de les travailler en images vectorielles.

Ci-dessous les liens vers les tutoriels à partir desquels je montre comment les créer:

Vous pouvez télécharger les images des écrans de projection en cliquant ici. Et si vous voulez les fichiers PowerPoint pour les exploiter, cliquez ici.

J’ai aussi compilé les tutoriels en un seul module pour ceux qui ne peuvent pas accéder à ScreenR.

 Cliquez ici pour voir les tutoriels.

J’espère que vous apprécierez ces modèles gratuits. Si vous réalisez vos propres images d’écrans, n’hésitez pas à les partager avec la communauté ou via le lien des commentaires.

L’original de cet article a été écrit par Tom Kulmann et est consultable en cliquant ici.

, , , , , , , , ,

1 commentaire

E-learning : voici une police de caractères et un modèle Powerpoint gratuits

Ce texte, traduit de l’anglais, a été écrit par Tom Kuhlmann. L’original de cet article est accessible en cliquant ici

L’autre jour je parcourais le site de How it works media. Ils réalisent des vidéos marketing astucieuses. Ce qui a attiré mon attention est leur façon d’utiliser les personnages en vectoriel avec l’écran de projection, d’autant plus que je venais juste de publier des articles sur les affichages graphiques et qui incluaient des écrans de projection. 

La disposition générale de leur site serait un modèle du genre pour l’e-learning. Voici pourquoi:

  • Arrière-plan simple mais riche
  • Couleurs de titre en gras
  • Beaucoup d’espace en blanc
  • Zones de contenu dédiés

Comme vous le savez, j’aime m’inspirer de tels sites pour montrer combien il est facile de créer des modèles PowerPoint pour l’e-learning. J’ai donc pensé créer un modèle inspiré de ce site et partager ensuite quelques astuces.

Modèle PowerPoint gratuit

 Le modèle comporte six mises en pages différentes. J’ai essayé de couvrir les types de mises en page les plus courantes. J’ai également intégré une mise en page d’écran basée sur leur conception d’écran. Bien évidemment, vous pouvez ajouter certains des affichages graphiques gratuits provenant de mes précédents articles.

En ce qui concerne le placement du texte, vous pouvez le déplacer où vous voulez. Aussi, n’hésitez pas à modifier le modèle.

Voici quelques conseils:

  • J’ai aimé le maillage en dégradé de bleu de l’écran. Pour le créer dans PowerPoint, j’ai combiné deux formes. La première est rempli de motifs en croix, la deuxième est rempli avec des dégradés de couleur.  J’ai paramétré la transparence à 10% et placé la forme en haut.
  • J’utilise toujours le jeu de couleurs générique « office » de PowerPoint. De cette façon, je peux appliquer rapidement un nouveau thème sans avoir à trop peaufiner. Voici la façon dont les trois jeux de couleurs appraissent avec le modèle :

  • J’aime les caractères gras utilisés par le site « How It Works Media ». Pour ce modèle j’ai utilisé Bevan, une police de caractères gratuite disponible à partir du site Google Web Fonts. Vous pouvez également en savoir plus à propos de ce site et obtenir ainsi plus de polices de caractères gratuites grâce à cet article.

Voici le lien pour télécharger le modèle PowerPoint gratuit. N’hésitez pas à le « démonter » pour voir comment il a été conçu. J’espère que vous apprécierez ce modèle.

, , , , , , , , , ,

4 Commentaires

Inspirez-vous de ce modèle e-learning gratuit pour vos prochains cours e-learning

Cet article écrit par Tom Kuhlmann est extrait/traduit du Blog d’Articulate.

J’ai beaucoup voyagé récemment, ce qui veut dire également que j’ai passé beaucoup de temps dans les aéroports. Donc en attendant, je m’occupe à griffoner et jongler avec différentes idées. Voici celles que j’ai eues tout le temps de concocter avec mon iPad.

Au cas où vous ne seriez pas familiarisé avec l’iPad, sachez qu’il fonctionne comme la plupart des smartphones. La majeure partie de l’écran est occupée par des icônes qui en cliquant dessus, ouvrent différentes applications. Au bas de l’écran, vous trouvez les applications favorites. Elles sont toujours présentes indépendamment de la page ou de l’application lancée.

Comme je jouais avec cet iPad, deux idées me sont venues. La première serait d’en déterminer un modèle elearning. Au lieu de cliquer sur le bouton de navigation suivant, vous utiliseriez des icônes liées aux diapositives du cours.

La deuxième idée concerne moins le sujet de l-e-learning et plus celui du mobile learning. Comme beaucoup de personnes ont l’habitude de cliquer sur les écrans de leur mobile: créer un modèle qui ressemble à un écran de mobile. Je traite chaque écran de la même façon qu’une diapositive, et ensuite j’utilise les icônes cliquables pour révéler les informations du cours.

Par exemple,  au lieu d’avoir un écran avec huit puces, j’ai un écran avec huit icônes. Chaque icône disposera d’une étiquette qui en cliquant dessus affichera des informations supplémentaires.

Idées de design d’écran

Voici quelques idées si vous implémentez ce type de modèle.

  • Chaque diapositive est un écran distinct. Elle peut comporter un fond différent afin de créer une distinction entre les écrans.
  • Remplacer les puces par des icônes. Ici, l’astuce est de sélectionner des icônes qui représentent visuellement ce que l’information véhicule. Choisissez un titre également pour la « fausse » application. Le titre doit être court et communiquer le point essentiel.
  • Les icônes de la rangée du bas correspondent à vos sections. Utilisez cette rangée d’icônes pour naviguer vers des sections spécifiques. C’est également un bon endroit pour y inclure un écran d’aide et/ou un glossaire.  

Modèle PowerPoint gratuit.

Voici une maquette rapide d’un modèle PowerPoint d’inspiration iPad. Vous pouvez télécharger le modèle en cliquant ici.

Cliquez ici pour voir la démo

Si vous recherchez des icônes, de nombreux sont disponibles sur le site Microsoft Office. Pour la démo, j’ai utilisé le Style 1307. Mais vous pouvez en trouver de toutes sortes en effectuant une recherche pour des « icônes ».

Vous pouvez en trouver d’autres sur des sites comme Iconfinder. Vérifiez bien le contrat de licence. Gratuit n’est pas toujours gratuit. Dans le doute, prenez contact avec la personne qui a créé l’icône. Il est facile également de créer vos propres icônes dans PowerPoint en remplissant les formes avec des images de votre choix.

, , , , ,

4 Commentaires

Petites choses à savoir pour la création de graphismes personnalisés

REMARQUE : L’original de cet article en langue anglaise écrit par Tom Kuhlmann est accessible sur le site E-learning Blogs d’Articulate.
 

Le graphisme dans un cours e-learning est très important et il joue un large rôle pour son efficacité. Si comme moi, vous disposez d’un budget limité et vous ne pouvez pas acheter des images chaque fois que vous le souhaitez, ceci vous intéresse.

Après quelques projets où toutes les bonnes images ont été utilisées, vous êtes bien forcé d’utiliser les clowns et les chiots… Si votre enfant de cinq appréciera quant à lui vos images, vous verrez que beaucoup dans votre organisation ne sont pas particulièrement friands de clowns et de chiots. Si seulement vous l’aviez su avant de commencer !
 
 
 

Comment obtenir les images souhaités ?

Si vous souhaitez des graphismes personnalisés, vous pouvez embaucher quelqu’un ou vous pouvez les réaliser vous-même. Pour le moment, je suppose que vous n’avez pas les moyens et que vous voulez les réaliser vous-même.

Dans ce cas, je recommande 2 options:

  1. Créer vos propres images
  2. Modifier des cliparts existants

Option 1: s’en tenir à ses compétences et dessiner ses propres images

Voici une image générique facile à réaliser
 
 
 
Avec des modifications mineures, vous pouvez utiliser la même image encore et encore, et chaque fois raconter une histoire différente. Comme vous le voyez ci-dessous, il ne faut pas beaucoup de temps pour que ces images signifient des choses différentes.
 
 
 
 
Il se peut cependant que nombreux soient ceux qui, dans votre entreprise, n’apprécient pas forcément vos talents de graphistes. Dans ce cas, je suggère d’essayer la deuxième option.
 
Option 2 : modifier des cliparts existants
 
Traduction : pour ce tutoriel, je suppose que vous utilisez PowerPoint  et que vous disposez du pack Microsoft Clipart
Voici votre défi. Vous voulez une image d’une femme présentant des informations à son équipe. Cependant, vous ne pouvez pas trouver l’image correcte. Dans l’exemple suivant, vous apprendrez comment se saisir de 2 images séparées de clipart et les combiner pour obtenir l’image souhaitée.
 
  
 
 

Devenir un chirurgien du clipart

 

Sans rentrer dans les détails techniques, la plupart des cliparts est une série d’images groupées. Ceci veut dire que vous pouvez les dissocier et extraire ou ajouter les éléments que vous souhaitez.

 
 

Agir par un clic droit sur l’image, en cliquant sur Grouper puis Dissocier. De temps en temps, vous aurez à le faire 2 fois. Vous verrez apparaître quelque chose comme cela:

 
 
Une fois dissocier, vous pouvez extraire ce qui vous intéresse. Vous pouvez également ajouter des éléments pour modifier le clipart et en faire quelque chose de nouveau dans ce cas. Pour ce qui nous préoccupe, nous allons combiner les 2 images et faire que la femme est présente devant le groupe attablé.
  1. Dissocier les images
  2. Commencer avec la 1ère image. Retirer les éléments dont vous n’avez pas besoin
  3. Sélectionner l’image en entier et la regrouper
  4. Faire de même avec l’image suivante
  5. Combiner les éléments de l’image 1 avec l’image 2 pour obtenir le rendu souhaité
  6. Sélectionner l’image en entier et la regrouper pour en faire une image unique
  7. Pour une ré-utilisation de l’image, l’enregistrer par un clic droit dessus, choisir « Enregistrer en tant qu’image » et sélectionner le format souhaité. Je recommande .emf de façon à conserver le vecteur et la transparence de l’image. Toutefois, vous verrez qu’il existe de nombreux formats parmi lesquels choisir.
 
Si vous regardez cette image vous remarquerez que j’ai fait peu de choses.
  • J’ai mis l’une des personnes hors de l’image de l’équipe. Elle faisait face dans la mauvaise direction.
  • J’ai retourné l’image de l’équipe de façon à ce qu’ils soient face à la présentatrice
  • Le sweet de la présentatrice était blanc, j’ai modifié la couleur en bleu.
  • Je me suis débarassé des images de fond et de la table de la presentatrice pour rendre l’image moins fouillis.
  • J’ai disposé la présentatrice derrière la table pour donner plus de profondeur à l’image
  • J’ai changé le contenu de son paperboard, la passant de présentarice ennuyeuse en entrepise à consultante e-learning brillante.
Maintenant, c’est à votre tour de pratiquer. Souvenez-vous que la seule limite est votre créativité. Si vos personnages ont besoin de casques, trouvez une image de casque et ajoutez la au clipart. Si vous avez besoin d’ethnies différentes, changez la couleur de la peau et des cheveux. Les possibilités sont infinies.
Rapidement, voici 3 astuces:
  1. Création d’une diapositive de travail. Je construis nombre de mes cours elearning à partir de PowerPoint et je les publie avec Articulate Presenter. J’ai tendance à créer les images à la volée. Ainsi, j’aime utiliser une diapositive vierge en tant que feuille de travail. Je déplace le clipart sur la diapositive, je l’agrandis et la maintiens à part. Une fois fait, je copie/colle l’image dans la feuille véritable. De cette façon, je ne peux pas la mélanger accidentellement avec mes contenus.
  2. Contrôler le fouillis. Les éléments dissociés qui composent l’image sont disposés en couches. Il est quelquefois difficile d’obtenir celle souhaitée. Je réalise une série d’images dupliquées et je supprime celle(s) que je veux. Ensuite, je rassemble les différentes pièces et je regroupe l’image.
  3. Création de mini groupes. Je trouve plus facile de saisir une partie de l’image et de créer un mini groupe plutôt que travailler sur toute l’image. Ainsi, vous ne travaillez qu’avec quelques mini groupes, plutôt que des centaine de petits morceaux.
En dissociant et en modifiant le clipart existant, vous avez la possibilité de créer des images personnalisées pour répondre aux besoins de votre cours en ligne. C’est économique et, une fois la technique maîtrisée, assez rapide à faire. En fait, en dehors des figures originales, j’ai construit tous les graphiques de cet article avec PowerPoint. Cela m’a pris environ 5 minutes pour réaliser l’image de la présentatrice de cette démo.  

,

Poster un commentaire