Thématique du numérique : UX UI Design

Regroupe les concepts, méthodes et pratiques liés à la conception de produits et services numériques, couvrant l’expérience utilisateur, les interfaces, l’architecture de l’information et le design d’interaction.

  • Structure verticale des caractères

    Ensemble des lignes de référence horizontales et des zones métriques qui définissent la disposition verticale des lettres dans une police de caractères. Cette structure permet de mesurer, aligner et comparer les formes typographiques, et comprend notamment : Cette architecture invisible guide la conception des polices, influence la lisibilité, le rythme du texte et les choix…

  • Styles globaux

    Les styles globaux sont des ensembles prédéfinis de propriétés visuelles (typographie, couleur, effets, etc.) qui peuvent être appliquer à plusieurs éléments. Limitation : Les styles globaux sont souvent statiques et peu sémantiques. Ils ne portent pas toujours de sens fonctionnel (ex. : “Bouton primaire” vs “#2563EB”). Dans Figma En développement

  • Swap instance

    Le « Swap Instance » Échanger l’Instance est une fonctionnalité de Figma qui permet de remplacer rapidement une instance de composant par une autre instance de composant, tout en conservant les modifications de position, d’Auto Layout, et les overrides (modifications de texte et de couleur) qui sont possibles.

  • Taille de police adaptable

    La taille de police adaptable désigne la capacité d’un site web à permettre à l’utilisateur d’agrandir ou de réduire le texte (via les réglages système ou les commandes du navigateur) sans altérer la lisibilité ni briser la mise en page. Contrairement à une taille de police fixe (ex. : font-size: 16px), une taille adaptable s’appuie…

  • Tests utilisateurs

    Les tests utilisateurs sont une méthode d’évaluation pratique qui consiste à observer de vraies personnes (représentatives des utilisateurs finaux) en train d’utiliser un produit (site web, application, prototype, etc.) pour repérer les points de friction, les incompréhensions ou les obstacles à une bonne expérience. L’objectif ? Valider ou améliorer le design avant le lancement officiel.…

  • Tutoriels de design Figma

    Page de la Figma Community dédiée aux tutoriels de design qui propose des guides pas à pas, modèles, vidéos ou fichiers Figma pédagogiques pour apprendre à utiliser Figma ou améliorer les compétences en UI/UX, prototypage, Design System, etc. Tutoriels de design Figma

  • Typescale

    Typescale est un outil qui sert à générer rapidement une échelle typographique à partir d’une simple ligne de texte. L’échelle typographique est basée sur le ratio de votre choix. Typescale

  • Typogramme – wordmark

    Un typogramme (ou wordmark) est une identité visuelle fondée uniquement sur le nom d’une marque, d’une entreprise ou d’un produit, mis en forme à l’aide d’une typographie spécifique, personnalisée ou sur mesure. Il n’intègre ni pictogramme, ni symbole abstrait, ni icône. Sa force repose sur la reconnaissance immédiate du nom grâce à son style graphique…

  • UI Design

    Le UI design (User Interface Design, ou conception d’interface utilisateur) est la discipline qui consiste à concevoir l’apparence visuelle et les éléments interactifs d’un produit numérique (site web, application, logiciel, etc.) afin de rendre son usage clair, esthétique et efficace. En d’autres termes : le UI design, c’est ce que l’utilisateur voit et avec quoi…

  • UI Designer

    L’UI Designer est un professionnel spécialisé dans la création visuelle des sites web et des applications web. Il se concentre principalement sur l’aspect visuel et esthétique d’un site web. Il travaille sur la mise en page, les couleurs, les polices, les images, les icônes et d’autres éléments visuels pour créer une expérience utilisateur agréable et…