Représentation des organes de sens

## Objectifs et prérequis **Objectifs** : À la fin de ce chapitre, l’élève sera capable de : - représenter schématiquement les cinq organes de sens (œil, oreille, nez, bouche, peau) en respectant les proportions anatomiques usuelles ; - choisir le mode de représentation (vectoriel ou matriciel) adapté à un support de communication santé au Cameroun ; - réaliser une icône ou un pictogramme d’organe de sens conforme aux normes d’accessibilité (contraste ≥ 4,5 : 1, taille minimale 24 px) ; - appliquer une démarche de projet professionnelle (brief, recherche, maquettage, vectorisation, export) dans un contexte d’atelier de graphisme ou de bureau d’études. **Prérequis** : connaissances de base en dessin technique (échelle, proportion), maîtrise des outils de tracé Bézier, notions de couleur (RVB, CMJN) et de résolution d’image (ppp), ainsi que les règles de sécurité informatique (sauvegarde, gestion des calques). ## Introduction contextualisée Dans le secteur de la communication visuelle au Cameroun, les affiches de sensibilisation santé (lutte contre le paludisme, vaccination, hygiène bucco‑dentaire) nécessitent des représentations claires et universelles des organes de sens. Un graphiste‑infographiste doit donc allier précision anatomique et efficacité symbolique afin que le message soit compris par un public diversifié, y compris les personnes peu alphabétisées ou présentant une déficience visuelle. Ce chapitre propose une méthode structurée, conforme au référentiel de compétences du MINESEC/IGE, pour produire ces visuels en respectant les normes professionnelles et les contraintes techniques locales (logiciels libres, impression en offset ou sérigraphie). ## I. Anatomie simplifiée des organes de sens ### A. Principes de proportion et de perspective Chaque organe de sens possède un schéma canonique qui sert de référence graphique : > **Organe de sens** : structure anatomique spécialisée dans la réception d’un stimulus externe (lumière, son, odeur, goût, toucher). - **Œil** : rapport hauteur/largeur ≈ 1 : 1 (globule oculaire approximativement sphérique) ; la pupille occupe environ 1/3 du diamètre de l’iris. - **Oreille** : hauteur totale ≈ 1,7 × largeur du pavillon ; le conduit auditif externe représente ≈ 1/5 de la hauteur. - **Nez** : longueur du nez ≈ 0,4 × largeur du visage ; les narines forment un angle d’environ 30° par rapport au plan horizontal. - **Bouche** : largeur de la fente buccale ≈ 0,4 × largeur du visage ; la lèvre supérieure est généralement plus fine que l’inférieure. - **Peau** : représentée par une texture de points ou de lignes fines ; l’épaisseur du trait suggère le relief (rides, pores). Ces proportions sont valables en vue de face ; en profil, on applique la règle des tiers (front, nez, menton) pour positionner l’organe. ### B. Symboles conventionnels en infographie Dans les pictogrammes de santé, on simplifie davantage : > **Symbole conventionnel** : forme géométrique ou linéaire qui évoque l’organe sans détailler chaque élément anatomique. - Œil : cercle extérieur + cercle intérieur (pupille) + éventuel trait pour le cil. - Oreille : forme de « C » allongée avec un petit crochet interne représentant le conduit. - Nez : losange ou triangle arrondi avec deux petits cercles pour les narines. - Bouche : ligne horizontale avec deux arcs supérieurs et inférieurs pour les lèvres. - Peau : surface remplie d’un motif de points espacés (½ mm) ou d’un léger tramage. Ces symboles permettent une reconnaissance immédiate même à petite taille (icônes de 24 px). ## II. Techniques de dessin vectoriel et matriciel pour les organes de sens ### A. Outils logiciels et méthodologie de tracé Les logiciels les plus utilisés dans les ateliers camerounais sont **Inkscape** (gratuit) et **Adobe Illustrator** (licence éducative). Le travail se fait généralement en mode **vectoriel** pour garantir la scalabilité. > **Tracé Bézier** : courbe définie par deux points d’ancrage et deux poignées de contrôle permettant de modéliser avec précision les formes organiques. Étapes de création d’un icône d’œil : 1. Créer un nouveau document A4, résolution 300 ppp (pour export matriciel si nécessaire). 2. Dessiner un cercle parfait (outil Ellipse, touche Ctrl) de diamètre 80 mm → représente le globe oculaire. 3. Dupliquer le cercle, réduire à 30 mm, centrer → pupille. 4. Ajouter deux petits ellipses en haut et en bas du cercle extérieur pour suggérer les paupières (option « Contour » → épaisseur 2 pt). 5. Appliquer un remplissage uniforme (noir pour la pupille, blanc pour le globe, gris clair pour la peau environnante). 6. Regrouper les objets (Ctrl+G) et nommer le calque « Œil ». Pour une version matricielle (ex. : affiche imprimée en offset), on exporte le groupe en PNG à 300 ppp, en veillant à conserver un fond transparent. ### B. Création d’icônes médicales et de pictogrammes Lorsqu’on travaille pour des supports de sensibilisation, il faut respecter la **grille de 24 px** (minimum recommandé pour la lisibilité à distance). > **Grille de 24 px** : repère permettant d’aligner les éléments graphiques afin d’assurer une taille lisible même après réduction. Processus : 1. Activer la grille (Vue → Grille) avec un espacement de 24 px. 2. Construire chaque organe en utilisant des formes de base (cercles, rectangles, chemins) qui s’ajustent aux multiples de 24 px. 3. Vérifier le contraste avec le fond : utiliser le outil de mesure de contraste (ex. : WebAIM) pour s’assurer d’un rapport ≥ 4,5 : 1 (texte ou symbole sur fond blanc ou couleur claire). 4. Exporter en SVG pour le web ou en PDF/X‑1a pour l’impression. ## III. Application professionnelle : conception d’affiches de sensibilisation santé au Cameroun ### A. Analyse du brief, normes d’accessibilité Un commanditaire (ex. : Ministère de la Santé publique) fournit un cahier des charges incluant : - Message : « Lavez-vous les mains après chaque repas ». - Public cible : élèves du primaire et leurs parents, zones urbaines et rurales. - Supports : affiches A2 (420 mm × 594 mm) à placer dans les écoles et les centres de santé. - Contraintes : respecter la charte graphique nationale (couleurs : vert #2E8B57, blanc, noir) et les normes WCAG 2.1 Niveau AA (contraste texte/fond ≥ 4,5 : 1, taille de police minimale 18 pt pour corps de texte). > **Norme WCAG 2.1 AA** : ensemble de recommandations garantissant l’accessibilité du contenu web et imprimé aux personnes présentant une déficience visuelle. ### B. Processus de réalisation 1. **Recherche documentaire** : consulter des illustrations anatomiques libres de droits (ex. : Wikimedia Commons) pour vérifier les proportions. 2. **Esquisse papier** : réaliser des vignettes rapides (10 mm × 10 mm) pour tester la disposition des icônes (main, œil, nez) et du texte. 3. **Vectorisation** : reproduire les esquisses choisies dans Inkscape, appliquer la palette de couleurs imposée, ajouter les ombres portées légères (opacité 15 %) pour donner du relief sans surcharger. 4. **Mise en page** : placer le slogan en police **Montserrat Bold**, taille 48 pt, centré verticalement ; les icônes de 80 mm de hauteur disposées en ligne horizontale sous le texte, espacées de 20 mm. 5. **Vérification technique** : exporter en PDF/X‑1a, contrôler le dépassement de fond (fond perdu 3 mm), vérifier la résolution des images matricielles éventuelles (≥ 300 ppp). 6. **Validation** : soumettre le PDF au responsable de la communication pour approbation, puis envoyer au prestataire d’impression (offset, papier couché 150 g/m²). > **Fond perdu** : zone supplémentaire autour du document qui sera coupée après impression afin d’éviter les bordures blanches. ## Synthèse du chapitre - Les organes de sens sont représentés selon des proportions canoniques (œil : 1 : 1, oreille : hauteur ≈ 1,7 × largeur, nez : longueur ≈ 0,4 × largeur du visage, bouche : largeur ≈ 0,4 × largeur du visage, etc.). - En infographie, on privilégie des symboles conventionnels simplifiés pour assurer la lisibilité à petite taille. - Le tracé vectoriel (courbes de Bézier) permet une mise à l’échelle sans perte de qualité ; le mode matriciel est réservé aux exports destinés à l’impression haute résolution. - La conception d’affiches de santé au Cameroun doit respecter les normes d’accessibilité (contraste ≥ 4,5 : 1, taille minimale 24 px pour icônes, 18 pt pour texte) et la charte graphique nationale (vert #2E8B57, blanc, noir). - Le processus de projet suit les étapes : brief → recherche → esquisse → vectorisation → mise en page → contrôle technique → validation → impression. ## Glossaire | Terme | Définition | |-------|------------| | Organe de sens | Structure spécialisée dans la réception d’un stimulus externe (lumière, son, odeur, goût, toucher). | | Proportion canonique | Rapport de dimensions établi à partir d’observations anatomiques moyennes, utilisé comme référence de dessin. | | Symbole conventionnel | Forme géométrique ou linéaire simplifiée évoquant un organe sans détails anatomiques exhaustifs. | | Tracé Bézier | Courbe définie par deux points d’ancrage et deux poignées de contrôle, utilisée pour modéliser des formes organiques. | | Grille de 24 px | Repère d’alignement permettant de garantir une taille lisible minimale pour les icônes et pictogrammes. | | Contraste ≥ 4,5 : 1 | Rapport de luminance entre texte (ou symbole) et fond requis pour la lisibilité selon WCAG 2.1 AA. | | Fond perdu | Zone supplémentaire autour d’un document destinée à être coupée après impression afin d’éviter les bordures blanches. | | PDF/X‑1a | Norme PDF garantissant la fidélité des couleurs et des polices pour l’impression professionnelle. | | WCAG 2.1 AA | Niveau d’accessibilité du Web Content Accessibility Guidelines assurant une lisibilité suffisante pour les déficiences visuelles. | | Offset | Technique d’impression utilisant des plaques métalliques et des rouleaux, adaptée aux tirages moyens à élevés. | ## Exercices d'application corrigés ### Exercice 1 – Création d’une icône d’oreille **Consigne** : Dans Inkscape, réaliser une icône vectorielle d’oreille destinée à être utilisée sur une affiche de prévention du bruit au travail. L’icône doit tenir dans un carré de 48 px × 48 px, respecter le contraste noir sur fond blanc, et être nommée « oreille_icone.svg ». **Corrigé** : 1. Ouvrir Inkscape, créer un nouveau document 500 px × 500 px, activer la grille (espacement 24 px). 2. Sélectionner l’outil Cercle, tracer un cercle de diamètre 48 px (contour noir, remplissage blanc). 3. Avec l’outil Bézier, dessiner une forme en « C » à l’intérieur du cercle : commencer au point supérieur gauche du cercle, tracer une courbe vers le bas‑gauche, puis remonter vers le centre inférieur, fermer la forme. 4. Ajouter un petit ellipse verticale (hauteur 8 px, largeur 4 px) en bas‑à‑droite du « C » pour représenter le conduit auditif. 5. Sélectionner tous les objets, choisir Chemin → Union pour obtenir une seule forme. 6. Vérifier le contraste avec l’outil de mesure (WebAIM) : noir (#000000) sur blanc (#FFFFFF) donne un rapport de 21 : 1 > 4,5 : 1. 7. Exporter le fichier sous le nom « oreille_icone.svg ». ### Exercice 2 – Mise en page d’une affiche de lavage des mains **Consigne** : À partir du brief fourni (voir partie III.A), réaliser la maquette d’une affiche A2 (420 mm × 594 mm) comportant le slogan « Lavez-vous les mains après chaque repas » et trois icônes (main, œil, nez) alignées horizontalement sous le texte. Utiliser uniquement les couleurs de la charte nationale (vert #2E8B57, blanc, noir). **Corrigé** : 1. Créer un nouveau document A2, résolution 300 ppp, mode couleur CMJN. 2. Définir les marges : 20 mm tout autour. 3. Insérer une zone de texte : police Montserrat Bold, taille 48 pt, couleur noir, alignement centré, contenu du slogan. 4. Créer trois calques : « main », « œil », « nez ». Dans chaque calque, reproduire les icônes suivant les procédés de l’exercice 1 (adapter les proportions pour tenir dans une hauteur de 80 mm). 5. Positionner les icônes : première icône à 100 mm du bord gauche, seconde à 210 mm, troisième à 320 mm (espacement 20 mm entre chacune). Aligner le bas des icônes sur la même ligne (y = 300 mm depuis le haut du document). 6. Appliquer la couleur vert #2E8B57 aux remplissages des icônes, laisser les contours noirs. 7. Vérifier le contraste du texte sur le fond blanc : rapport 21 : 1 > 4,5 : 1. 8. Ajouter un fond perdu de 3 mm autour du document. 9. Exporter en PDF/X‑1a, nommer « affiche_lavage_mains.pdf ». ## Erreurs fréquentes et règles de sécurité | Erreur fréquente | Conséquence | Règle de prévention / bonne pratique | |------------------|-------------|--------------------------------------| | Oublier de convertir le texte en contours avant l’export PDF | Lors de l’impression, la police peut être manquante, entraînant un remplacement inattendu. | Toujours sélectionner le texte → Objet → Convertir en contour avant l’export final. | | Utiliser une résolution matricielle inférieure à 150 ppp pour une affiche A2 | L’image apparaît pixélisée à distance de lecture normale. | Pour tout élément matriciel (photos, textures), exporter à 300 ppp minimum. | | Négliger le contraste entre symbole et fond | Les personnes malvoyennes ne perçoivent pas l’icône, réduisant l’efficacité du message. | Mesurer le contraste avec un outil dédié (ex. : Contrast Analyzer) et viser ≥ 4,5 : 1. | | Placer des éléments importants trop près du bord sans fond perdu | Après la coupe, le texte ou l’icône peut être tronqué. | Respecter systématiquement un fond perdu de 3 mm et garder une marge de sécurité de 5 mm pour le contenu vital. | | Travailler sur un calque verrouillé par erreur | Modifications impossibles, perte de temps. | Vérifier l’état du calque (icône de cadenas) avant de commencer à tracer ; déverrouiller si nécessaire. | | Ne pas sauvegarder régulièrement le fichier source | Risque de perte de travail en cas de coupure de courant ou de plantage logiciel. | Activer le sauvegarde automatique toutes les 5 minutes et effectuer une sauvegarde manuelle après chaque étape majeure. |