Le web design a son propre vocabulaire. Ce lexique du web design réunit les termes essentiels, expliqués simplement, pour vous y retrouver que vous soyez en reconversion, étudiant ou simplement curieux. Utilisez la recherche pour trouver une définition en un instant.
- Above the fold
- La partie d'une page visible sans faire défiler : l'endroit le plus stratégique.
- Accessibilité (a11y)
- Concevoir des sites utilisables par tous, y compris les personnes en situation de handicap.
- CMS
- Un système de gestion de contenu (comme WordPress) qui permet de créer un site sans coder.
- CSS
- Le langage qui met en forme les pages web : couleurs, espacements, mises en page, animations.
- Call-to-action
- Un bouton ou une incitation qui pousse l'utilisateur à agir (« Demander un devis »).
- Charte graphique
- L'ensemble des règles visuelles d'une marque : logo, couleurs, typographies, style.
- Composant
- Un élément d'interface réutilisable (bouton, carte, champ) standardisé dans le design system.
- Contraste
- La différence de luminosité entre le texte et le fond, essentielle pour la lisibilité et l'accessibilité.
- Design system
- Une bibliothèque de composants et de règles réutilisables pour garder un design cohérent.
- Figma
- Le logiciel de design d'interface le plus utilisé aujourd'hui, collaboratif et en ligne.
- Grille (grid)
- Un système de colonnes invisibles qui aligne les éléments d'une page harmonieusement.
- HTML
- Le langage de structure des pages web : titres, paragraphes, images, liens.
- Hiérarchie visuelle
- L'organisation des éléments pour guider l'œil de l'utilisateur vers l'essentiel.
- Intégration
- La transformation d'une maquette en pages web réelles avec HTML et CSS.
- Landing page
- Une page d'atterrissage conçue pour convertir un visiteur en prospect ou client.
- Maquette
- La représentation visuelle finale d'une page, avec couleurs, typographies et images, avant intégration.
- Mockup
- Une présentation réaliste d'un design en situation (sur un écran, une affiche) pour se projeter.
- Moodboard
- Une planche d'inspiration réunissant images, couleurs et typographies pour cadrer une direction.
- Palette de couleurs
- L'ensemble cohérent de couleurs choisi pour une marque ou un site.
- Parcours utilisateur
- L'ensemble des étapes qu'un utilisateur traverse pour atteindre son objectif sur un site.
- Persona
- Un portrait-type d'utilisateur cible, utilisé pour concevoir des interfaces adaptées.
- Prototypage
- Créer une version interactive cliquable d'une maquette pour tester le parcours utilisateur.
- Responsive
- Un site responsive s'adapte automatiquement à toutes les tailles d'écran (mobile, tablette, ordinateur).
- SEO
- Le référencement naturel : l'ensemble des techniques pour être bien positionné sur Google.
- Typographie
- L'art de choisir et d'agencer les polices de caractères pour la lisibilité et le style.
- UI (User Interface)
- L'interface utilisateur : l'aspect visuel et les éléments avec lesquels l'utilisateur interagit.
- UX (User Experience)
- L'expérience utilisateur : la façon dont une personne ressent et utilise un site ou une application.
- Whitespace
- L'espace vide (ou « négatif ») autour des éléments, qui aère et met en valeur le contenu.
- Wireframe
- Une maquette schématique en noir et blanc qui définit la structure d'une page avant le design final.
- WordPress
- Le CMS le plus répandu au monde : il propulse plus de 40 % des sites web.
Aucun terme ne correspond à votre recherche.
Un terme vous manque ou vous voulez aller plus loin ? Faites le test de profil pour savoir quelle formation correspond à votre projet.