Le langage du graphisme : lexique complet pour micro-entrepreneurs

A

.ai — Format de fichier Adobe Illustrator. Il est principalement utilisé pour les logos et les illustrations, et permet de conserver les éléments de conception dans un format modifiable et évolutif.

Alignement — Façon dont les différents éléments visuels sont placés par rapport les uns aux autres. Il existe plusieurs types d’alignement, notamment l’alignement horizontal (à gauche, au centre ou à droite), l’alignement vertical (en haut, au milieu ou en bas), l’alignement basé sur une grille, etc. L’alignement peut aider à créer une apparence harmonieuse et organisée, et faciliter la lisibilité et la compréhension de l’information présentée.

Ancre — Lien interne placé sur une page web qui permet aux utilisateurs de naviguer rapidement vers une section spécifique de la même page ou vers une autre page du même site.

Animation — Action de donner vie à des images statiques en créant une séquence d’images en mouvement.

Arrière-plan — Fond d’une image ou d’une page web.

Art déco — Style de design qui s’inspire de l’architecture et de la décoration des années 1920 et 1930, en utilisant des motifs géométriques, des typographies rétro et des couleurs vives pour créer une esthétique glamour et sophistiquée.

Artboard (ou planche graphique) — Dans les logiciels de conception graphique, une zone de travail délimitée dans laquelle un graphiste peut créer des éléments visuels tels que des images, des graphiques ou des mises en page pour des supports imprimés ou numériques.

Aspect ratio — Rapport entre la largeur et la hauteur d’une image.

Attributs de texte — Paramètres qui affectent la présentation du texte, tels que la taille de police, la couleur, l’espacement et l’alignement.

B

Badge — Petit élément graphique utilisé pour identifier une entreprise ou une organisation.

Bandeau — Bande horizontale utilisée pour afficher des informations sur une page web.

Barre de navigation — Zone de la page web qui contient des liens permettant de naviguer sur le site.

Bas de casse — Caractères en minuscules.

Baseline (ou ligne de base) — Ligne imaginaire sur laquelle reposent les lettres minuscules d’une police de caractères (comme le a, le e ou le o).

Blanc de soutien — Espace vide autour d’un logo ou d’un texte pour le rendre plus lisible.

Blanc typographique — Espace vide à l’intérieur d’un bloc de texte pour améliorer la lisibilité.

Bleed — Zone de l’image qui s’étend au-delà des marges de la page.

Body — Zone principale d’une page web où le contenu comme les paragraphes de texte, les images, les vidéos, etc, est affiché. Entre la barre de navigation et le footer.

Bold — voir graisse

Branding — Ensemble des actions et techniques marketing visant à créer et développer l’image de marque.

Brush — Outil de dessin simulant l’effet d’un pinceau.

Brutalisme — Style de design caractérisé par des designs simples, bruts et souvent asymétriques, avec une utilisation audacieuse des typographies et des couleurs vives.

C

Calligraphie — Art de l’écriture qui consiste à créer des lettres ou des phrases en utilisant des traits et des courbes stylisés.

Caractères spéciaux — Symboles ou signes qui ne sont pas couramment utilisés dans la langue écrite, tels que des symboles mathématiques, des flèches, des icônes, des émoticônes, des lettres accentuées, etc. Ils sont souvent utilisés pour ajouter de l’intérêt ou de l’émotion à un texte, ou pour transmettre des informations spécifiques.

Charte graphique — Document qui définit l’ensemble des règles et des normes graphiques d’une entreprise ou d’une organisation, telles que les couleurs, les polices de caractères, les logos, les images, les tailles et les proportions, les règles d’utilisation, etc. Elle vise à garantir une cohérence visuelle dans tous les supports de communication de l’entreprise et à renforcer son image de marque.

Cercle chromatique — Cercle qui contient toutes les couleurs visibles par l’œil humain et qui est divisé en 12 parties égales représentant les couleurs primaires (rouge, jaune et bleu), les couleurs secondaires (vert, orange et violet) et les couleurs tertiaires (rouge-orange, jaune-orange, jaune-vert, bleu-vert, bleu-violet et rouge-violet). Le cercle chromatique permet de visualiser les couleurs et leurs relations, notamment les couleurs complémentaires, les couleurs analogues et les couleurs triadiques. Voir le cercle chromatique ›

Clipping — Technique de masquage pour cacher certaines parties d’une image.

Collage — Technique consistant à assembler des images pour créer une composition visuelle. Il peut être réalisé à la main en utilisant des techniques de découpage et de collage traditionnelles, ou de manière numérique en utilisant des logiciels de conception graphique.

