{"id":9723,"date":"2017-02-06T10:00:52","date_gmt":"2017-02-06T09:00:52","guid":{"rendered":"https:\/\/academy.visiplus.com\/blog\/?p=9723"},"modified":"2017-02-03T17:42:00","modified_gmt":"2017-02-03T16:42:00","slug":"le-glossaire-incontournable-du-web-design","status":"publish","type":"post","link":"https:\/\/academy.visiplus.com\/blog\/web-design\/le-glossaire-incontournable-du-web-design-2017-02-06","title":{"rendered":"Le glossaire incontournable du Web Design"},"content":{"rendered":"

Le point sur 62 termes Web Design que tout bon professionnel du web-marketing ou de la communication digitale doit connaitre\u00a0!<\/p>\n

Vous \u00eates novice en web-marketing ou vous travaillez en petite \u00e9quipe et \u00eates donc amen\u00e9 \u00e0 \u00eatre polyvalent\u00a0? Cet article vous est destin\u00e9\u00a0! S\u2019il ne fait aucun doute sur vos connaissances en mati\u00e8re de cr\u00e9ation de blog <\/a>ou encore sur les r\u00e9seaux sociaux<\/a>, vous avez certainement quelques petites lacunes lorsqu\u2019il s\u2019agit d\u2019aborder le sujet de la conception web.<\/p>\n

A travers 62 termes sp\u00e9cifiques, faite le point sur le vocabulaire du web design et apprenez \u00e0 parler le langage des cr\u00e9atifs du web.<\/p>\n

A<\/b><\/h2>\n

Alignement: Le positionnement des \u00e9l\u00e9ments dans votre conception (par exemple, texte, images, etc.). Ces \u00e9l\u00e9ments peuvent \u00eatre align\u00e9s sur la page et entre eux. Par exemple, ce paragraphe de texte est align\u00e9 sur la marge de gauche, tandis que les lignes repr\u00e9sent\u00e9es dans l’image ci-dessous sont align\u00e9es vers la droite.<\/p>\n

Ascendant: Une extension lin\u00e9aire d’une lettre qui appara\u00eet au-dessus de la ligne m\u00e9diane.<\/p>\n

B<\/b><\/h2>\n

Base de r\u00e9f\u00e9rence ou Baseline: La ligne, m\u00eame invisible, sur laquelle toutes les lettres d’une police de caract\u00e8res se couchent.<\/p>\n

C<\/b><\/h2>\n

Couleurs analogues: Couleurs qui apparaissent adjacentes les unes aux autres sur une roue de couleur.<\/p>\n

\"IMGcolor\"<\/a><\/p>\n

Couleurs compl\u00e9mentaires: Couleurs qui sont directement oppos\u00e9es l’une \u00e0 l’autre sur la roue de couleur, comme par exemple le vert et le rouge, diam\u00e9tralement oppos\u00e9s.<\/p>\n

Compression: R\u00e9duire la taille d’un fichier en \u00e9liminant les donn\u00e9es exc\u00e9dentaires. Particuli\u00e8rement utile lors de l’envoi par email ou l’enregistrement de fichiers d’images de grande taille.<\/p>\n

Contraste: L’accentuation des diff\u00e9rences entre les couleurs, les formes, l’espacement, ou tout autre \u00e9l\u00e9ment de conception.<\/p>\n

Crop: Lorsque des parties externes d’une image sont supprim\u00e9es pour recadrer le sujet ou pour redimensionner le rapport d’aspect de l’image.<\/p>\n

CSS:<\/a> Un morceau de code qui est utilis\u00e9 pour d\u00e9signer l’apparence d’un site Web, distinct du contenu r\u00e9el d’une page Web.<\/p>\n

Code HEX: Un code utilis\u00e9 en HTML et CSS pour d\u00e9signer une couleur sp\u00e9cifique, apparaissant souvent apr\u00e8s le signe \u00ab\u00a0#\u00a0\u00bb. Ci-dessous un tableau des codes couleur HEX:<\/p>\n

\"code<\/a><\/p>\n

Contour progressif: Une technique de conception utilis\u00e9e pour lisser les bords d’une fonction.<\/p>\n

Couleurs t\u00e9tra\u00e9driques: Quatre couleurs qui sont deux paires de couleurs compl\u00e9mentaires.<\/p>\n

Couleurs Split-Compl\u00e9mentaires: Couleurs qui se composent d’une couleur de base, plus de deux couleurs qui se trouvent \u00e0 c\u00f4t\u00e9 de sa couleur compl\u00e9mentaire.<\/p>\n

\"split<\/a><\/p>\n

Carr\u00e9 de couleurs: Sur la roue de couleur, quatre couleurs sont espac\u00e9es uniform\u00e9ment les unes des autres.<\/p>\n

Contours: Les lignes qui composent une lettre dans une police de caract\u00e8res.<\/p>\n

Couleurs triadiques: Sch\u00e9ma de couleurs dans lequel trois couleurs situ\u00e9es \u00e0 120 degr\u00e9s les uns des autres sur la roue de couleur sont combin\u00e9s. Il est souvent consid\u00e9r\u00e9 comme le meilleur sch\u00e9ma de couleurs.<\/p>\n

D<\/b><\/h2>\n

Descendant: Un prolongateur sur une lettre, apparaissant en dessous de la ligne de base.<\/p>\n

D\u00e9grad\u00e9: Une technique de conception dans laquelle une couleur ou une partie d’une image semble se fondre dans une autre.<\/p>\n

\"degrad\u00e9\"<\/a><\/p>\n

E<\/b><\/h2>\n

EPS: Format de fichier utilis\u00e9 pour les images vectorielles contenant du texte et des graphiques.<\/p>\n

Extenseur: La partie d’une lettre qui s’\u00e9tend au-dessus de la hauteur x ou au-dessous de la ligne de base.<\/p>\n

Espace n\u00e9gatif: L’espace vide entourant un design, qu’il s’agisse d’une page Web ou d’une seule image.<\/p>\n

Espace blanc: L’espace vide entourant un objet dans la conception.<\/p>\n

F<\/b><\/h2>\n

Filigrane: Un rep\u00e8re facile \u00e0 voir, plac\u00e9 sur le dessus des photos sur le Web et autre imprim\u00e9s. Il est utilis\u00e9 pour identifier le propri\u00e9taire d’une image et emp\u00eacher le vol de contenu visuel.<\/p>\n

Fichier zip: Un format de fichier qui compresse plusieurs fichiers et les combine dans un seul dossier. Les fichiers compress\u00e9s ne perdent pas de donn\u00e9es pour devenir plus petit et sont facilement restaur\u00e9s en d\u00e9compressant le fichier ZIP.<\/p>\n

G<\/b><\/h2>\n

GIF: Un format de fichier image qui est le mieux utilis\u00e9 pour les petits fichiers d’image avec peu de couleurs et de dessins, ou des images anim\u00e9es. Voici un exemple d’une image GIF anim\u00e9e:<\/p>\n