Lorsque vous débutez dans le marketing, en particulier dans une petite équipe, vous devrez peut-être faire beaucoup de choses à tout moment. Et quand il s’agit de choses comme les blogs et les médias sociaux, bien sûr, vous avez ça. Mais assez vite, vous êtes attiré par des projets de conception. Un jour, vous vous moquez d’une infographie; le lendemain, vous concevez un livre électronique. Vous vous sentez terriblement mal préparé — et ce vocabulaire de conception? Cela peut ressembler à une langue étrangère.
Ça vous semble familier ? 
Nous y sommes allés — et nous savons que nous ne sommes pas les seuls spécialistes du marketing à avoir, à un moment donné, eu besoin de maîtriser ce vocabulaire. Nous avons donc décidé de partager un glossaire plus large, pour nous aider tous à améliorer un peu notre jeu. Ce n’est en aucun cas la terminologie de la conception, alors n’hésitez pas à ajouter vos définitions dans les commentaires. Voici ce que nous avons, organisé par ordre alphabétique.
- Le Glossaire ultime des termes de conception Web
- A
- 1) Alignement
- 2) Couleurs analogues
- 3) Ascendeur
- B
- 4) Ligne de base
- C
- 5) Hauteur du capuchon
- 6) Modèle de couleur CMJN
- 7) Roue chromatique
- 8) Schémas de couleurs
- 9) Couleurs complémentaires
- 10) Compression
- 11) Contraste
- 12) Recadrez
- 13) CSS
- D
- 14) Descendeur
- 15) Points par pouce (DPI)
- 16) Ombre portée
- E
- 17) EPS
- 18) Extension
- F
- 19) Plumage
- 20) Font
- G
- 21) GIF
- 22) Dégradé
- 23) Grille
- H
- 24) Code hexadécimal
- 25) HTML
- 26) Teinte
- J
- 27) JPEG
- K
- 28) Crénage
- L
- 29) Menant
- 30) Avec perte
- 31) Sans perte
- M
- 32) Ligne médiane
- N
- 33) Espace négatif
- O
- 34) Polices de type ouvert
- 35) Orphelin
- P
- 36) Pantone
- 37) PDF
- 38) Pixel
- 39) Pixels par pouce (PPI)
- 40) PNG
- R
- 41) Couleurs rectangulaires (ou tétradiques)
- 42) Résolution
- 43) Modèle de couleur RVB
- S
- 44) Saturation
- 45) Empattement
- 46) Nuance
- 47) Split – Couleurs complémentaires
- 48) Couleurs carrées
- 49) Tige
- 50) Traits
- T
- 51) Queue
- 52) Terminal
- 53) Teinte
- 54) Couleurs triadiques
- 55) Police de caractères
- V
- 56) Image vectorielle
- 57) Hiérarchie visuelle
- W
- 58) Filigrane
- 59) Poids
- 60) Espace blanc
- 61) Widow
- X
- 62) X-hauteur
- Z
- 63) Fichier ZIP
Le Glossaire ultime des termes de conception Web
A/B / C / D /E / F / G / H / J / K / L / M / N/ O / P / R / S / T / V / W / X/Z
A
1) Alignement
Le positionnement des éléments dans votre conception (par exemple, texte, images, etc.). Ces éléments peuvent être alignés à la fois sur la page et les uns sur les autres. Par exemple, ce paragraphe de texte est aligné sur la marge de gauche, tandis que les lignes représentées dans l’image ci-dessous sont alignées sur la droite.
2) Couleurs analogues
Couleurs qui apparaissent adjacentes les unes aux autres sur une roue chromatique.
3) Ascendeur
Une extension linéaire d’une lettre qui apparaît au-dessus de la ligne médiane see voir également ligne de base, hauteur du capuchon, descendeur et extension.
B
4) Ligne de base
La ligne paire et invisible sur laquelle se trouvent toutes les lettres d’une police de caractères see voir aussi le limiteur, la hauteur du capuchon, le descendeur, l’extension et la ligne médiane.
C
5) Hauteur du capuchon
La distance entre la ligne de base et le haut des lettres majuscules see voir aussi le limiteur, le descendeur, l’extension et la ligne médiane.
6) Modèle de couleur CMJN
Signifie cyan, magenta, jaune et noir. Cet ensemble de couleurs est utilisé dans la conception d’impression en raison de la façon dont le papier absorbe la lumière.
7) Roue chromatique
Un cercle de couleurs qui montre les relations entre les couleurs primaires, secondaires et tertiaires.
8) Schémas de couleurs
La combinaison de deux couleurs ou plus de la roue chromatique – également connue sous le nom d’harmonies de couleurs.
9) Couleurs complémentaires
Couleurs directement opposées les unes aux autres sur la roue chromatique.
10) Compression
Réduction de la taille d’un fichier en éliminant les données excédentaires. Particulièrement utile lors de l’envoi d’e-mails ou de l’enregistrement de fichiers image volumineux. En savoir plus sur la compression avec et sans perte.
11) Contraste
L’accentuation des différences entre les couleurs, les formes, l’espacement ou tout autre élément de conception.
12) Recadrez
Lorsque des parties extérieures d’une image sont supprimées pour recadrer le sujet ou redimensionner le rapport d’aspect de l’image.
13) CSS
Un morceau de code utilisé pour désigner l’apparence d’un site Web, distinct du contenu réel d’une page Web.
D
14) Descendeur
Un prolongateur sur une lettre, apparaissant en dessous de la ligne de base see voir aussi bloqueur, hauteur du capuchon et ligne médiane.
15) Points par pouce (DPI)
Semblable au pixel pour le web, les points sont la plus petite unité de mesure lors de l’impression d’images numériques. Le nombre de DPI fait référence à la résolution d’un objet numérique imprimé the plus le DPI est élevé, plus la résolution est élevée.
16) Ombre portée
Un effet visuel qui affiche un graphique comme s’il y avait une ombre derrière lui.
E
17) EPS
Un format de fichier utilisé pour les images vectorielles contenant à la fois du texte et des graphiques.
18) Extension
La partie d’une lettre qui s’étend au-dessus de la hauteur de l’x ou au-dessous de la ligne de base see voir également le limiteur, la hauteur du capuchon, le descendeur et la ligne médiane.
F
19) Plumage
Technique de conception utilisée pour lisser les bords d’une caractéristique.
20) Font
Une police de caractère dans un style et une taille spécifiques. Un exemple inclurait Times New Roman Semi Bold en taille 14.
G
21) GIF
Un format de fichier image qui est le mieux utilisé pour les petits fichiers image avec peu de couleurs et de dessins, ou des images animées. Voici un exemple d’image GIF animée:
22) Dégradé
Technique de conception dans laquelle une couleur ou une partie d’une image semble s’estomper en une autre.
23) Grille
Une carte purement hypothétique de lignes verticales et horizontales qui aide à aligner les images et le texte dans un document.
H
24) Code hexadécimal
Un code utilisé en HTML et CSS pour désigner une couleur spécifique, apparaissant souvent après le signe dièse (#). Voici un tableau des codes de couleur hexadécimaux:
25) HTML
Le langage informatique utilisé pour afficher du contenu comme du texte, des images et des liens sur le Web.
26) Teinte
Ce que la plupart des gens considèrent comme une « couleur » – rouge, orange, jaune, etc.
J
27) JPEG
Un type de fichier image qui utilise une compression avec ou sans perte, avec peu de perception d’une perte de qualité. Ce type de fichier est mieux utilisé pour les photographies et les peintures réalistes où il y a des transitions en douceur entre les couleurs.
K
28) Crénage
L’espace entre les lettres individuelles.
L
29) Menant
L’espace entre les lignes de type.
30) Avec perte
Une forme de compression de données où les détails sont supprimés à mesure que la taille du fichier diminue. Une méthode de compression avec perte habituelle est JPEG.
31) Sans perte
Contrairement à la compression avec perte, ce format permet de restaurer les détails de l’image.
M
32) Ligne médiane
La distance de la ligne de base au sommet de la plupart des lettres minuscules, y compris « e », « g » et la courbe de « h ». Aussi connu comme la « médiane », comme illustré ci-dessous. Voir bloqueur, hauteur du capuchon et descendeur.
N
33) Espace négatif
L’espace vide entourant un dessin, qu’il s’agisse d’une page Web ou d’une image unique see voir aussi espace blanc.
O
34) Polices de type ouvert
La norme actuelle dans les formats de police. Il contient les versions écran et imprimante dans un seul fichier et est compatible pour Windows et Mac. L’extension de fichier est.FTO.
35) Orphelin
Une ligne d’ouverture d’un paragraphe qui apparaît seule au bas d’une page. Un orphelin peut également être un mot ou une ligne très courte qui apparaît par lui-même à la fin d’un paragraphe.
P
36) Pantone
Un système de correspondance des couleurs développé par la société Pantone. Largement utilisé dans la conception d’impression et utilisé pour faire correspondre les couleurs imprimées à celles qui apparaissent à l’écran pendant la phase numérique de la conception.
37) PDF
Format de fichier le mieux utilisé pour représenter des documents et des présentations.
38) Pixel
Le plus petit élément d’une image sur un ordinateur.
39) Pixels par pouce (PPI)
Une autre mesure de la résolution de l’image, en fonction du nombre de pixels présents dans une section donnée de l’image.
40) PNG
Un format de fichier image qui est mieux utilisé lorsque l’image a de grandes zones de couleur uniforme ou un arrière-plan transparent (contrairement au JPEG).
R
41) Couleurs rectangulaires (ou tétradiques)
Quatre couleurs qui sont deux paires de couleurs complémentaires.
42) Résolution
Une façon de mesurer la netteté et le niveau de détail d’une image. Une résolution plus élevée indique généralement une taille de fichier plus grande, représentant la quantité de données – comme des pixels ou des points – dans l’image.
43) Modèle de couleur RVB
Un acronyme représentant les couleurs rouge, vert et bleu. Le modèle de couleur RVB est utilisé pour la conception Web, car les moniteurs transmettent la lumière dans ces couleurs.
S
44) Saturation
Quelle est la luminosité ou l’intensité d’une couleur.
45) Empattement
Une petite ligne attachée à la fin d’un trait dans certaines polices. « Sans serif » fait référence aux polices qui n’ont pas cette ligne.
46) Nuance
Quelle quantité de noir est mélangée à la teinte.
47) Split – Couleurs complémentaires
Couleurs constituées d’une couleur de base, plus les deux couleurs qui se trouvent à côté de sa couleur complémentaire.
48) Couleurs carrées
Sur la roue chromatique, quatre couleurs sont espacées uniformément les unes des autres.
49) Tige
Le trait vertical primaire d’une lettre. Il est utilisé dans la lettre « B » et la ligne diagonale de « V ».
50) Traits
Les lignes qui composent une lettre dans une police de caractères.
T
51) Queue
Le trait descendant d’une lettre souvent décorative – par exemple, dans la lettre « Q ».
52) Terminal
La fin d’un trait qui n’inclut pas d’empattement.
53) Teinte
Combien de blanc est mélangé à la teinte.
54) Couleurs triadiques
Palette de couleurs dans laquelle trois couleurs situées à 120 degrés l’une de l’autre sur la roue chromatique sont combinées. Il est souvent considéré comme le meilleur jeu de couleurs.
55) Police de caractères
Une collection de caractères, y compris des lettres, des chiffres et des ponctuations. Les exemples incluent Times New Roman, Helvetica et Arial.
V
56) Image vectorielle
Au lieu d’utiliser des pixels pour représenter des images, les vecteurs utilisent des lignes et des formes. Parce qu’elles ne reposent pas sur les pixels, les images vectorielles agrandies conservent la clarté et la qualité de l’image.
57) Hiérarchie visuelle
Un principe de conception qui ordonne et met en valeur visuellement différentes parties du message de votre contenu en utilisant des couleurs, des tailles et des mises en page.
W
58) Filigrane
Un marqueur facile à voir placé sur le dessus des photos sur le Web et sur papier. Il est utilisé pour identifier le propriétaire d’une image et empêcher le vol de contenu visuel.
59) Poids
En caractères, l’épaisseur de la largeur du trait. Quelques exemples incluent demibold, light et bold.
60) Espace blanc
L’espace vide entourant un objet dans la conception see voir aussi espace négatif.
61) Widow
La section de texte à la fin d’un paragraphe qui déborde dans la colonne ou la page suivante.
X
62) X-hauteur
Dans une lettre, la distance entre la ligne médiane et la ligne de base see voir aussi bloqueur, hauteur du capuchon, descendeur et extension.
Z
63) Fichier ZIP
Un format de fichier qui compresse plusieurs fichiers et les combine dans un seul dossier. Les fichiers compressés ne perdent aucune donnée pour devenir plus petits et sont facilement restaurés en décompressant le fichier ZIP.