Colonne — Section verticale d’une page web utilisée pour afficher du contenu.

Compositing — Processus de fusion de plusieurs éléments pour créer une image finale cohérente et réaliste.

Contraste — Différence entre les valeurs claires et sombres dans une image, un design ou un texte. Un contraste élevé peut rendre un design plus percutant et lisible, tandis qu’un faible contraste peut rendre le contenu difficile à lire ou à distinguer. Le contraste est un élément important du design graphique et peut être ajusté en modifiant la luminosité, la saturation et d’autres paramètres visuels.

Copyright — Droit d’auteur qui protège les œuvres créatives.

Corps — Référence à la hauteur d’un caractère. Il est généralement mesuré en points, où un point équivaut à environ 0,35 mm.

Couleurs analogues — Couleurs qui se situent à côté l’une de l’autre sur le cercle chromatique. On les utilise pour créer des harmonies de couleurs subtiles et cohérentes. Par exemple, les couleurs jaune, jaune-vert et vert sont des couleurs analogues.

Couleurs complémentaires — Couleurs opposées sur le cercle chromatique. Chaque couleur primaire a une couleur complémentaire: rouge et vert, bleu et orange, jaune et violet. On les utilise pour créer des contrastes forts et des harmonies visuelles.

Couleur CMJN (Cyan, Magenta, Jaune, Noir) — Modèle de couleur utilisé en imprimerie pour la reproduction de couleurs. Les couleurs sont créées en superposant des encres cyan, magenta, jaune et noire sur du papier ou un autre support d’impression. Le modèle CMJN est basé sur la soustraction de la lumière blanche réfléchie par le papier ou le support, contrairement au modèle RVB qui est basé sur l’addition de lumière. Le modèle CMJN est donc plus adapté à l’impression sur papier ou sur d’autres supports physiques.

Couleurs hexadécimales — Système couramment utilisé en informatique pour représenter les couleurs en utilisant un code hexadécimal à 6 chiffres, où chaque paire de chiffres représente la quantité de rouge, vert et bleu respectivement (RVB). Par exemple, le code hexadécimal #FF0000 représente la couleur rouge pure car il a la valeur maximale de rouge (FF) et les valeurs minimales de vert et de bleu (OO).

Couleur RVB (rouge, vert, bleu) — Système de codage de couleurs utilisé pour les images électroniques, les écrans d’ordinateur et les appareils photo numériques. Il est basé sur la combinaison de différentes intensités de lumière rouge, verte et bleue pour créer une gamme de couleurs. Chaque couleur est représentée par une valeur numérique allant de 0 à 255 pour chacune des couleurs primaires RVB. Par exemple, le rouge pur est représenté par 255, 0, 0, tandis que le blanc est représenté par 255, 255, 255.

Couleurs triadiques — Ensemble de trois couleurs équidistantes sur le cercle chromatique. On les utilise pour créer des designs vibrants et équilibrés.

Courbe de bézier — Courbes mathématiques utilisées en graphisme et en infographie pour définir des tracés lisses et réguliers. Elles sont formées par des points d’ancrage et des poignées de contrôle, qui permettent de modifier la courbure de la courbe.

Crop (recadrage en français) — Technique qui permet de découper une partie d’une image pour la mettre en avant ou pour l’adapter à un format spécifique.

CSS (Cascading Style Sheet) — Langage utilisé pour définir les propriétés de mise en forme des éléments d’une page web ( couleurs, polices, tailles, marges, bordures, etc).

CTA (Call-To-Action) — Élément graphique ou textuel du web qui a pour but d’inciter les utilisateurs à effectuer une action spécifique, telle que s’abonner à une newsletter, acheter un produit, etc. Généralement conçu sous la forme d’un bouton.

D

Design — Processus de création qui consiste à concevoir et réaliser des objets, des espaces ou des interfaces graphiques en combinant des éléments esthétiques, fonctionnels et ergonomiques pour répondre aux besoins et aux attentes des utilisateurs.

Dessin vectoriel — Image créée à l’aide de points, de lignes et de courbes plutôt que de pixels. Il a l’avantage de pouvoir être redimmensionné sans perte de qualité.

DPI (Dots Per Inch) — Résolution d’une image imprimée ou affichée sur un écran. Plus la valeur de DPI est élevée, plus l’image est précise et détaillée.

E

Effet de texte — Manipulation visuelle du texte pour le rendre plus attractif et esthétique, tels que des ombres portées, des contours, des dégradés de couleurs, des textures, des effets de lumière, des styles de police personnalisés, etc.

