Archives pour novembre, 2010

Star Wars Épisode VII

Cet épisode se passe après la victoire des Jedi, la mort de l’Empereur, de Dark Vador et la fin de l’Empire.

Luke Skywalker vient d’accomplir sa destinée, rétablir la paix et l’ordre dans la galaxie, rien que ça, mais du coup le voilà qui se retrouve au chômage, obligé d’aller pointer comme les soldats de la rébellion.

starwars.jpg

Pour affronter l’ennui d’une telle situation, il passe ses journées à mettre à jour son statut Facebook. Luke Sywalker aime ceci. Luke Skywalker mange un Mars. Il a même fini par s’inscrire sur Foursquare « You have just ousted Chewbacca as the Mayor of Tatooine ». Bref, désœuvré, Luke n’est plus que l’ombre de lui-même. Mais à ce moment, voilà qu’il reçoit un « direct message » sur Twitter. Il clique et… nooon, Merci de me suivre, comment puis-je vous aider ? Ce n’est qu’un de ces stupides messages automatiques.

Rien, il ne se passe rien dans la vie de Luke, et c’est comme ça jusqu’à la fin du film, où on voit Luke en train de faire péter les bulles d’air d’un de ces trucs qu’on utilise pour emballer les objets fragiles. C’est d’ailleurs un des moments à déconseiller aux enfants, car il se casse un ongle.

Ce scénario est NUL

leiapainauxraisins.jpgLe patron du studio lève les yeux et regarde George Lucas. « George, c’est quoi ce scénario ? On a accepté de faire l’épisode I pour te faire plaisir, mais là, là, non, non, ce n’est plus possible ! » George répond « hum, si ya pas assez d’action, on pourrait ajouter le petit cousin de Jar-Jar Bink, il ferait des blagues comme dans Maman j’ai raté l’avion ». Le producteur répond : « Non George, non. Tu sais ce qui va se passer dans ton film ? L’empereur Palpatine a survécu à sa chute, Dark Vador a échappé à l’explosion de l’étoile noire, et Luke va se bouger le train pour de nouveau sauver la galaxie. Non George, ne dis rien, pas Jar-Jar Bink et pas Jean-Claude Vandamme. Et cette fois choisis une princesse qui ne met pas de pains aux raisins sur les oreilles. » Et là, cher lecteur, cher spectateur, ça commence à devenir intéressant.

Conclusions

On rigole, on rigole, mais beaucoup de présentations sont comme le premier scénario. Une collection de données, d’informations et de faits sans le moindre intérêt, qui s’égrènent au fil des slides comme les grains de sable dans le maillot. Les plus beaux slides du monde ne pourront pas sauver une telle présentation.

Un moyen d’éviter cela est de structurer la présentation autour d’une question forte. Dès le moment où on apprend que l’empereur a survécu, on peut avoir deux réactions : soit on se dit « oh non encore Star Wars », soit on se pose plein de questions : comment a-t-il survécu ? Que va-t-il faire ? Luke va-t-il de nouveau devoir l’affronter ? Est-ce que Windows 98 est mieux que Windows 95 ?

Polarisez l’auditoire autour d’une question intéressante, et il vous écoutera, car il voudra connaître la réponse, c’est dans la nature humaine.

7 comments

10 polices classiques adaptées aux présentations

Une des questions qui m’est le plus souvent posée lors des formations est de savoir quelle police de caractères utiliser pour la création des slides. J’ai donc rassemblé dans un tableau simple une liste de dix polices adaptées aux présentations. Vous pouvez cliquer sur l’image ci-dessous pour en charger une version pdf que vous pourrez imprimer.

10classicalfonts.png

Chacune de ces polices est un « classique » de la typographie. Aucun designer ne pourra vous accuser de mauvais goût si vous les utilisez.

Le monde de la typographie est incroyablement riche et merveilleux. Il ressemble plus à une forme d’art obéissant à des règles strictes qu’à une science. Et derrière chaque police de caractères se cachent un homme et une histoire, résumés ici en quelques lignes. Veuillez m’excuser pour les liens renvoyant vers des articles en anglais, l’équivalent français est bien souvent inexistant ou de qualité insuffisante.

DIN

Designer : Albert-Jan Pool
Année : 1995

Cette police est destinée à assurer un maximum de lisibilité. Elle est utilisée sur les signaux routiers en Allemagne.

Myriad

Designer : Robert Slimbach and Carol Twombly (liens en anglais)
Année : 1991

L’affranchissement des contraintes de la presse a ouvert de nouvelles voies pour les typographes. La police Myriad est une des premières polices exploitant les nouvelles possibilités du monde numérique.

Avant Garde

Designer : Herb Lubalin
Année : années 60

Police unique, avec des caractères très larges et d’autres très étroits. Cette police était destinée initialement au magazine du même nom, paru durant les années 60, et correspondant donc à une période contestataire.

Futura

Designer : Paul Renner
Année : 1927

Parfait mélange de classique et de moderne, cette police représente parfaitement l’esprit de l’époque et marque l’entrée dans l’ère moderniste. Elle est marquée par les valeurs fonctionnalistes de Renner. Il fut un opposant acharné du régime Nazi.

Optima

Designer : Hermann Zapf
Année : 1958

