![\"\"](\"https:\/\/isarta.com\/infos\/wp-content\/uploads\/2018\/04\/Fotolia_175065567_S-300x200.jpg\")
<\/p>\n<\/p>\n
6 septembre 2018<\/span><\/p>\n Isarta vous propose dans deux semaines, jeudi 20 septembre, une formation pour am\u00e9liorer vos pr\u00e9sentations visuelles<\/span><\/a>.<\/span>\u00a0Philippe Ladouceur, formateur agr\u00e9\u00e9 et sp\u00e9cialiste en design de pr\u00e9sentations visuelles<\/span><\/a>, illustre en trois exemples concrets comment faire des pr\u00e9sentations plus efficaces.<\/span><\/p>\n C’est un peu un \u00ab\u00a0magicien du Powerpoint\u00a0\u00bb<\/em>. Apr\u00e8s avoir suivi des formations en graphisme, en illustration, en d\u00e9veloppement des affaires et un certificat en art, Philippe Ladouceur s’est sp\u00e9cialis\u00e9 sur le design de pr\u00e9sentations visuelles, face \u00e0 la demande croissante de ses clients.<\/p>\n Son objectif dans sa formation :<\/p>\n Rendre les apprenants plus autonomes dans la cr\u00e9ation de leurs pr\u00e9sentations visuelles en leur inculquant les bases du graphisme afin d’\u00eatre moins d\u00e9pendants d’un graphiste ou de ses coll\u00e8gues, lorsqu’ils doivent concevoir des pr\u00e9sentations\u00a0\u00bb, explique-t-il.\u00a0<\/span><\/p><\/blockquote>\n Et pour y arriver, Philippe Ladouceur se concentre plus sur l’apprentissage du processus cr\u00e9atif que sur les fonctionnalit\u00e9s de Powerpoint.<\/p>\n L’id\u00e9e, c’est de r\u00e9ussir, gr\u00e2ce \u00e0 cette formation, \u00e0 mieux comprendre comment r\u00e9fl\u00e9chit un graphiste pour mettre une id\u00e9e en image\u00a0\u00bb .<\/span><\/p><\/blockquote>\n A travers les 3 exemples concrets ci-dessous, voici quelques astuces, parmi les nombreuses qu’il donne dans sa formation, pour rendre ses pr\u00e9sentations plus percutantes.<\/p>\n <\/p>\n 1. Premier exemple : mettre plus en valeur une information cl\u00e9<\/span><\/p>\n Avant<\/em><\/p>\n Apr\u00e8s<\/em><\/p>\n <\/p>\n On a souvent tendance \u00e0 vouloir garder son logo dans un espace fixe tout au long de la pr\u00e9sentation. Or, quand le message n’est pas commercial pour sa compagnie, il est possible de le mettre en introduction puis de l’enlever dans les diapositives suivantes. Cela va lib\u00e9rer de l’espace.<\/p>\n En effet, chaque diapositive doit se concentrer sur un message cl\u00e9 et souvent, ce n’est plus ta compagnie qui prime. Une diapositive, c’est comme un panneau publicitaire sur autoroute : l’audience a 4 ou 5 secondes pour capter ton message donc il faut mettre ton information principale en valeur en la rendant la plus visuelle possible.<\/p>\n Dans l’exemple ci-dessus, la pr\u00e9sence du logo imposait d’avoir une bande blanche en haut de la diapositive, suivie d’une bande grise en dessous pour y pr\u00e9senter le titre. Avec l’autre bande sur le c\u00f4t\u00e9 gauche, on avait donc une double r\u00e9duction de l’espace de pr\u00e9sentation sans pour autant que cela ne serve le message principal. Donc je les ai supprim\u00e9es dans ma proposition.<\/p>\n Il est plus facile de reconna\u00eetre le nom d’une compagnie avec son logo, au lieu du nom inscrit dans une police de caract\u00e8re classique. En l’occurence, j’ai remplac\u00e9 Amazon dans le titre de la diapositive par son logo.<\/p>\n Le sujet global de cette diapositive est le commerce en ligne. Afin de cr\u00e9er une ambiance autour de ce sujet, j’ai pris l’image d’une personne qui tient une carte de cr\u00e9dit devant son ordinateur pour illustrer l’acte d’achat en ligne en arri\u00e8re-plan Je l’ai tamis\u00e9e en bleu ce qui rend la lecture plus agr\u00e9able tout en rappelant la charte de couleurs de la compagnie.<\/p>\n Dans la premi\u00e8re diapositive, le tableau est une image prise directement sur Internet. Sauf que ce graphique n’est pas tr\u00e8s visuel et comporte m\u00eame quelques redondances avec les dates. Quels sont les messages que l’on voit au premier coup d’oeil ? \u00ab\u00a0Titre, Statistiques et Date\u00a0\u00bb, c’est-\u00e0-dire les titres du graphique, ce qui n’est pas du tout le message que nous d\u00e9sirons mettre en avant.<\/p>\n J’ai donc replac\u00e9 la date (2015) dans le titre, ai scind\u00e9 les 4 premiers blocs d’information sur la largeur de la diapositive (en commen\u00e7ant par le chiffre en gros plut\u00f4t que de commencer par le texte avec la m\u00eame taille partout) et ai ajout\u00e9 un dernier bloc en dessous avec le message principal \u00e9crit\u00a0avec la couleur\u00a0jaune-orange du logo Amazon sur le gros chiffre puis\u00a0en blanc sur la phrase qui suit\u00a0<\/span>pour avoir plus de contraste avec la couleur de fond. L’ensemble de la composition permet donc d’attirer l’oeil au premier regard tout en insistant sur les messages cl\u00e9s.<\/p>\n Avant<\/em><\/p>\n Apr\u00e8s<\/em><\/p>\n Avoir beaucoup d’ingr\u00e9dients diff\u00e9rents sur une pizza peut \u00eatre bon. Mais, sur une diapositive, m\u00e9langer les couleurs, les informations, les polices de caract\u00e8res ou les types d’illustration peut provoquer une rapide indigestion. En plus de faire un peu amateur.<\/p>\n Dans l’exemple, j’ai donc remplac\u00e9 les illustrations diff\u00e9rentes par des ic\u00f4nes qui s’agencent aux couleurs de la compagnie et ai unifi\u00e9 les polices de caract\u00e8res. Pour rendre le sch\u00e9ma moins complexe visuellement, j’ai \u00e9galement uniformis\u00e9 les fl\u00e8ches et ai scind\u00e9 la diapositive en deux \u00e0 l’horizontal, pour comprendre qu’il s’agit de deux acteurs concern\u00e9s dans ce message.<\/p>\n J’ai gard\u00e9, comme dans le premier exemple, l’illustration d’ambiance dans l’arri\u00e8re-plan avec une image qui rappelle le sujet abord\u00e9,\u00a0soit la repr\u00e9sentation d\u2019une personne satisfaite de sa situation (en sugg\u00e9rant subtilement l\u2019effet recherch\u00e9 par la vente de ce produit \u00e0 son client).<\/span><\/p>\n Dans ce cas, j’ai gard\u00e9 le logo de la compagnie en dessous car cette fois-ci, on parle de la compagnie. Cela fait partie du message que nous d\u00e9sirons associer avec le logo. C’est le cas pour les\u00a0diapositives\u00a0<\/span>pr\u00e9sentations<\/span> \u00e0 but commerciales\u00a0qui pourraient se retrouver s\u00e9par\u00e9es du contexte de la pr\u00e9sentation par exemple.<\/span><\/p>\n Avant<\/em><\/p>\n Apr\u00e8s<\/em><\/p>\n <\/p>\n Pour faciliter la compr\u00e9hension et am\u00e9liorer l’aspect visuel, je remplace souvent les bullet points<\/em>\u00a0par des ic\u00f4nes ou des chiffres. Je mets souvent le \u00ab\u00a00\u00a0\u00bb devant le chiffre pour \u00e9viter les effets d’escalier rendu \u00e0 10\u00a0(m\u00eame si nous ne devrions normalement pas nous rendre jusqu\u2019\u00e0 10 points dans une m\u00eame diapositive si nous d\u00e9sirons pr\u00e9senter un message concis).\u00a0Cela r\u00e9serve l’espace si on arrive \u00e0 deux chiffres\u00a0(appliqu\u00e9s chronologiquement sur plus d\u2019une diapositive)\u00a0<\/span>sans nuire \u00e0 la compr\u00e9hension globale.<\/p>\n Comme vu dans le premier exemple, j’ai supprim\u00e9 le bandeau du bas qui prend de la place et limite l’espace pour l’information.<\/p>\n Dans l’exemple ci-dessus, l’illustration est une image d’un buste coup\u00e9 qui m\u00e9lange dessin et photo et qui n’est pas tr\u00e8s explicite avec les fl\u00e8ches sans mot dedans. On parle ici de clients donc il faut le rappeler et c’est pour cela que j’ai opt\u00e9 pour un visuel dans un environnement de bureau avec un comptoir en diagonal gris qui ajoute une dynamique et rappelle la couleur utilis\u00e9e pour la police de caract\u00e8res.<\/p>\n D’ailleurs, j’aime beaucoup utiliser le texte en gris car je trouve cela moins agressif que le noir. A part, \u00e9videmment, si le noir fait partie de la grille graphique de la compagnie.<\/p>\n Pour souligner l’importance de certaines informations, on peut jouer par exemple sur les majuscules, ce que j’ai fait dans le titre de la diapositive avec le mot \u201cVRAIMENT\u201d.\u00a0En plus d\u2019avoir chang\u00e9 la couleur de ce mot, j\u2019y ai fait un rappel avec la m\u00eame couleur\u00a0sur les lignes verticales, utilis\u00e9es ici pour s\u00e9parer la num\u00e9rotation\u00a0des questions.<\/span><\/p>\n A noter \u00e9galement que j’ai uniformis\u00e9 les 5 questions qui sont maintenant s\u00e9par\u00e9es d\u2019une ligne horizontale pointill\u00e9e discr\u00e8te.\u00a0En ajustant les bo\u00eetes de textes, j\u2019ai pu r\u00e9\u00e9quilibrer les questions en\u00a0les mettant sur une ou deux lignes (et non une, deux ou trois, ce qui en\u00a0fait beaucoup lorsque appliqu\u00e9\u00a0sur les\u00a0cinq questions), pour donner une impression plus \u00e9pur\u00e9e\u00a0et am\u00e9liorer la visibilit\u00e9.<\/span><\/p>\n <\/p>\n Vous \u00eates int\u00e9ress\u00e9(e) par la formation de Philippe Ladouceur \u00ab\u00a0Pr\u00e9sentations visuelles : ressortez du lot \u00a0\u00bb ? Vous souhaitez d\u00e9couvrir les autres astuces ?<\/span><\/p>\n Vous pouvez vous inscrire ici<\/span><\/a> :<\/span><\/p>\n![\"\"](\"https:\/\/isarta.com\/infos\/wp-content\/uploads\/2018\/09\/Philippe-Ladouceur.jpeg\")
<\/p>\n![\"\"](\"https:\/\/isarta.com\/infos\/wp-content\/uploads\/2018\/09\/Formation-design-visuel-1-300x169.jpg\")
<\/p>\n![\"\"](\"https:\/\/isarta.com\/infos\/wp-content\/uploads\/2018\/09\/Formation-design-visuel-2-300x169.jpg\")
<\/p>\n\n
\n
\n
\n
2. Deuxi\u00e8me exemple : illustrer un concept complexe<\/span><\/h2>\n
![\"\"](\"https:\/\/isarta.com\/infos\/wp-content\/uploads\/2018\/09\/Design-presentation-3-300x169.jpg\")
<\/p>\n![\"\"](\"https:\/\/isarta.com\/infos\/wp-content\/uploads\/2018\/09\/design-presentation-4-300x169.jpg\")
<\/p>\n\n
3. Troisi\u00e8me exemple : \u00e9purer son style<\/span><\/h2>\n
![\"\"](\"https:\/\/isarta.com\/infos\/wp-content\/uploads\/2018\/09\/design-presentation-5-300x169.jpg\")
<\/p>\n![\"\"](\"https:\/\/isarta.com\/infos\/wp-content\/uploads\/2018\/09\/design-presentation-6-300x169.jpg\")
<\/p>\n\n
\n
\n
![\"\"](\"https:\/\/isarta.com\/infos\/wp-content\/uploads\/2018\/07\/inscription-bleu-300x100.jpg\")
<\/a><\/p>\n