Embossage — Technique de fabrication en relief qui consiste à presser un motif ou un texte sur un matériau pour créer une impression en relief. En design graphique, l’embossage est souvent utilisé pour donner de la texture et de la profondeur à un logo ou à un texte.

Ensemble typographique — Collection de différentes polices de caractères utilisées pour créer une harmonie visuelle et une cohérence typographique dans un projet de design. Cela peut inclure plusieurs polices de la même famille, mais aussi des polices de différentes familles pour apporter une diversité dans le design tout en respectant une certaine cohérence. L’ensemble typographique est généralement choisi en fonction du ton et de l’esthétique du projet, ainsi que de la lisibilité des polices sélectionnées.

En-tête — voir header

.eps (Encapsulated PostScript) — Format de fichier utilisé pour les images vectorielles, souvent utilisé en imprimerie. Il permet de conserver la qualité de l’image même lors de l’agrandissement ou de la réduction de sa taille.

Équilibre — distribution visuelle de poids et de tension dans une composition graphique. Il peut être symétrique, asymétrique ou radial, et vise à créer une harmonie entre les différents éléments de la conception.

Espace négatif — Espace vide qui entoure un objet ou une forme. Il peut s’agir d’un espace vide entre deux éléments, ou d’un espace vide autour d’un objet ou d’un texte. En graphisme, l’espace négatif est important pour l’équilibre visuel d’une composition et pour mettre en valeur un élément principal.

Espacement — Quantité d’espace entre les éléments d’une mise en page, tels que les marges, les espaces entre les paragraphes, les espaces entre les lettres et les mots, les espaces entre les images, etc. Important pour améliorer la lisibilité et l’esthétique globale d’un design.

F

Favicon — Petite icône associée à un site web, qui s’affiche généralement dans l’onglet du navigateur ou dans la liste des favoris. Elle permet d’identifier rapidement un site et de le différencier des autres.

Feuille de style — Fichier qui contient des instructions pour définir la présentation et la mise en forme d’un document HTML ou XML. Elle permet de séparer la présentation du contenu et de définir des règles pour les couleurs, les polices de caractères, les marges, les bordures, les arrière-plans et autres éléments de style utilisés pour la conception d’un site web. C’est un élément clé pour créer un design personnalisé pour un site web.

Fichier source — Fichier original utilisé pour créer un projet de design. Ces fichiers peuvent inclure des fichiers Photoshop, Illustrator, InDesign, Sketch, etc.

Filigrane — Texte ou motif placé en arrière-plan d’un document ou d’une image pour indiquer son origine ou son statut. Il est souvent utilisé pour protéger les images ou les documents contre la copie ou la falsification. Le filigrane peut être visible ou semi-transparent.

Flat design — Style graphique des années 2000, apparu en réaction à l’aspect trop réaliste et encombré du design de cette époque. Le Flat design se caractérise par une utilisation minimale des effets de profondeur tels que les ombres, les textures ou les dégradés. Il met en avant les formes simples, les couleurs vives et l’aspect épuré.

Flat design 2.0 — Évolution du style flat design qui utilise des ombres subtiles, des dégradés de couleurs et des effets de profondeur pour ajouter une dimension supplémentaire à des éléments plats et simples.

Footer — Section en bas d’une page web qui contient souvent des informations complémentaires telles que les mentions légales, les liens vers les réseaux sociaux, les coordonnées de contact, etc.

Fonte — Ensemble de caractères typographiques, partageant le même design et appartenant à une même famille. Cela inclut les caractères de l’alphabet latin, les chiffres, les ponctuations et les symboles. Les fontes peuvent être de différentes tailles et styles, et sont souvent utilisées pour la composition de textes, titres et autres éléments de design graphique.

Full bleed (ou débordement complet) — Technique d’impression où l’image ou la couleur de fond s’étend jusqu’aux bords de la page sans laisser de marge blanche. Cela permet d’obtenir un effet visuel de continuité et de fluidité sur toute la surface du document imprimé.

G

Gamme chromatique (ou palette de couleurs) — Ensemble de couleurs utilisées dans un projet de design graphique ou web.

.gif — Format d’image animée compressé qui utilise une palette de couleurs limitée à 256 couleurs. Les fichiers .gif sont souvent utilisés pour des images en mouvement, des icônes, des boutons et des bannières sur des sites web.

Gradient (ou dégradé) — Transition en douceur entre deux ou plusieurs couleurs dans une même surface, généralement utilisée pour des éléments de design tels que des arrière-plans ou des formes.

