Résumé de section

  • Un exemple de remaniement graphique d'un poster pour sa version print et web.

    • Prenons cet exemple fictif de poster au format A0 portrait.

      Nous allons regarder les éléments que l'on pourrait modifier afin de gagner en lisibilité et simplicité.

      Nous verrons par la suite comment l'adapter pour une présentation sur le web.


    • Modifications du poster imprimable

      Ci-dessous, quelques explications des modifications apportées étape par étape. Vous pouvez voir un avant-après du poster en déplaçant le curseur rouge.


      Épurer le design

      Pour y voir plus clair, nous commençons par ôter les couleurs pour démarrer sur une base noir / blanc. 

      Les cadres sont souvent utilisés pour séparer visuellement les différentes parties. Toutefois, ils ne devraient être utilisés que pour mettre en exergue certains éléments précis.

      Pour y voir plus clair, nous allons les enlever aussi.

    • Travailler la typographie

      Nous enlevons la casse en majuscule utilisée pour le titre principal et le soulignement utilisé pour les titres de section.

      À la place nous allons jouer sur la hiérarchie en augmentant la taille des titres et en leur appliquant une graisse plus forte.

      Nous alignons aussi le texte à gauche car la justification du texte provoque des espacements indésirables.

    • Valoriser les images, aligner et agencer le contenu

      Les images d'illustration dans le poster sont trop petites et non mises en valeur. Comme il n'y a plus d'espace pour en garder, nous les enlevons simplement. Nous préférerons agrandir le graphique pour qu'il gagne en lisibilité.

      Nous ajoutons des icônes pour mettre en avant certains points (processus) et dynamiser un peu la composition.

      Enfin, nous alignons tous les éléments les uns par rapport aux autres et ré-agençons le contenu pour améliorer la mise en page.

    • Combiner les couleurs et harmoniser les logos

      Ce n'est qu'à la fin que nous nous intéressons aux couleurs. Nous choisissons un bleu rappelant le milieu hospitalier et le répartissons sur certains éléments (titres et icônes). Nous le réutilisons aussi pour le graphique sur plusieurs nuances afin de garder une homogénéité.

      Nous utilisons les versions blanches des logos pour les unifier dans l'en-tête qui utilise un aplat de couleur.


    • Au final, nous sommes donc passé de la version 1 à la version 5.

      Version 1
      Version 5


      Nous pourrions chercher une alternative en utilisant une image en arrière plan. Une tentative ci-dessous :


    • Adaptation pour une présentation en visio

      Pour présenter ce poster durant une visio, on pourrait l'adapter avec un diaporama PowerPoint. Il suffit de reprendre chaque partie et les intégrer dans les diapositives. Nous pouvons aussi parfois ajouter des illustrations pour habiller les diapos lorsqu'il y a assez d'espace. Ci-dessous un exemple des premières slides :