Formateur au GRETA Auvergne
Ces cours concernent une pratique fondamentale des métiers de la communication et détaille toutes les étapes du processus à suivre pour mener une veille active et en partager les résultats, après collecte et traitement éditorial.
Dans ce cours, nous allons voir comment mener une veille informationnelle efficace en utilisant au mieux les moteurs de recherche et les plateformes numériques disponibles
➜ Nous allons voir en quoi consiste la veille informationnelle et comment elle se déroule. Nous verrons aussi quelles sont les pratiques et méthodes à mettre en œuvre pour rendre la veille pertinente. Nous en tiendrons au contexte de la préparation des titres pros Infographiste Metteur en page (IMeP) et Concepteur Designer Web (CDUI)
La veille informationnelle est l’ensemble des stratégies mises en place pour rester informé en y consacrant le moins de temps possible. La veille informationnelle désigne des méthodes et des dispositifs (automatisés ou semi-automatisés) de recherche, de collecte, de traitement et de publication des informations.
Une veille informationnelle sérieuse se traduit par la production de livrables partagés. L’intérêt de la démarche repose sur les modalités de collecte, de traitement et de publication des informations choisies. C’est en optimisant la manière dont il partage les résultats de sa veille que le veilleur donne du sens à son activité.
Lors du passage des titres professionnels IMeP et CDUI, le jury se montre très attentif aux moyens mis en œuvre pour mener une veille informationnelle. Pouvoir montrer les résultas concrets de sa veille est déterminant pour l’obtention du titre visé.
Le savoir se construit en établissant des connexions transversales entre des domaines de connaissances différents. La veille informationnelle oblige à activer notre mémoire et nos facultés d’analyse, renforcant ainsi notre capacité à croiser les informations puis à les rendre significatives. Elle s’inscrit dans un processus documentaire, préalable à toute démarche éditoriale. Le public cible de la publication des résultats de veille est ici l’entourage professionnel du veilleur (et par ricochet, le veilleur lui-même).
L’objectif visé, au delà de la publication des résultats de veille, est l’exploitation des informations collectées. Il s’agit d’optimiser le fonctionnement du secteur professionnel dans lequel le veilleur et son public exercent leurs compétences.
La veille passive repose sur une implication volontaire des acteurs de l’entreprise. Ceux-ci font remonter aux décideurs les informations jugées importantes glanées ici ou là, sans objectif clairement défini auparavant.
La veille active est une démarche planifiée, organisée, répondant à des objectifs précis, confiée à des acteurs qualifiés et outillés pour cela. Les deux démarches se complètent au sein d’une entreprise.
Pour plus de détails :
La veille informationnelle est un processus itératif (une séquence d’instructions destinée à être exécutée plusieurs fois et autant de fois qu’on peut en avoir besoin). Elle est souvent schématisée par un cycle en plusieurs étapes.
Le nombre des étapes et leur nom varie selon les schémas. Dans le cadre de ce cours je développerai quatre phases :
➜ Effectuez une recherche dans Google Images en saisissant l’expression « Cycle de veille informationnelle ». Collectez les schémas qui vous semblent les plus intéressants (de votre point de vue).
La relative jeunesse des métiers du Web, l’évolution des pratiques rédactionnelles et la pratique quotidienne de la recherche en ligne contribuent à flouter les contours des différentes quêtes professionnelles d’information. Les technologies et les méthodes évoluent plus vite que les mots utilisés pour les désigner !
La recherche informationnelle se distingue de la veille par le fait qu’elle répond généralement à un besoin d’information plus urgent, dans le but d’une exploitation plus immédiate de l’information.
La recherche informationnelle se positionne généralement en début de processus de veille, lorsqu’il s’agit de repérer les sources d’information fiables auxquelles le veilleur se réfèrera par la suite.
La veille informationnelle et technologique se distingue de la surveillance des réseaux sociaux pratiquée par les gestionnaires de communautés.
Pour plus de détails à ce sujet, je vous invite à consulter la page Veille informationnelle et community management.
La veille informationnelle et technologique se distingue aussi de la veille rédactionnelle ou éditoriale. L’objectif de cette dernière est de collecter une documentation suffisante pour rédiger un écrit fiable sur tel ou tel sujet.
La veille rédactionnelle s’insère dans la pratique professionnelle de la rédaction pour le Web (ou rédaction Web).
L’exercice des métiers de la communication visuelle impose de se tenir régulièrement informé concernant les évolutions technologiques, les tendances du moment, les pratiques émergeantes, etc.
Il s’agit également de collecter des informations touchant plusieurs domaines liés indirectement à notre activité professionnelle. Les secteurs commerciaux et juridiques sont des exemples. Il appartient à chacun de fixer ainsi le périmètre de sa veille informationnelle.
Les applications pratiques qui découlent d’une veille informationnelle effective dans le domaine du design graphique concernent les points suivants :
En utilisant des outils comme Text2mindmap, Text 2 Mindmap ou tout autre outil d’édition de cartes heuristiques, explorez le périmètre d’une veille informationnelle en lien avec votre activité professionnelle.
Vous pouvez resserrer le périmètre thématique de votre veille. Si vous choisissez par exemple “La communication sur les réseaux sociaux”, vous ciblez des résultats concernant un domaine spécifique du community management.
Avec le périmètre de veille se définit généralement le niveau de profondeur visé. Cela se traduira par le choix d’un niveau de précision et de détails dans les résultats attendus.
Vous en saurez davantage en consultant les sites suivants :
La veille informationnelle est une activité chronophage à ses débuts. Une fois rodé, le processus s’effectue “naturellement”, cependant sa mise en place nécessite d’y consacrer le temps nécessaire.
Il est envisageable de répartir la charge de la veille informationnelle entre plusieurs acteurs. Il est alors nécessaire de s’organiser de manière à ce que chaque veilleur puisse optimiser ses actions de surveillance des secteurs choisis.
Le repérages des outils collaboratifs les mieux adaptés, celui des méthodes les plus efficaces et des veilleurs-curateurs les plus pertinents fait gagner par la suite un temps précieux.
La veille s’effectue à titre personnel et collectif. Les attentes individuelles et communautaires ne sont pas les mêmes. Le type d’information collectée est différent selon les objectifs visés.
Avant de se lancer dans des recherches sur Google ou d’autres moteurs de recherche en ligne, il est nécessaire, entre autres choses, de déterminer :
En matière de veille informationnelle, on distingue deux méthodes de recherche.
Pour que la méthode push soit efficace, il est nécessaire de paramétrer convenablement les outils utilisés. Nous verrons dans la suite de ce cours comment paramétrer l’outil Feedly (agrégateur de flux RSS).
Voyons maintenant plus en détail quelques outils mis en œuvre en pratiquant la méthode “pull”.
L’outil le plus fréquemment utilisé pour effectuer des recherches en ligne est le moteur de recherche de Google. Ce moteur garde en mémoire l’historique des recherches effectuées à partir d’un poste ou d’un compte activé. Les résultats affichées en réponse à une requête sont donc biaisés par les recherches effectuées précédemment.
Cela présente à la fois des avantages et des inconvénients. D’une part Google accélère le signalement de ce que nous cherchons et d’autre part il freine la découverte d’autres résultats par sérendipité.
Pour élargir le champ de vos résultats de recherche, utilisez un moteur de recherche qui ne conserve pas en mémoire l’historique de vos recherches. Duckduckgo est un des plus connus.
➜ Je vous invite à effectuer la même recherche sur les 2 moteurs de recherche mentionnés plus haut pour constater les différences de résultats.
Vous pouvez faire le même exercice avec des concepts voisins comme “moodboard” et “style tile”.
Toute recherche en ligne, quelque soit le moteur utilisé, commence par la saisie d’une expression ou d’un mot clé. Diversifier les mots clés utilisés conduits à des résultats plus pertinents.
Les outils les plus simples à utiliser pour diversifier nos mots clés sont les dictionnaires de synonymes et les éditeurs de cartes heuristiques (les premiers pour les trouver de nouveaux mots clés, les seconds pour les noter puis les archiver…).
➜ Rassemblez dans une carte mentale en ligne des synonymes de l’expression clé « veille informationnelle » et ajoutez à votre carte des termes ou concepts voisins. Utilisez pour cela le site https://tobloef.com/text2mindmap/ ou https://text2mm.com/. Vous exporterez ensuite une liste au format .TXT que vous pourrez consulter si nécessaire avec un éditeur de texte.
Voici d’autres sites permettant de réaliser des cartes mentales en ligne.
La plateforme Google propose un service très simple pour recevoir un mail dès qu’une nouvelle publication est repérée en lien avec un sujet défini par vos soins.
Le mode d’emploi détaillé du service est accessible à cet adresse : https://support.google.com/websearch/answer/4815696?hl=fr
Google met à la disposition des internautes plusieurs outils pour aider chacun à mieux définir ses requêtes. Les plus simples à utiliser sont accessibles via des boutons personnalisés ou des menus complémentaires placés à proximité du champ de saisie.
En utilisant les fonctionnalités disponibles sur les pages de résultats de recherche, il est également possible d’affiner sa recherche.
Il existe de nombreux autres moyens d’affiner sa recherche sur Google. Utiliser des guillemets, le signe moins ou des opérateurs booléens permet de préciser la requête.
L’usage des guillemets pour rechercher des termes dans un ordre précis est désormais remplaçable par une recherche “Mot à mot” (Outils > Tous les résultats > Mot à mot)
Deux fonctionnalités s’avèrent très utiles pour préciser ses recherches. La première consiste à cibler des résultats en provenance d’un site précis. La seconde consiste à rechercher un type de fichier particulier.
➜ Pour trouver tous les articles traitant de typographie sur le site grapheine.com, faites une recherche en saisissant la requête suivante : typographie site:grapheine.com
➜ Pour trouver tous les portfolios de design graphique disponibles au format pdf, faites une recherche en saisissant la requête suivante : portfolio design graphique filetype:pdf (en français) ou graphic design portfolio filetype:pdf (en anglais)
Pour en savoir plus sur les recherches avancées avec Google, je vous invite à consulter ces sites :
Google Scholar permet d’effectuer une recherche parmi des articles et des publications universitaires présentés sous différents formats.
Pour compléter votre formation, vous êtes invités à suivre le cours intitulé Collecter, traiter et publier les infos de veille.
Ce cours est un développement de la notion d’objectif de communication. Il est proposé ici en complément d’information sur la menée d’un projet de communication.
En communication visuelle, prévoir et programmer les réactions du public confronté aux stimuli qui lui sont destinés relève de choix conscients de la part du concepteur du message. Des objectifs de communication clairement orientés aident à concevoir un dispositif de communication efficace. 8 orientations sont repérables, de telle sorte que se dessine le cadran d’une boussole de la communication.
Un projet de communication, quelque soit le dispositif choisi, vise à modifier d’une manière ou d’une autre la façon d’être au monde du public cible. Ayant perçu un signal visuel précis, l’attention du destinataire est sollicitée : un processus perceptif neuro-psychologique est enclenché. Le destinataire du message, placé dans un état émotionnel (affectif), intellectuel (cognitif) et conatif particulier, modifie son comportement, ses gestes, ses pensées. Ses actions (ou réactions) sont statistiquement probables. Elles sont attendues par l’émetteur du message et elles sont anticipées par le concepteur graphique.
On considère prioritairement 4 orientations des objectifs de communication (les orientations primaires). 4 orientations supplémentaires s’y ajoutent, positionnées entre les 4 premières (les orientations secondaires). Paradoxalement, ces orientations secondaires sont davantage formalisée dans le domaine de la littérature que dans celui de la communication visuelle.
Les 4 orientations primaires des objectifs de communication s’articulent sur 4 facultés humaines d’être présent au monde. Les objectifs visés dans ces 4 orientations se différencient par le mode d’action voulue (positive ou négative, active ou passive, directe ou indirecte, etc). Chaque orientation correspond à une facette de l’humain en relation avec son environnement.
Chaque orientation est formulable en terme d’objectif principal de communication : faire percevoir, faire ressentir, faire comprendre, faire agir. Dans la pratique, en communication professionnelle, les objectifs visés sont plus précis, plus nuancés.
“Faire ne pas voir” est un objectif de communication couramment visé dans un projet de communication visuelle ! Tous les éléments d’une affiche ne sont pas nécessairement à mettre en avant. De nombreuses mentions obligatoires sont mises en page en visant cet objectif (sur de nombreux supports).
➜ Vous pouvez compléter la liste des objectifs perceptifs en collectant toutes les visées possibles pour chacun des 5 sens ou canaux de perception. Faire écouter ou entendre concerne par exemple le canal auditif.
Dans les enseignements habituels sur les objectifs de communication, les auteurs insistent sur l’objectif “faire aimer”. Ce n’est pourtant pas le seul objectif affectif envisageable !
➜ Choisissez d’autres verbes exprimant une émotion et complétez la liste des objectifs affectifs. Faire se sentir joyeux ou triste se dit rendre joyeux ou triste. Rendre heureux ou malheureux est un objectif affectif de communication.
➜ Comme pour les deux premiers objectifs, vous pouvez compléter les liste en élargissant le lexique se rattachant aux objectifs cognitifs puis conatifs.
Les 4 orientations secondaires des objectifs de communication s’articulent sur 4 autres moyens d’être présent au monde.
Comme pour les orientations primaires, chaque orientation est formulable en terme d’objectif principal de communication : faire imaginer, faire mémoriser, faire croire, faire connaître. Les objectifs concrètement visés sont là aussi plus précis et plus nuancés… et plus nombreux !
La mémorisation peut être envisagée comme une composante de l’information (placée dans le schéma de synthèse sur le même axe que la mémorisation). Le faire-savoir inclue sans doute le “faire-mémoriser” et le “faire se remémorer”.
Dès lors, la captation de l’attention prendrait la place de la mémorisation, avec pour objectif associé de faire considérer l’information comme intéressante voire attractive.
Cet objectif est mentionné par le publiciste Eliot St. Emo Lewis au tout début du XXe siècle. Son analyse de l’action publicitaire se résume en 4 lettres : AIDA (A pour Attention, I pour Intérêt, D pour Désir et A pour Action). D’autres lettres ont été rajoutées depuis, dont un S pour Satisfaction (il s’agit toujours d’émotion !).
On devrait célébrer le centenaire de la formule AIDA, tellement cet acronyme a été utilisé, enseigné et mis en pratique pendant les 100 dernières années 😀
Cet article est un complément d’information sur l’utilisation du contraste en design graphique.
Pour créer des tensions visuelles dans une composition et pour favoriser la lecture du message à transmettre, le designer graphique utilise plusieurs types de contraste. Concernant la structuration, la stylisation et la composition des textes, plusieurs contrastes peuvent être mis en œuvre. Ils s’appliquent généralement à la différenciation entre :
Les contrastes d’écriture ont été utilisés très tôt dans l’histoire de l’écriture, pour distinguer le début des chapitres (lettrine ou incipit) et le texte lui même. Cette distinction par un changement d’écriture s’est étendue à l’inscription des titres.
Les contrastes d’écriture sont une forme particulière des contrastes de forme et de structure.
Les contrastes de famille typographique sont une forme particulière des contrastes de forme ou de structure et une généralisation des contrastes d’écriture.
Les contrastes de forme ou de structure précisent les différences identifiables entre plusieurs types d’écritures ou de lettrages.
Notez que le terme “lettre contrastée” désigne un type de lettres
présentant une différence de graisse entre ses parties (https://fonts.google.com/knowledge/glossary/contrast).
On parle de pleins et de déliés pour les lettres calligraphiques.
Les contrastes de couleur concernent la couleur des textes et la couleur du fond sur lequel le texte est présenté.
Notez que l’expression “couleur typographique” ou “gris typographique”
désigne l’intensité du gris produit par le mélange optique du texte
sur la couleur du papier.
Les contrastes de composition typographique concernent des moyens déployés pour différencier deux textes par leur positionnement dans la page. Il n’est plus question de formes ou de dessin des lettres, mais plutôt de mise en page des lettres, des mots, les lignes, des colonnes et des textes.
Les combinaisons typographiques proposent d’associer 2 polices de caractères de manière harmonieuse. À vrai dire, l’esthétique n’est pas le seul critère d’association. la combinaison des polices de caractères doit aussi répondre à un besoin fonctionnel.
Pour associer 2 polices de caractères, il convient de définir quel est le type de lecture des textes utilisant l’une et l’autre des fontes sélectionnées. Une lecture suivie de texte courant de petite taille n’exige pas les mêmes caractères typographique qu’une lecture de repérage de titres courts présentés dans un corps important.
Si vous recherchez une police de caractères pour les textes de titrage et une police de caractères pour les textes de labeur, éliminez d’emblée les propositions associant deux polices expressives ou amicales décoratives. En effet aucune d’entre elles ne pourra être utilisée pour la lecture suivie.
Lors de cette activité pratique (niveau 3 de la formation Com-Créa), vous allez réaliser une mascotte simplifiée en lien avec l’identité visuelle d’une entreprise. Vous effectuerez des recherches sur le sujet, guidés par les consignes données et les ressources mises à votre disposition sur Netboard et sur Pinterest.
Prérequis : avoir suivi les niveaux 2 des formations Com-Créa et PAO-Tech.
La création d’une mascotte suit le même processus que la création d’un logo (voir niveau 2). Les étapes du processus sont celles du design graphique en général :
Il s’agit dans un premier temps de s’immerger dans le projet, les besoins du client et des utilisateurs, les tendances du moment dans le domaine concerné (étape formalisée par le brief, la documentation au sens large, la rédaction du cahier des charges et la planche de tendances).
Dans un second temps, il s’agit de définir le ou les axes de création sur lesquels vont se baser les recherches graphiques (arbre thématique, planche de style, premières esquisses)
Dans un troisième temps, il s’agit de réaliser vectoriellement la ou les propositions au client, en prenant soin de les tester et de les affiner si nécessaire au préalable.
Enfin, la dernière série d’étapes concerne la finalisation de la mascotte en la déclinant pour les différents usages envisagés et en concevant sa charte d’utilisation (charte graphique).
Vous pouvez visionner un processus complet de création de mascotte sur behance.net, depuis les croquis préparatoires jusqu’aux intégrations en vidéo et sur salons promotionnels.
➜ Sans aller jusqu’à ce niveau de professionnalisme, vous êtes invités, au cours du niveau 3 de la formation Com-Créa, à réaliser une mascotte simple en suivant la démarche indiquée. Vous pouvez vous baser sur les projets de logo menés au niveau 2 de la formation ou entreprendre une création pour répondre aux besoins d’une marque que vous connaissez.
La mascotte incarne des valeurs de l’entreprise, elle donne corps à tel ou tel aspect de la vie de l’entreprise (sa production, ses services, son point fort, sa raison d’être, etc.).
Voici une liste de quelques éléments d’une entreprise “incarnables” par une mascotte :
Selon les cultures, les animaux sont dotés de traits de caractère qui leur permettent d’incarner des valeurs, des conduites à tenir. Dans la culture occidentale, je vous propose quelques repères.
Pour en savoir plus sur le sujet : https://www.wikiwand.com/fr/Symbolique_des_animaux
Le choix du style graphique d’une mascotte est guidé par les recherches effectuées sur les tendances et les codes du secteur concerné. Les mascottes ci-dessus (guêpe et taureau) sont adaptées à l’identité visuelles de clubs sportifs. Un puissant contour, un relief contrasté mis en valeur par le trait, un traitement vectoriel franc et une expressivité agressive correspondent aux attendus des clubs et de leurs supporters.
Le style graphique d’une mascotte repose sur le mode de rendu graphique et sur le niveau de complexité du dessin.
Le tableau ci-dessous différencie trente styles graphiques combinant niveaux de complexité et modes de rendu.
Il est plus facile de créer une mascotte dans les styles des trois premières colonnes du tableau. Le choix du style “cartoon modulaire” (3e colonne) permet assez facilement la réalisation d’animations détaillées.
En tenant compte de votre niveau de technicité, tant en dessin qu’en PAO, choisissez un style graphique que vous pourrez exploiter sans difficulté dans la suite du projet.
En effet, il importe de prendre en compte l’éventuelle animation de la mascotte et le nombre de dessins à réaliser pour cela.
Sur les animations ci-dessus, notez les exagérations des mouvements (anticipation et inertie des gestes les plus simples). Renseignez vous sur les 12 principes de l’animation si vous envisagez de réaliser de telles images.
Attention : l’expression “animer une mascotte” renvoie très souvent au fait d’utiliser un acteur costumé pour incarner la mascotte (lors d’un événement en lien avec la marque promue par la mascotte).
Pour rendre la mascotte plus vivante aux yeux des utilisateurs de la marque, il est souhaitable de pouvoir la représenter sous plusieurs angles de vue.
Les créateurs de mascottes les représentent ainsi dans des planches nommées en anglais model sheets ou turnarounds.
Il est évidemment plus facile de proposer des poses et des angles de vue différents dans les styles graphiques les plus simples.
Les poses des planches précédentes sont souvent statiques. Pour élargir l’expressivité de la mascotte, il est recommandé de la présenter dans des poses dynamiques.
Étudiez le travail des designers de personnage (character designers) pour diversifier vos dessins.
➜ Effectuez des recherches avec les mots clés characters poses ou chibi action. Collectez des exemples et donnez à vos personnages le mouvement des modèles retenus.
Pour gagner du temps ou suppléer à des compétences de dessin insuffisantes, vous pouvez personnaliser des gabarits vectoriels proposés en ligne sur diverses plateformes.
Vous trouverez quelques gabarits gratuits sur freepik.com et de nombreux gabarits payants sur graphicmama.com. Graphic Mama propose quelques ressources gratuites sur son blog.
Une fois les tests d’utilisation effectués et les correctifs apportés au design du personnage, il convient de consigner les points clés du dessin de la mascotte dans une planche de synthèse ou une charte graphique plus complète.
Pour faciliter l’utilisation ultérieure de la mascotte, il est intéressant de mettre au point des versions modulaires du personnage. Plusieurs poses sont réalisables en assemblant différentes parties du personnage.
Une mascotte est comme un héros de bande dessinée ou un personnage de dessin animé. Elle évolue dans un univers personnel. Elle est porteuse d’une histoire et peut être accompagnée d’un(e) ou plusieurs ami(e)s ou partenaires.
Dans les exemples présentés ici, les petites mascottes utilisent le produit et le produit les montre en train d’évoluer dans l’univers associé à la marque. Photos et dessins sont combinés pour mêler réel et imaginaire.
Sur les sites mentionnés sur y-goguely.netboard.me, vous pouvez voir des mascottes imprimés sur des badges, des magnets, des coques de téléphone, des supports de PLV (Publicité sur Lieu de Vente), etc.
Animées à des degrés divers, elles sont aussi présentées sur les réseaux sociaux et sur les sites web de la marque.
➜ Mettez vos mascottes en situation et anticipez les besoins en communication de votre client.
Dans ce cours, vous allez apprendre à présenter professionnellement vos propositions graphiques. Il s’agit du développement de la phase finale du travail de création. Les indications données dans ce cours s’appliquent en premier lieu à la création d’un logo mais aussi de tout produit de communication (affiche, flyer, site Web, etc.).
Ce cours vise l’acquisition de compétences professionnelles avancées.
Le premier chapitre en dit assez pour les débutant-e-s. Celles ou ceux qui souhaitent aller plus loin tireront profit des données partagées dans la suite du cours. De nombreux liens sont proposés pour approfondir les sujet.
La présentation des propositions d’un designer graphique au(x) commanditaire(s) est le résultat d’une véritable démarche de communication visuelle. Le produit de communication le plus utilisé est une présentation visuelle, la plupart du temps commentée oralement.
➜ Vous trouverez des indications sur ce média particulier dans le cours Construire et commenter un diaporama
➜ Pour situer l’étape de la proposition au (à la) client-e dans la démarche globale de création graphique, lisez La commande graphique, du brief au BAT
Comme tout produit de communication, un diaporama doit être envisagé comme le fruit d’une interaction entre 4 éléments indissociables :
Cela se traduit par la nécessité d’accorder contenus, styles et structure au public visé, dans le contexte de lecture du message à transmettre.
Concrètement, il s’agit de :
Les décideur-euse(s) à qui sont présentées les propositions graphiques doivent être informé-e(s) le plus clairement possible sur les critères pris en compte pour parvenir aux solutions présentées. Il s’agit donc de veiller à mettre en œuvre les opérations suivantes :
Voici une liste de documents ou d’articles traitant de la proposition des solutions graphiques au client :
Il n’est pas toujours possible de défendre son projet de vive voix. Le plan B consiste alors à envoyer le diaporama au client (sous forme de pdf, le plus souvent), en inscrivant les commentaire dans les diapositives, sans oublier les détails pratiques comme vos coordonnées sur chaque diapo, le foliotage des diapositives, etc.
Voici comment procède Balo, un jeune graphiste et youtubeur belge. Sans doute envoie-t-il une loupe virtuelle avec son pdf pour permettre à ses clients de lire ses commentaires 😉
La solution détaillée dans cette vidéo est plus simple à mettre en œuvre qu’un diaporama commentée oralement !
➜ Voici ce qu’affirme Jean-Philippe Cabaroc, designer graphique stéphanois, concernant la présentation du design d’un site Web. Les principes énoncés s’appliquent en grande partie pour d’autres produits de communication.
En résumé, il s’agit de poser des critères d’évaluation pour tous :
Il s’agit de présenter l’univers visuel choisi :
Pour terminer, il s’agit de s’assurer que :
La mise en œuvre d’un tel argumentaire relève de la fiction dans le cadre des attendus de la préparation au titre pro Infographiste Metteur en Page. Cet exposé met cependant en relief le niveau de professionnalisme des designers graphiques exerçant depuis de nombreuses années ou ayant suivi des études poussées dans de grandes écoles de design.
L’exercice du métier de designer graphique nécessite des compétences allant bien au delà de la maîtrise des outils de PAO et des méthodes de création graphique. La défense d’un projet de design graphique s’inscrit dans une stratégie marketing touchant à la fois le graphiste et son client. Le lexique utilisé par jean-Philippe Cabaroc est celui des stratèges de la mercatique.
➜ Ayant pris connaissance des avis des professionnels du secteur, je vous invite à trouver le moyen le plus adapté pour défendre vos propositions graphiques.
La gamme des réalisations possibles va de la simple planche de proposition (voir les propositions au client, dans le cours sur le design d’un logo) au diaporama détaillé destiné à être commenté oralement face à des décisionnaires expérimentés.
Le facteur temps entre aussi en ligne de compte dans le cadre de la formation suivie au Greta. La finalisation d’un diaporama complet est en effet particulièrement chronophage.
Dans cet exercice, vous allez composer un flyer au format A4 en utilisant la plateforme d’édition en ligne Canva.
Vous allez utiliser une image de fond, une forme structurante et un bloc texte. Vous allez décliner le flyer et créer plusieurs variantes dans le même document, en testant diverses dispositions de la forme structurante et du texte.
Toutes les instructions nécessaires vous sont communiquées sur cette page Web.
Dans cet exercice, vous allez repérer des blocs-dates composés de différentes manière et les collecter dans un tableau Pinterest.
L’ordonnancement visuel des éléments constitutifs d’un texte dans une page doit se faire en tenant compte de la nécessité de produire non pas une seule mise en page mais de nombreuses déclinaisons d’un même message.
Pour simplifier la mise en œuvre de ces déclinaisons sur divers supports ou produits de communication, il est souhaitable de constituer des blocs informatifs dont l’ordonnancement des éléments ne varie pas.
Sur l’image ci-dessus vous pouvez repérer plusieurs éléments typographiques constituant des blocs informatifs dont le bloc-titre et le bloc-date, ainsi que le bloc-url.
Vous découvrirez d’autres blocs typographiques en consultant la page Web intitulée Blocs typographiques – Exemples de composition.
Je vous invite à faire un relevé de blocs-dates sur plusieurs documents. Vous allez créer un tableau Pinterest regroupant des flyers, des affiches ou des encarts Web sur lesquels figurent des blocs-dates tous différents.
Ce cours présente une série de schémas de synthèse, conçus dans le but de vous permettre d’avoir un aperçu global de l’ensemble des sujets abordés en formation Com-Créa.
La plupart des schémas présentés mettent en évidence une relation chronologique entre des opération de design graphique. La manière dont ces opérations se succèdent dans la pratique est souvent itérative, c’est à dire qu’une série d’opérations est souvent répétée avant de passer à la suite du processus.
Le cycle éditorial peut se résumer en 6 étapes désignées chacune par un terme commençant par la lettre P :
Les 2 étapes de la création graphique proprement dite (production de contenus et présentation, entre préparation et publication) se résument en 3 opérations :
Chacune de ces étapes se résume à son tour par une série d’opérations primordiales. La structuration combine 3 opérations clés, la stylisation combine 7 choix (dont 3 choix primordiaux) et la composition combine 3 choix importants (de nombreux autres s’ajoutant à ces derniers).
Le contraste, en phase de composition, peut être remplacé (ou complété) par le choix de l’orientation, du rythme ou des proportions.
Tout projet de communication visuelle commence par un brief. Les lettres BRIEF synthétisent le déroulement de la première étape de tout processus de design graphique :
La création d’un logo suit une série de 8 étapes, du brief à la finalisation de la charte graphique ou de la planche de marque :
Un débrief est envisageable en fin de processus.
➜ Dans un contexte de production où il s’agit avant tout de gagner du temps, un processus court est envisageable (fléchage ocre ci-dessus) :
➜ Lors des mises en situation professionnelle ou TP, en fin de niveaux 2 et 3, le processus adopté est le suivant :
La mise en œuvre d’un projet de communication visuelle (création d’une mascotte, par exemple) suit les mêmes étapes que la création d’un logo. La dernière étape est remplacée par la livraison des éléments attendus pour l’impression ou la publication en ligne.
Les points abordés au niveau 3 dans le cadre d’un projet d’illustration de produits de communication se résument en 3 opérations dont les premières lettres forment l’acronyme MDR :
Dans ce cours, vous allez prendre connaissance des principes de l’illustration modulaire, de son potentiel et de ses limites.
Dans le contexte de l’illustration et du graphisme, le principe de modularité correspond à la possibilité d’assembler des éléments graphiques simples (nommés modules) pour construire une image.
Dans une approche ornementale, le module graphique est une forme simple, souvent géométrique, facile à juxtaposer dans les 2 dimensions du plan. Le plus souvent, le module s’inscrit dans un carré. Il peut cependant facilement s’inscrire dans un hexagone ou un triangle.
L’illustration modulaire ornementale n’est pas nécessairement répétitive, comme le sont les textures formées de motifs juxtaposés et répétés à l’infini.
Le dessin d’un module ornemental peut être abstrait ou figuratif. Sur la capture d’écran ci-dessous, la première composition est un assemblage de d’éléments figuratifs évoquant la nature.
Le principe de construction modulaire est facilement programmable. Il existe donc des applications permettant de construire automatiquement des images modulaires ornementales.
PatternPad permet de personnaliser de nombreux paramètres, même si la composition finale est mise au point de manière aléatoire. Cette application autorise le paramètrage de pourcentage d’occupation des motifs dans l’espace de composition. Les compositions sont exportables au format SVG (exploitable avec Adobe Illustrator).
Une illustration modulaire figurative ne s’inscrit pas nécessairement dans une grille. Les modules à assembler sont juxtaposés ou superposés pour former l’image voulue.
Tous les personnages ci-dessous sont composés d’éléments modulables, à la manière des 2 personnages ci-dessus.
On trouve de nombreuses ressources en ligne pour assembler des éléments dessinés en vue de composer des illustrations adaptées à différents besoins graphiques.
La composition par assemblage de modules permet, en remplissant certaines conditions, de simuler un espace en 3 dimensions. C’est notamment le cas de l’illustration isométrique dont le potentiel a été pleinement utilisé dans le secteur des jeux vidéos.
À partir du moment où vous disposez des éléments modulables avec lesquels vous envisagez de composer vos illustrations, vous pouvez faire varier le style de vos illustrations en jouant sur de nombreux paramètres.
Des surfaces vectorielles pleines se transforment très facilement en formes linéaires dotées d’un contour. Cette simple opération modifie totalement la perception d’une image.
➜ En réduisant le nombre des couleurs et en alternant zones pleines et zones vides avec contours, on obtient des images différentes dont l’impact est souvent plus fort.
Les contours vectoriels sont stylisables et les surfaces peuvent être texturées ou ornées de motifs. L’utilisation d’un nombre de couleurs restreint renforce l’impact visuel et les contrastes d’une image.
Une image modulaire est riche des contrastes qui l’animent. Dans l’illustration ci-dessus vous pouvez repérer plusieurs contrastes :
➜ Je vous propose d’utiliser une check-liste interactive pour lister tous les contrastes utilisables en composition visuelle.
Le concept d’identité visuelle modulaire rejoint parfois le concept d’identité visuelle générative ou dynamiques. Graphéine a rédigé un article sur le sujet en appui sur l’identité visuelle de plusieurs organisations.