Graisse — Épaisseur d’une police de caractères. Les polices de caractères peuvent avoir différentes graisses, allant de la graisse la plus légère, appelée « thin » ou « hairline », à la graisse la plus épaisse, appelée « black » ou « heavy ». Les graisses intermédiaires sont généralement appelées « light », « regular », « medium » ou « bold ».

Grille — Structure de lignes horizontales et verticales utilisée pour organiser les éléments visuels sur une page ou une interface. Elle permet d’aligner les éléments, de créer des proportions harmonieuses et d’assurer une cohérence visuelle.

Grosseur de trait — Épaisseur ou finesse d’un trait ou d’un contour dessiné ou tracé. Elle est exprimée en points, pixels ou en millimètres, selon le contexte.

Grunge — Style de design qui utilise des textures et des effets de dégradation pour donner un aspect usé ou vieilli à une création graphique.

H

H1, H2, H3 — Balises HTML utilisées pour structurer le contenu d’une page web en titres et sous-titres. Le H1 est unique et  réservé au titre principal de la page, tandis que les H2 et H3 sont utilisés pour les sous-titres et les titres secondaires. L’utilisation correcte des balises H1, H2 et H3 est importante pour l’optimisation du référencement naturel (SEO) et pour la lisibilité de la page.

Haute résolution (ou High Definition) —  Image, vidéo ou document imprimé qui a une densité de pixels (PPI) ou de points par pouce (DPI) élevée. Il contient beaucoup de détails et peut être agrandi ou zoomé sans perdre de qualité ou de netteté. En général, une résolution d’au moins 300 DPI est considérée comme haute pour l’impression, tandis qu’une résolution de 1080p ou supérieure est considérée comme haute pour les vidéos.

Header (ou en-tête) — Section située en haut d’une page web, d’un document ou d’un email, qui contient des informations importantes telles que le logo de l’entreprise, le titre de la page ou du document, la navigation, les coordonnées de l’auteur ou de l’expéditeur, etc.

Hébergement web — Service qui permet à un site web d’être accessible sur Internet.

Hiérarchie visuelle —Organisation visuelle des éléments d’un design en fonction de leur importance et de leur relation les uns avec les autres. Cela implique l’utilisation de différents éléments tels que la taille, la couleur, la typographie, la mise en page, l’espace, etc. pour guider l’œil du spectateur à travers le design et mettre en valeur les éléments les plus importants. Une bonne hiérarchie visuelle aide à communiquer un message de manière claire et concise.

Histogramme — Graphique qui montre la distribution des valeurs d’une variable numérique. Il est souvent utilisé pour représenter des données statistiques, telles que des mesures d’intensité lumineuse dans une image ou des données de fréquence dans une analyse de texte. L’axe horizontal représente les valeurs de la variable, tandis que l’axe vertical représente le nombre d’occurrences de chaque valeur. Le graphique ressemble à une série de barres verticales adjacentes, où la hauteur de chaque barre correspond au nombre d’occurrences de la valeur associée.

HTML (HyperText Markup Language) — Langage de balisage utilisé pour créer et structurer le contenu des pages Web. Il permet de créer des liens hypertextes, de structurer le texte en titres, paragraphes, listes, etc., et d’insérer des images, des vidéos et d’autres médias dans une page Web. HTML est un élément clé de la création de pages Web et est souvent utilisé en conjonction avec d’autres langages de programmation et technologies Web, tels que CSS et JavaScript.

I

Icon (ou icône) — Représentation graphique symbolique d’un objet, d’une action ou d’une idée. Les icônes sont souvent utilisées dans les interfaces utilisateur pour aider les utilisateurs à naviguer dans un système ou à interagir avec des éléments spécifiques. Les icônes peuvent être des images statiques ou des animations, et sont souvent conçues pour être facilement reconnaissables et compréhensibles même sans texte explicatif.

Iconographie — Ensemble des icônes et des symboles utilisés pour représenter des éléments graphiques.

Identité de marque — Ensemble des éléments graphique et stratégique qui définissent l’image de marque d’une entreprise. Elle comprend le logo, les typographies, la palette de couleurs, etc, mais également sa personnalité, ses valeurs, sa culture, ses messages, ses actions… L’identité de marque est donc composée à la fois d’éléments visuels et de valeurs immatérielles qui contribuent à définir l’image de l’entreprise et à la différencier de ses concurrents.

Identité visuelle — Ensemble des éléments graphiques qui définissent l’identité de marque d’une entreprise. Elle comprend généralement le logo, la typographie, la palette de couleurs, les formes et les motifs, ainsi que les éléments visuels qui sont utilisés dans tous les supports de communication de l’entreprise. L’identité visuelle vise à créer une image cohérente et reconnaissable de l’entreprise, afin de renforcer sa notoriété et sa crédibilité auprès de son public cible. Elle est un élément clé de la stratégie de communication globale d’une entreprise.