Caractère unique, parfois imité mais jamais égalé, l’Optima est un croisement étrange entre les polices sans empattement et les polices à empattements (comme le Times). Les formes des majuscules sont héritées des formes classiques des lettres sur les monuments Romains.

Rotis Sans Serif

Designer : Otl Aicher
Année : 1989

Police inclassable, aux formes et proportions uniques, elle donne aux compositions un look immédiatement reconnaissable. Otl Aicher était également un ennemi du Nazisme. Rotis est le nom de la ville où Otl Aicher s’était installé.

Franklin Gothic

Designer : Morriss Fuller Benton (lien en anglais) 
Année : 1902

Cette police a été créée au début du siècle dernier, à une époque à laquelle le besoin d’une police de titrage pour la publicité se faisait de plus en plus ressentir.

Helvetica Neue

Designer : Linotype Design Studio (note : si quelqu’un connaît le nom des vraies personnes qui ont dessiné la police, je serais heureux de l’insérer dans l’article)
Année:1983

C’est en 1983 que fut créée la nouvelle variante du grand classique Helvetica, pour s’adapter à l’évolution des technologies et des usages. Les modifications par rapport à la police originale sont parfois subtiles, mais contribuent à rendre le dessin plus équilibré et plus moderne.

Gill Sans

Designer : Eric Gill
Année : 1930

Police créée pour la compagnie London & North Eastern Railway. Elle fut utilisée pour toute la signalétique et les publicités.

Stone Sans

Designer : Sumner Stone (lien en anglais)
Année : 1987

Le Stone Sans est emblématique du virage numérique pris par le monde de l’édition durant les années 80. Ce sont parmi les premiers caractères dessinés pour être utilisable autant sur écran que sur papier.

Sources documentaires

  • Typo du 20è Siècle, Lewis Blackwell (Éditions Flammarion)
  • Wikipedia
  • Linotype.com
  • Fonts.com
14 comments

Comment augmenter l’impact visuel d’une présentation

Judicieusement utilisées, les photos renforcent l’impact visuel et émotionnel d’une présentation.

Voici l’exemple d’une diapositive utilisée lors de TEDxParisUniversités.

Slide09.jpg

Ce slide a des qualités : il utilise un fond sombre, il n’est donc pas éblouissant pour le public lorsqu’il est projeté sur un grand écran. il véhicule un seul message et le texte est suffisamment grand pour être lu du fond de la salle par ma grand-mère.

Cependant il peut être amélioré. Le texte n’est pas parfaitement centré : le texte en blanc est légèrement trop à droite, et le texte en rouge légèrement trop à gauche. L’espace entre les deux lignes n’est pas des plus heureux non plus : il aurait besoin d’être moins grand, pour éviter un « saut » aussi important à l’œil qui parcourt le visuel. Et puis, est-il vraiment nécessaire d’avoir deux lignes de texte pour véhiculer le message principal ? Enfin, ne serait-il pas plus efficace de d’utiliser une image qui illustre le message ? C’est ce que nous allons faire dans cet article.

Illustrer le message avec une photo

La première chose à faire est d’ajouter une image dans la présentation qui renforce et illustre le message de manière beaucoup plus forte. Nous avons choisi la photo d’une seule personne regardant l’auditoire, car l’impact d’un individu qui vous regarde est beaucoup plus fort qu’un groupe.

Slide1.jpg

L’impact de l’image peut être amélioré en l’affichant à fond perdu, autrement dit en couvrant tout le visuel sans laisser de bords noirs. Remarquez que la partie à droite de la tête n’est plus affichée suite au redimensionnement de l’image, car son format original est différent de celui de la diapositive PowerPoint (3:2 au lieu de 4:3).

Slide2.jpg

La photo occupe maintenant toute la surface, mais le visuel peut encore être amélioré. En effet, il serait utile de disposer d’une surface un peu plus grande à gauche pour afficher le texte, et le bord du vêtement sur le côté droit peut distraire et doit donc disparaître. Il est possible de résoudre ces deux problèmes par une seule opération : agrandir un peu plus l’image pour pouvoir rogner le bord droit (et par conséquent le bord inférieur également).

Slide3.jpg

La ligne jaune permet de voir plus clairement la modification : le redimensionnement de la photo améliore la composition et donne un peu plus d’espace pour le texte. Il est maintenant temps de l’ajouter, en le modifiant légèrement pour clarifier le message.

Slide4.jpg

Remarquez au passage que le léger décalage de l’image réalisé juste avant évite que le texte ne rentre en collision avec le vêtement. Il reste un dernier réglage à faire : le texte pourrait être plus contrasté par rapport au fond. Nous allons donc ajouter dans PowerPoint un rectangle avec un dégradé « noir transparent à 60% à noir transparent à 0% » derrière le texte pour assombrir le fond sans créer de rupture par rapport à la photo.

Slide5.jpg

Et voilà le résultat. La différence est subtile, mais après insertion du dégradé le texte est plus contrasté par rapport à l’image, sans bordure visible entre l’image et le texte.

Modifié, ce slide illustre le problème des sans abris évoqué dans la présentation, et renforce le discours de l’orateur. Et vous, quelle approche choisiriez-vous ?

34 comments

  • Abonnez-vous au flux RSS
  • Le site de ma société Ideas on Stage