Lexique du graphisme, du web et du marketing

Design Graphique

Le design graphique est l’art et la pratique de la planification et de la projection d’idées et d’expériences visuelles. Voici quelques termes fréquemment utilisés dans ce domaine :

by Milad Fakurian (https://unsplash.com/@fakurian)

• Alignement : Disposition des éléments en ligne droite ou en positions relatives appropriées. L’alignement crée une connexion visuelle entre les éléments, améliorant la cohésion globale du design.
• Branding : Processus de création d’une image et d’une identité uniques pour un produit ou une entreprise à travers des éléments de design comme les logos, les couleurs et la typographie.
• Bruit : Variations aléatoires de luminosité ou de couleur dans une image, souvent causées par une faible luminosité ou des réglages ISO élevés en photographie.
• Cahier des charges : Document décrivant les exigences et spécifications d’un projet de design graphique.
• Charte graphique : Ensemble des règles définissant l’identité visuelle d’une marque, incluant les couleurs, les typographies, et les logos.
• Chasse : La largeur d’un caractère typographique.
• Césure : Division d’un mot en fin de ligne pour assurer une meilleure justification du texte.
• CMJN : CMJN est un acronyme pour cyan, magenta, jaune et noir. Ces quatre couleurs sont utilisées en impression pour créer toutes les autres couleurs. Ce modèle de couleur est basé sur le principe de la soustraction de lumière, où les couleurs se mélangent pour absorber certaines longueurs d’onde et en refléter d’autres. Les graphistes utilisent souvent le mode CMJN lorsqu’ils préparent des documents destinés à l’impression professionnelle.by Pierre Bamin (https://unsplash.com/@bamin)
• Code Hexadécimal : Code à six chiffres utilisé en conception web pour spécifier les couleurs. Les codes hexadécimaux consistent en chiffres et lettres, fournissant des définitions de couleurs précises.
• Contraste : Différence entre deux ou plusieurs éléments d’un design. Le contraste peut impliquer la couleur, la taille, la forme ou la texture, et est utilisé pour attirer l’attention et créer de l’intérêt visuel.
• Crénage : Ajustement de l’espace entre les lettres individuelles dans un mot pour améliorer l’attrait visuel et la lisibilité.
• Découpe : Technique d’impression où une couleur est retirée d’un design pour permettre à une autre couleur d’être imprimée à sa place.
• Design : Conception et organisation visuelle d’éléments graphiques.
• Dégradé : Transition progressive entre deux ou plusieurs couleurs. Les dégradés ajoutent de la profondeur et de la dimension aux designs.
• DPI (points par pouce) : Les DPI sont une unité de mesure utilisée pour déterminer la résolution d’une image. Plus le nombre de DPI est élevé, plus l’image sera nette et détaillée. Une résolution élevée en DPI est particulièrement importante pour l’impression de photos ou de graphiques pour éviter une apparence pixellisée ou floue. Les graphistes doivent tenir compte de la résolution DPI appropriée en fonction du support final sur lequel l’image sera affichée ou imprimée.by Bernd 📷 Dittrich (https://unsplash.com/@hdbernd)
• Épreuve : Version préliminaire d’un document destinée à être vérifiée avant impression finale.
• EPS (Encapsulated PostScript) : Format de fichier vectoriel souvent utilisé pour les logos et illustrations. Les fichiers EPS maintiennent une haute qualité à toute taille et sont éditables dans des logiciels comme Adobe Illustrator.
• Emphase : Mise en évidence ou attirance de l’attention sur un élément particulier d’un design, le rendant plus visible.
• Espace négatif : Zones vides ou blanches dans un design. L’espace négatif, également connu sous le nom d’espace blanc, aide à équilibrer les compositions et à améliorer la lisibilité.
• Famille de caractère : Ensemble de styles de caractères partageant des traits communs.
• Fond perdu : Zone en dehors de la ligne de coupe d’une pièce imprimée. Les éléments de design s’étendant dans le fond perdu garantissent qu’il n’y aura pas de bordures blanches lorsque la pièce est coupée à sa taille finale.
• Graisse : L’épaisseur ou la lourdeur d’un caractère typographique.
• Grille : Cadre de lignes croisées utilisé pour organiser le contenu sur une page. Les grilles aident à maintenir l’alignement et la cohérence à travers un design.
• Hiérarchie : Disposition des éléments de manière à signifier leur importance. La hiérarchie visuelle guide l’œil du spectateur à travers le design, en commençant par les éléments les plus importants.
• Icône : Graphique simple et symbolique représentant une idée, un objet ou une action. Les icônes sont couramment utilisées dans les interfaces utilisateur et les logos.
• Identité visuelle : Les éléments visuels qui représentent une marque, y compris le logotype, les couleurs, et les typographies.
• Illustration : Image dessinée à la main ou créée numériquement, utilisée pour représenter visuellement un concept ou raconter une histoire.
• Image vectorielle : Image composée de formes géométriques, permettant un redimensionnement sans perte de qualité.
• Imposition : Disposition des pages d’un document pour l’impression.
• Interligne : Espace vertical entre les lignes de texte. Un bon interligne assure la lisibilité et le confort visuel.
• JPEG (Joint Photographic Experts Group) : Format de fichier image largement utilisé, connu pour ses capacités de compression. Les JPEG sont idéaux pour une utilisation web, mais peuvent perdre en qualité avec des modifications et enregistrements répétés.
• Justification : Alignement des lignes de texte selon les marges définies.
• Ligne de base : Ligne imaginaire sur laquelle reposent la plupart des lettres d’une police. Elle est cruciale pour maintenir la cohérence dans l’alignement du texte.
• Logo : Symbole ou design représentant une entreprise ou une marque. Les logos sont essentiels pour l’identité et la reconnaissance de la marque.
• Maquette : Représentation réaliste d’un design utilisée pour montrer à quoi il ressemblera sous sa forme finale. Les maquettes sont couramment utilisées pour les présentations et les approbations des clients.
• Masque de netteté : Technique de netteté d’image numérique qui améliore le contraste des bords pour rendre une image plus nette.
• Monochrome : Schéma de couleurs consistant en différentes nuances, teintes et tons d’une seule couleur.
• Mood board : Planche d’inspiration regroupant des images, des couleurs, et des typographies pour définir une ambiance visuelle.
• Mockup : Un mockup est une représentation visuelle d’un produit ou d’une conception. Les mockups sont souvent utilisés pour donner un aperçu de la manière dont un produit final pourrait apparaître. Ils sont essentiels dans le processus de design pour présenter des concepts aux clients, pour le marketing ou pour tester l’apparence et la fonctionnalité d’un produit avant sa fabrication. Les mockups peuvent être statiques ou interactifs et sont souvent créés à l’aide de logiciels de conception graphique.
  
  by NEW DATA SERVICES (https://unsplash.com/@new_data_services)
• Ombre portée : Effet visuel créant l’illusion d’une ombre derrière un objet, lui donnant une apparence tridimensionnelle.
• Opacité : Niveau de transparence d’un élément. Une opacité plus faible signifie plus de transparence, tandis qu’une opacité plus élevée signifie moins de transparence.
• Orphelin : Mot unique ou ligne courte de texte laissée à la fin d’un paragraphe, créant un espace visuel gênant.
• Packaging : Conception de l’emballage d’un produit.
• Pantone : Système de correspondance des couleurs standardisé utilisé dans diverses industries. Les couleurs Pantone garantissent la cohérence à travers différents matériaux et processus de production.
• Pictogramme : Symbole graphique représentant une idée ou un concept.
• Pixel : Plus petite unité d’une image numérique. Les pixels se combinent pour former les images vues sur les écrans et les moniteurs.
• Plan de travail : L’espace de travail sur lequel les designers créent des œuvres dans des logiciels comme Adobe Illustrator. Il représente la zone imprimable ou visible.
• Police de caractère : Ensemble de caractères avec un style et une taille spécifiques. Les polices font partie d’une famille de caractères, qui inclut des variations comme gras, italique et régulier.
• PPP (Points Par Pouce) : Mesure de la résolution d’une image. Une PPP plus élevée signifie une meilleure résolution et une meilleure qualité d’impression. La qualité d’impression standard est généralement de 300 PPP.
• Premier plan : Partie d’une composition qui semble la plus proche de l’observateur. Les éléments au premier plan sont généralement plus détaillés et plus visibles.
• Raster : Image composée de pixels. Les images raster perdent en qualité lorsqu’elles sont agrandies. Les formats raster courants incluent JPEG, PNG et GIF.
• Ratio d’aspect : Relation proportionnelle entre la largeur et la hauteur d’un design ou d’une image. Les ratios courants incluent 16:9 pour les écrans larges et 4:3 pour les écrans standards.
• Requête : Demande d’information ou terme de recherche entré dans une base de données ou un moteur de recherche.
• Résolution : Clarté et détails d’une image, mesurés en PPP ou pixels par pouce (PPP). Une résolution plus élevée signifie une meilleure qualité d’image.
• RVB : RVB est un acronyme pour rouge, vert et bleu. Ces trois couleurs sont utilisées sur les écrans pour créer toutes les autres couleurs. Contrairement au CMJN, le modèle RVB est basé sur l’addition de lumière, où la superposition de ces trois couleurs primaires dans différentes intensités crée un spectre de couleurs. Ce modèle est utilisé pour les médias numériques, comme les moniteurs d’ordinateur, les télévisions et les smartphones.
• Saturation : Intensité ou pureté d’une couleur. Une saturation plus élevée signifie des couleurs plus vives, tandis qu’une saturation plus faible signifie des couleurs plus ternes.
• Signalétique : Ensemble des éléments graphiques utilisés pour orienter et informer dans un espace.
• SVG (Scalable Vector Graphics) : Format d’image vectorielle utilisé pour les graphiques web. Les SVG sont indépendants de la résolution et peuvent être agrandis sans perte de qualité.
• Texture : Qualité de surface perçue d’un design. La texture ajoute de la profondeur et de l’intérêt à une composition.
• Traits de coupe : Lignes imprimées dans les coins d’un design pour indiquer où le papier doit être coupé.
• Typographie : Art et technique d’arranger les caractères pour rendre le langage écrit lisible, lisible et visuellement attrayant.
• Vectoriel : Un graphique vectoriel est composé de formes géométriques basées sur des équations mathématiques, ce qui signifie qu’il peut être redimensionné sans perdre sa qualité. Les images vectorielles sont idéales pour les logos, les icônes et tout autre design qui doit être redimensionné fréquemment.

Conception Web

La conception web est l’ensemble des processus de création, de conception et de maintenance de sites Web. Voici quelques termes fréquemment utilisés dans ce domaine :

by Campaign Creators (https://unsplash.com/@campaign_creators)

• API (Application Programming Interface) : Interface de programmation permettant la communication entre différentes applications. Les APIs permettent à différents systèmes logiciels de communiquer et de partager des données de manière transparente. Exemple : Intégration de Google Maps dans un site web.
• Arborescence : Structure hiérarchique d’un site web.
• Back-end : Partie d’un site web ou d’une application qui gère le serveur et la base de données. Le back-end d’un site Web est la partie qui n’est pas visible pour l’utilisateur, mais qui gère les fonctionnalités et les données du site. Les développeurs back-end se concentrent sur des langages comme PHP, Ruby et Python pour créer la logique du site et interagir avec la base de données.
• Bannière : Élément graphique utilisé pour afficher des publicités ou des annonces sur un site web.
• CSS : Langage de style utilisé pour décrire la présentation des documents HTML ou XML. CSS contrôle l’apparence et la mise en page du site web. Il permet de créer des designs visuellement attrayants. Exemple : color: blue;, font-size: 16px;
• Contenu : Texte, images, vidéos et autres éléments publiés sur un site web.
• CMS (Content Management System/Système de gestion de contenu) : Un système de gestion de contenu est une plate-forme qui permet de créer, de gérer et de publier du contenu sur un site Web sans avoir à coder. Les CMS les plus populaires sont WordPress, Drupal et Joomla. Ils offrent des interfaces conviviales qui permettent aux utilisateurs de gérer leurs sites Web avec peu ou pas de connaissances en programmation. Les CMS modernes sont également extensibles, avec des plugins et des thèmes qui ajoutent des fonctionnalités ou modifient l’apparence de votre site.
• CRM (Customer Relationship Management) : Outil de gestion de la relation client. C’est un outil essentiel pour les entreprises dans le B2C car il leur permet de mieux connaître leurs clients et de personnaliser leur approche.
• Design Adaptatif (Responsive Design) : Le responsive design est une approche de conception de sites Web qui vise à offrir une expérience utilisateur optimale sur tous les appareils, quel que soit leur taille d’écran. Il s’agit d’un aspect critique de la conception web moderne car il garantit que le site est fonctionnel et esthétique sur les ordinateurs de bureau, les tablettes et les smartphones. Les développeurs utilisent des grilles fluides, des images flexibles et des requêtes de médias CSS pour réaliser des designs réactifs.
• Footer : Pied de page d’un site web, contenant souvent des informations de contact et des liens vers d’autres pages.
• Front-end : Partie visible d’un site web, avec laquelle les utilisateurs interagissent. Les développeurs front-end utilisent HTML, CSS et JavaScript pour créer l’interface qui sera affichée aux utilisateurs.
• HTML (Hypertext Markup Language) : Langage de balisage utilisé pour créer la structure des pages web. HTML est la base de toutes les pages web. Il structure le contenu et fournit le cadre de base d’un site web. Exemple : <html>, <head>, <body>
• H1/H2/H3 : Balises HTML utilisées pour définir les titres et sous-titres d’un document.
• Header : En-tête d’un site web, souvent utilisé pour afficher le logo et le menu de navigation.
• Hébergement:  Service permettant aux organisations et aux individus de publier un site web ou une page web sur Internet. Les fournisseurs d’hébergement web offrent les technologies et services nécessaires pour que le site web soit visible sur Internet. Exemple : Hébergement partagé, hébergement VPS, hébergement dédié.
• Interface : Point de contact entre l’utilisateur et un système informatique.
• JavaScript : Langage de programmation utilisé pour créer des applications web et mobiles. JavaScript permet des expériences web interactives en créant du contenu dynamique, en contrôlant les multimédias, en animant les images, et bien plus encore. Exemple : document.getElementById("demo").innerHTML = "Hello World!";
• Landing pages : Pages web conçues pour convertir les visiteurs en prospects ou clients.
• Navigateur : Logiciel utilisé pour accéder et naviguer sur Internet.
• Nom de domaine : Adresse où les utilisateurs d’Internet peuvent accéder à votre site web. Un nom de domaine est une partie clé de votre identité et de votre branding en ligne. Exemple : www.votresiteweb.com
• Python : Langage de programmation polyvalent utilisé dans le développement web et d’autres domaines.
• SAAS : Logiciel en tant que service, modèle de distribution où les applications sont hébergées par un fournisseur de services.
• Sitemap : Plan de site web, listant toutes les pages pour faciliter la navigation et l’indexation par les moteurs de recherche.
• SSL (Secure Sockets Layer) : Protocole de sécurité assurant la confidentialité des données échangées entre un site web et ses utilisateurs. SSL garantit que toutes les données échangées entre le serveur web et les navigateurs restent privées et intégrales. Exemple : Sites web avec des URL commençant par « https:// ».
• Tags : Mots-clés ou étiquettes utilisés pour organiser et catégoriser le contenu web.
• UI (Interface utilisateur) : L’interface utilisateur est la partie d’un site Web ou d’une application qui est visible et avec laquelle l’utilisateur interagit. L’objectif de l’UI est de rendre l’expérience utilisateur aussi simple et intuitive que possible. Les éléments d’UI comprennent les boutons, les icônes, la typographie et les couleurs. Les concepteurs UI travaillent à optimiser l’agencement des éléments pour une navigation facile et accessible.

  by Eftakher Alam (https://unsplash.com/@easiblu)

• UX (Expérience utilisateur) : L’expérience utilisateur se réfère à l’ensemble des émotions et des perceptions d’un utilisateur lors de l’utilisation d’un site Web ou d’une application. L’objectif de l’UX est de rendre l’expérience utilisateur aussi agréable et efficace que possible. Cela inclut la facilité d’utilisation, l’accessibilité et la satisfaction procurée par l’interaction avec le produit. Les concepteurs UX se concentrent sur la compréhension des besoins des utilisateurs pour créer des produits qui répondent à ces attentes.by Alex Kotliarskyi (https://unsplash.com/@frantic)

• Wireframe (Maquette Fil de Fer) : Cadre squelettique d’un site web. Les wireframes sont utilisés pour planifier la mise en page et l’interaction d’un site web sans être distrait par les éléments de design. Une esquisse de mise en page montrant l’emplacement des éléments sur une page web.

Marketing

Le marketing est l’ensemble des activités qui visent à promouvoir un produit, un service ou une entreprise. Voici quelques termes fréquemment utilisés dans ce domaine :

by Daria Nepriakhina 🇺🇦 (https://unsplash.com/@epicantus)

• A/B Testing : Méthode de comparaison de deux versions d’une page web ou d’une application pour déterminer laquelle performe le mieux. Couramment utilisé dans le marketing par email et l’optimisation des pages de destination.

• Analytics (Analytique) : Les analyses sont des données qui sont collectées et analysées pour évaluer les performances d’un site Web ou d’une campagne de marketing. Les analyses peuvent inclure des informations sur le trafic, les conversions, les taux de rebond, etc. Les outils analytiques permettent aux marketeurs de comprendre le comportement des utilisateurs, d’identifier les tendances et de prendre des décisions éclairées pour optimiser les stratégies de marketing.

  by Nik (https://unsplash.com/@helloimnik)

• B2B (Business to Business) : Forme de transaction entre entreprises, comme entre un fabricant et un grossiste, ou un grossiste et un détaillant. Se concentre sur les produits et services commercialisés auprès d’autres entreprises.

• B2C (Business to Consumer) : Modèle d’affaires dans lequel les entreprises vendent directement aux consommateurs. Inclut les magasins de détail, les achats en ligne et les services aux consommateurs.

• Buyer Persona (Personnage Acheteur) : Un persona est une représentation fictive d’un client idéal. Les personas sont utilisés pour mieux comprendre le public cible et adapter les stratégies de marketing en conséquence. Ils sont créés à partir de recherches sur le marché et des données démographiques, incluant souvent des informations sur les comportements, les motivations et les objectifs des utilisateurs. Les personas aident les marketeurs à personnaliser leurs messages et à concevoir des campagnes plus pertinentes pour différents segments d’audience.

  by Sung Wang (https://unsplash.com/@sgwang0511)

• Call-to-action : Invitation à l’action destinée à encourager l’utilisateur à effectuer une démarche spécifique (ex. cliquer, s’inscrire).

• Content Marketing (Marketing de Contenu) : Stratégie marketing axée sur la création, la publication et la distribution de contenu pour un public ciblé en ligne. Vise à attirer, engager et fidéliser une audience en fournissant un contenu précieux et pertinent.

• Conversion Rate (Taux de Conversion) : Pourcentage de visiteurs d’un site web qui atteignent un objectif souhaité (une conversion) par rapport au nombre total de visiteurs. Indicateur clé pour mesurer l’efficacité des campagnes marketing.

• CTA (Appel à l’action) : Un appel à l’action est un élément de contenu qui invite les utilisateurs à effectuer une action précise, comme s’inscrire à une newsletter, acheter un produit ou remplir un formulaire. Un CTA efficace est visuellement distinct et comporte un message clair qui incite à l’action. Les marketeurs testent souvent différents CTA pour optimiser les taux de conversion et améliorer les performances des campagnes.by Hillary Black (https://unsplash.com/@internethillary)

• CTR (Click-Through Rate) : Le ratio d’utilisateurs qui cliquent sur un lien spécifique par rapport au nombre total d’utilisateurs qui voient une page, un email ou une publicité. Aide à mesurer le succès d’une campagne publicitaire en ligne.

• Marque: Ensemble des perceptions et des représentations associées à une entreprise ou à un produit.

• Customer Journey (Parcours Client) : Ensemble complet des expériences que vivent les clients en interagissant avec votre entreprise et votre marque. Aide à comprendre les besoins des clients et à améliorer leur expérience.

• Digital Marketing (Marketing Digital) : Composante du marketing qui utilise Internet et les technologies numériques en ligne pour promouvoir des produits et services. Inclut le SEO, le SEM, le marketing de contenu, le marketing sur les réseaux sociaux, et plus encore.

• Engagement Rate (Taux d’Engagement) : Indicateur qui mesure le niveau d’interaction qu’un contenu reçoit de la part d’une audience. Utilisé pour évaluer l’efficacité des campagnes de marketing de contenu.

• Keyword Research (Recherche de Mots-Clés) : Processus de recherche et d’analyse des termes de recherche réels que les gens entrent dans les moteurs de recherche. Aide en SEO en identifiant les mots-clés populaires et pertinents à cibler.

• Lead Generation (Génération de Leads) : Initiation de l’intérêt ou de la demande de renseignements des consommateurs sur les produits ou services d’une entreprise. Implique diverses stratégies marketing pour attirer des clients potentiels.

• Market Segmentation (Segmentation du Marché) : Processus de division d’un marché de consommateurs ou d’entreprises en sous-groupes de consommateurs basés sur des caractéristiques communes. Aide à cibler différents segments avec des messages marketing plus adaptés.

• Return on Investment (ROI) : Mesure utilisée pour évaluer l’efficacité ou la rentabilité d’un investissement. Calculé comme le bénéfice (retour) d’un investissement divisé par le coût de l’investissement.

• SEO (Optimisation pour les moteurs de recherche) : L’optimisation pour les moteurs de recherche est l’ensemble des techniques utilisées pour améliorer le classement d’un site Web dans les résultats de recherche organiques. Le SEO implique l’optimisation des mots-clés, la création de contenu de qualité, l’amélioration de l’expérience utilisateur et la construction de backlinks. Les spécialistes SEO travaillent à comprendre les algorithmes des moteurs de recherche pour augmenter la visibilité et le trafic vers un site Web.
• SEM (Marketing sur les moteurs de recherche) : Le marketing sur les moteurs de recherche est une stratégie de marketing en ligne qui vise à augmenter la visibilité d’un site Web dans les résultats de recherche en utilisant des publicités payantes. Le SEM peut inclure le Pay-Per-Click (PPC), les annonces display et le remarketing. Les marketeurs utilisent le SEM pour cibler des mots-clés spécifiques et atteindre rapidement un public cible, complétant souvent les efforts de SEO à long terme.

• Social Media Marketing (Marketing sur les Réseaux Sociaux) : Utilisation des plateformes et sites de réseaux sociaux pour promouvoir un produit ou un service. Inclut la création et le partage de contenu sur les réseaux sociaux pour atteindre des objectifs marketing et de branding.

• Tunnel de conversion : Représente les différentes étapes que prend un consommateur pour passer de la découverte d’un produit à son achat. C’est un élément crucial dans le B2C car il permet aux entreprises de comprendre les points de friction et d’améliorer leur processus de vente.

• Target Audience (Audience Cible) : Groupe particulier de consommateurs identifiés comme les destinataires d’un message marketing spécifique. Aide à adapter les efforts marketing aux besoins et préférences spécifiques de l’audience.

• User-Generated Content (UGC) : Tout type de contenu créé par les utilisateurs d’un système ou service et rendu public sur ce système. Souvent utilisé dans le marketing sur les réseaux sociaux pour construire la confiance et l’authenticité.

• Viral Marketing (Marketing Viral) : Stratégie marketing qui encourage les individus à transmettre un message marketing à d’autres, créant ainsi une croissance exponentielle de l’exposition et de l’influence du message. Utilise les réseaux sociaux et le bouche-à-oreille pour diffuser rapidement des informations.

Ce lexique ne couvre pas tous les termes utilisés en design graphique, en conception web et en marketing, mais il vous donne une bonne base pour mieux comprendre ces domaines. N’hésitez pas à utiliser ce lexique comme référence lorsque vous rencontrez un terme que vous ne connaissez pas. Avec le temps, vous deviendrez un expert du jargon du design graphique, de la conception web et du marketing. Pour des insights et des conseils plus approfondis, restez attentif à notre blog. Et si vous avez trouvé ce lexique utile, n’hésitez pas à le partager avec vos collègues et votre réseau. Bonne continuation dans vos projets créatifs !