Image bitmap (ou image matricielle) — Image composée de pixels, chaque pixel étant représenté par une valeur de couleur spécifique.

Image vectorielle — Image utilisant des formes géométriques, des lignes et des courbes plutôt que des pixels. Elle permet aux images d’être redimensionnées à n’importe quelle taille sans perte de qualité.

Image de marque — Perception globale qu’a le public d’une entreprise, d’un produit ou d’un service. Elle est façonnée par l’ensemble des interactions que le public a avec la marque, ainsi que par la communication de l’entreprise, son marketing, ses publicités, ses actions et ses valeurs. L’image de marque peut avoir une grande influence sur la réputation et le succès d’une entreprise.

Infographie — Méthode de représentation visuelle visant à simplifier des informations pour communiquer des concepts de manière efficace pouvant même aider la prise de décision. Elles sont utilisées dans de nombreux contextes, tels que les rapports d’entreprise, les présentations, les journaux, les magazines, les sites Web, les réseaux sociaux et plus encore.

Interligne (ou interlignage) — Espace vertical entre deux lignes de texte. Il peut être mesuré en points, en pixels ou en pourcentage. Un interligne plus grand facilite la lecture, mais augmente l’espace occupé par le texte sur la page. Un interligne plus petit économise de l’espace, mais rend la lecture plus difficile, surtout pour les textes de longueur importante.

Isométrique — Style de design qui utilise des formes géométriques isométriques pour créer une apparence tridimensionnelle sans utiliser de véritable profondeur ou d’ombres

Image de marque — Perception globale qu’a le public d’une entreprise, d’un produit ou d’un service. Elle est façonnée par l’ensemble des interactions que le public a avec la marque, ainsi que par la communication de l’entreprise, son marketing, ses publicités, ses actions et ses valeurs. L’image de marque peut avoir une grande influence sur la réputation et le succès d’une entreprise.

Infographie — Méthode de représentation visuelle visant à simplifier des informations pour communiquer des concepts de manière efficace pouvant même aider la prise de décision. Elles sont utilisées dans de nombreux contextes, tels que les rapports d’entreprise, les présentations, les journaux, les magazines, les sites Web, les réseaux sociaux et plus encore.

Interligne (ou interlignage) — Espace vertical entre deux lignes de texte. Il peut être mesuré en points, en pixels ou en pourcentage. Un interligne plus grand facilite la lecture, mais augmente l’espace occupé par le texte sur la page. Un interligne plus petit économise de l’espace, mais rend la lecture plus difficile, surtout pour les textes de longueur importante.

Isométrique — Style de design qui utilise des formes géométriques isométriques pour créer une apparence tridimensionnelle sans utiliser de véritable profondeur ou d’ombres

J

Justification — Technique de mise en forme de texte qui consiste à aligner les mots et les lignes de texte le long des marges gauche et droite pour créer une apparence uniforme et équilibrée. Dans un texte justifié, les espaces entre les mots et les caractères sont ajustés pour remplir complètement chaque ligne, ce qui donne un aspect net et ordonné au document. Cependant, la justification peut parfois créer des espaces excessifs entre les mots ou des espaces étroits entre les caractères, ce qui peut rendre le texte plus difficile à lire. Par conséquent, il est important d’utiliser la justification avec parcimonie et de s’assurer qu’elle est appliquée de manière appropriée en fonction du contexte et du contenu du document.

.jpg (ou .jpeg) — Format de fichier d’image numérique souvent utilisé pour les photographies et les images avec des transitions de couleur douces. Il utilise une compression avec perte qui peut réduire la qualité de l’image mais permet de réduire la taille du fichier.

JS (ou JavaScript) —  Langage de programmation utilisé pour rendre les pages web interactives et dynamiques en permettant la manipulation du contenu de la page sans avoir à recharger la page entière.

K

Kerning — Terme utilisé en typographie pour décrire l’ajustement de l’espace entre les paires de caractères pour améliorer la lisibilité et l’apparence visuelle du texte.

L

Layout — Désigne la mise en page ou la disposition visuelle d’une page web.

Lien hypertexte — Désigne un lien cliquable qui redirige l’utilisateur vers une autre page web ou un contenu spécifique.

