Lexique — Les mots du design web et du branding
D
Design system — Ensemble cohérent de composants UI réutilisables (boutons, formulaires, typographies, icônes, couleurs), de guidelines et de documentation partagé par les équipes design et développement. Figma est l’outil de référence pour la création et la maintenance de design systems. Il garantit la cohérence visuelle et accélère la production de nouvelles interfaces.
F
Font pairing — Art d’associer deux typographies complémentaires dans un même projet visuel pour créer harmonie et hiérarchie. Les règles classiques : associer une police serif avec une sans-serif, jouer sur le contraste de graisse (bold/light), et choisir des familles de proportions compatibles. Google Fonts et Adobe Fonts proposent des suggestions de pairings recommandés.
M
Motion UI — Ensemble de techniques d’animation d’interface (transitions, micro-interactions, parallaxe, scroll animations) visant à améliorer l’expérience utilisateur et la perception de fluidité. CSS scroll-timeline, Lottie et After Effects sont les outils phares de la discipline, qui différencie une interface mémorable d’un site statique ordinaire.