Lissage (ou antialiasing) —  Technique de traitement d’image qui permet de réduire l’effet d’escalier dans les bords et les contours des formes et des textes. Cette technique consiste à ajouter des pixels de couleurs intermédiaires entre les bords et les fonds, ce qui donne une apparence plus douce et plus naturelle à l’image.

Logo — Symbole graphique utilisé par une entreprise pour représenter sa marque. Il peut être composé de texte, d’images ou d’une combinaison des deux, et doit être facilement reconnaissable et mémorable pour les clients et le public.

Lottie — Format de fichier d’animation créé par Airbnb qui permet d’ajouter des animations vectorielles à des sites Web et applications mobiles avec une faible utilisation de la bande passante. Ce format est plus léger et plus fluide que les fichiers GIF animés traditionnels et peut être utilisé pour créer des animations interactives, telles que des boutons animés, des transitions de page, des effets de défilement et bien plus encore.

M

Maquette — Modèle de conception graphique utilisé pour visualiser un design final.

Material design — Système de conception créé par Google en 2014 pour les interfaces utilisateur des applications mobiles et web. Il se caractérise par l’utilisation d’une hiérarchie claire, de l’ombrage, des effets de lumière et de couleur pour donner une impression de profondeur, de texture et de tangibilité aux éléments d’interface. Le Material Design utilise également des animations subtiles pour donner une sensation de fluidité et de naturel à l’expérience utilisateur. L’objectif est de créer une interface utilisateur attrayante, cohérente et conviviale pour les utilisateurs, quel que soit le type de dispositif utilisé.

Menu déroulant — Liste déroulante de liens permettant de naviguer sur une page web.

Memphis — Style de design qui utilise des couleurs vives, des motifs géométriques et des formes asymétriques pour créer des designs audacieux et originaux.

Minimalisme — Style de design qui se caractérise par la simplicité, la sobriété et la réduction à l’essentiel. Il s’agit d’éliminer tout superflu pour ne garder que l’essentiel. Cela se traduit souvent par l’utilisation de couleurs, de formes et de typographies simples et épurées.

Mockup — Maquette visuelle utilisée pour présenter l’apparence d’un produit. On l’utilise dans les phases de conception pour permettre aux clients de se projeter sur le design final avant qu’il ne soit créé.

Mode de fusion (ou blending mode) — Fonctionnalité disponible dans la plupart des logiciels de graphisme permettant de combiner plusieurs calques en utilisant différents algorithmes de fusion. Il permet de modifier la manière dont les couleurs et les pixels des différents calques se mélangent pour donner des effets intéressants et créatifs.

Moodboard (ou planche d’ambiance) — Outil visuel utilisé dans le domaine du design pour communiquer des idées, des concepts et des ambiances. Il s’agit d’une composition d’images, de couleurs, de typographies et de textures qui permet de présenter une direction créative pour un projet donné.

Motion Design — Discipline créative qui consiste à donner vie à des éléments graphiques (textes, images, icônes, formes, etc.) grâce à des techniques d’animation et de vidéo.

N

Nav Bar (barre de navigation) — Élément d’interface graphique présent sur une page web qui permet à l’utilisateur de naviguer facilement entre les différentes sections ou pages du site.

Néo-brutalisme — Évolution du brutalisme qui intègre des éléments plus modernes, tels que des effets de dégradé ou de la transparence.

Néomorphisme — Style de design qui se caractérise par l’utilisation de couleurs pastel, de formes simples et de dégradés doux pour créer une apparence en relief. Les éléments du design semblent flotter au-dessus de l’arrière-plan, créant une impression de profondeur et de texture.

O

Ombre portée — Effet visuel utilisé pour créer l’apparence d’une ombre projetée derrière un élément, donnant l’impression que celui-ci est en relief.

Outils digitaux — Logiciels permettant la création et la manipulation d’images et de graphismes de manière numérique, tels que Adobe Photoshop, Adobe Illustrator, Sketch, Figma, Canva, etc.

P

Palette de couleurs — Ensemble de couleurs utilisées dans un projet de design graphique ou web.

Pattern (ou texture) — Motif répétitif généralement utilisé comme arrière-plan ou pour remplir des formes. On les utilise pour ajouter de la profondeur et de la complexité à une composition.

.pdf (Portable Document Format) — Format de fichier qui permet de préserver la qualité et la mise en forme d’un document électronique. C’est le format idéal pour les fichiers à envoyer à l’impression.

Pixel — plus petite unité d’affichage d’une image numérique.

Police (ou police de caractères) — ensemble de caractères d’une même famille, utilisée pour écrire du texte.

Police sans-serif — Police de caractères qui ne possède pas de terminaisons décoratives, appelées « serifs », à l’extrémité de chaque lettre. Les lettres sont plus simples et plus épurées que celles des polices « serif ». Elles sont considérées plus moderne car apparu plus tardivement et sont plus lisible sur écran.

Police serif — Police de caractères qui possède des petits traits ou ornements supplémentaires sur les extrémités des lettres. Ces ornements sont appelés des « serifs ». Les polices serif sont souvent utilisées pour des designs traditionnels, tels que les journaux, les livres et les documents formels, car elles sont considérées comme plus facile à lire à petites tailles.

Pop Art — Style de design qui s’inspire de la culture populaire, en utilisant des couleurs vives, des formes géométriques simples et des images tirées de la culture populaire pour créer une esthétique ludique et accessible.

.psd — Format de fichier spécifique à Adobe Photoshop qui permet de sauvegarder des images en mode de travail multi-couches avec des ajustements, des filtres, des masques et des styles appliqués. Il s’agit d’un format propriétaire qui ne peut être ouvert que dans Photoshop ou dans des programmes compatibles avec Photoshop. Le format .psd est souvent utilisé par les graphistes pour travailler sur des projets complexes qui nécessitent des modifications et des ajustements fréquents.

.png (Portable Network Graphics) — Format d’image qui prend en charge la transparence et la compression sans perte. Il est couramment utilisé pour les graphiques sur le Web et pour les images qui doivent avoir une transparence, comme les logos et les icônes.

Q

R

Référencement naturel — voir SEO

Responsive design — Méthode de conception de sites Web qui vise à fournir une expérience de navigation optimale sur tous les types d’appareils, tels que les ordinateurs de bureau, les tablettes et les téléphones mobiles. Il s’agit de créer un site Web qui s’adapte automatiquement à la taille de l’écran sur lequel il est consulté, sans avoir besoin de créer plusieurs versions du site pour chaque type d’appareil.

RGBA (acronyme anglais pour Red, Green, Blue, Alpha) — Système de codage des couleurs utilisé en informatique. Les trois premières correspondent aux intensités des couleurs primaires rouge, vert et bleu, tandis que la quatrième définit la transparence (ou l’opacité) de la couleur, représentée par un nombre compris entre 0 (complètement transparent) et 1 (complètement opaque).

S

Saturation — Mesure de l’intensité des couleurs dans une image. Plus la saturation est haute plus les couleurs sont vives, à l’inverse plus la saturation est faible plus elles sont ternes.

SEO (Search Engine Optimization) — Ensemble des techniques permettant d’optimiser le positionnement d’un site web dans les résultats de recherche organiques des moteurs de recherche (comme Google).

Site e-commerce — Site web qui permet de vendre des produits ou services en ligne. Il s’agit d’une plateforme de commerce électronique qui permet aux clients de parcourir et d’acheter des produits en ligne en utilisant une interface conviviale et sécurisée.

Site one page — Site web qui contient l’ensemble de son contenu sur une seule page, sans aucune autre page interne. Cela signifie que l’utilisateur fait défiler la page pour accéder à l’ensemble des informations, plutôt que de cliquer sur des liens pour naviguer vers différentes pages.

Site vitrine — Vitrine en ligne utilisée pour promouvoir une entreprise et ses services. On y retrouve généralement des informations sur l’entreprise, ses produits, ses services, son histoire, ses coordonnées, etc.

Skeuomorphisme — Style de design qui utilise des éléments graphiques qui imitent les objets réels, tels que des boutons qui ressemblent à des boutons physiques, pour donner une apparence réaliste aux interfaces graphiques.

Slogan — Phrase courte et mémorable qui accompagne souvent le logo ou l’identité de marque d’une entreprise pour aider à communiquer ses valeurs, sa mission ou son positionnement sur le marché. Un bon slogan doit être mémorable, facile à retenir et à répéter, et doit capturer l’essence de la marque en quelques mots. Ex : « Just do it. »

Supports digitaux — Désigne les éléments numériques sur lesquels du contenu peut être publié ou diffusé, tels que les sites web, les applications, les réseaux sociaux, les e-mails, les bannières publicitaires, etc

Supports prints — Désigne tous les supports physiques utilisés pour l’impression de documents, tels que les affiches, les cartes de visite, les brochures, les magazines, les journaux, etc.

.svg (Scalable Vector Graphics) — Format de fichier graphique vectoriel. Les images SVG sont conçues pour être évolutives, ce qui signifie qu’elles peuvent être agrandies ou réduites sans perte de qualité. Ce format est largement utilisé pour les graphiques web, les icônes, les logos et les images dans les applications mobiles et les jeux. Les fichiers SVG peuvent être édités avec un éditeur de texte ou un logiciel de conception graphique, et peuvent également être animés en utilisant du code CSS ou JavaScript.

Slider (ou carrousel) — Élément de conception de site web qui permet de faire défiler plusieurs images ou éléments en mouvement.

Slug — Chaîne de caractères qui représente de manière concise et lisible une ressource web telle qu’un article, une page ou une catégorie. Les slugs sont généralement utilisés dans les URL pour identifier et accéder à une ressource spécifique sur un site web. Par exemple, si le titre d’un article est « 10 conseils pour améliorer votre productivité », le slug associé pourrait être « 10-conseils-ameliorer-productivite ».

T

Tableau de couleurs — Ensemble de couleurs organisé de manière à faciliter leur utilisation pour tout projet de design. On le présente sous forme de grille ou de cercle chromatique, où chaque couleur est accompagnée de son code hexadécimal, RVB ou CMJN pour en faciliter la reproduction fidèle.

Template (ou modèle, gabarit) — Fichier ou un ensemble de fichiers prêts à l’emploi. Il contient des éléments graphiques, des mises en page, des couleurs et des polices de caractères pré-définis pour faciliter la création rapide tout en assurant une cohérence visuelle.

Thumbnail (ou vignette) — Image miniature représentant un contenu plus grand, tel qu’une vidéo, une image, un article ou une page web.

Transition numérique — Processus de transformation des entreprises dans le but d’intégrer les technologies numériques dans leur modèle économique, leur fonctionnement et leur stratégie.

Typographie — Art et technique de créer, de choisir et de disposer des caractères pour rendre l’écriture lisible, l’interpréter et lui donner une signification. Les termes « police d’écriture » et « typographie » sont souvent utilisés de manière interchangeable. C’est pourtant une erreur. La typographie est un concept bien plus large qui englobe la conception et la mise en page d’une police d’écriture.

U

UI (User Interface) — Désigne la partie visible et interactive d’un produit ou d’un système, telle qu’une application ou un site web, avec laquelle les utilisateurs peuvent interagir pour accomplir des tâches et atteindre des objectifs spécifiques. L’objectif de l’UI est de fournir une expérience utilisateur claire, cohérente et intuitive, tout en mettant en valeur la marque et les valeurs de l’entreprise.

UX (User Experience) — Désigne l’ensemble des émotions, sensations et perceptions ressenties par un utilisateur lors de l’utilisation d’un produit ou service, qu’il s’agisse d’un site web, d’une application mobile, d’un produit physique, etc. L’UX design vise à concevoir des produits qui répondent aux besoins et aux attentes des utilisateurs en proposant une expérience agréable, fluide et intuitive.

V

Vectoriser — Convertir une image bitmap en image vectorielle pour permettre son redimensionnement sans perte de qualité

Vintage (ou Rétro) — Style de design qui s’inspire des conceptions graphiques du passé, en utilisant des typographies anciennes, des couleurs et des motifs rétro pour créer une esthétique nostalgique.

W

Web 2.0 — Terme inventé pour décrire la transition du Web vers une deuxième génération de technologies et d’applications centrées sur l’utilisateur, la collaboration et l’interaction en temps réel. Contrairement au Web 1.0, qui était principalement constitué de sites statiques et d’informations unidirectionnelles.

Web design — Ensemble des compétences et des techniques nécessaires à la conception et à la réalisation d’un site web. Il comprend notamment la création de la maquette graphique, le choix des couleurs, des typographies et des images, la mise en page, l’ergonomie et l’expérience utilisateur, ainsi que le développement et l’intégration des fonctionnalités. Le but du Web design est de créer des sites web esthétiques, ergonomiques, fonctionnels et adaptés aux besoins des utilisateurs.

.webp — Format d’image développé par Google qui utilise une compression avec perte pour réduire la taille des fichiers tout en maintenant une qualité d’image élevée. Il est particulièrement adapté pour une utilisation sur le web en raison de sa capacité à réduire le temps de chargement des pages.

Wireframe — Schéma simplifié d’une interface utilisateur qui représente les différentes parties de la page et leur disposition, sans tenir compte de l’esthétique ou du design

X

X-height (hauteur de x) — Dans la typographie, l’x-height correspond à la hauteur de la lettre minuscule « x » dans une police d’écriture donnée. Elle est utilisée comme référence pour déterminer la taille relative des autres lettres minuscules de la police.

Y

Z

Construire un lexique complet pour aider les micro-entrepreneurs et les graphistes débutants à connaître le langage du graphisme