Design
La catégorie design couvre le versant visuel : logos et identité de marque, typographie, systèmes de couleurs et méthodes de travail sur Figma. Aborder le design en écrivant aussi le code donne un angle particulier — un logo n'a pas seulement besoin d'être beau, il doit rester lisible en favicon de 16 pixels et tenir en impression monochrome. Les articles réunis ici traitent de ces contraintes concrètes : comment construire une palette de marque qui respecte des ratios de contraste accessibles, sur quoi fonder réellement une échelle typographique, et quelle information manquante double la charge de travail lorsqu'une maquette passe au développeur. J'essaie d'expliquer le raisonnement derrière les choix esthétiques autant que les choix eux-mêmes.
Différence UI/UX : guide clair pour le designer
Quelle est vraiment la différence UI/UX ? Nous expliquons les frontières, les rôles et la collaboration des deux disciplines.
HEX, RGB, CMYK : la cohérence des couleurs de marque
Comprenez HEX, RGB et CMYK, les écarts écran-impression et comment garder une couleur de marque identique partout.
Système de grille en design : colonnes et baseline
Comprenez le système de grille en design via colonnes, gouttières et baseline pour des compositions nettes et équilibrées.
Logo Illustrator : guide Plume et Pathfinder
Les bases d'un logo Illustrator : tracés nets à la Plume, formes combinées avec Pathfinder et export vectoriel scalable.
Différence Vectoriel Matriciel : Lequel Choisir et Quand
Quand la différence vectoriel matriciel est claire, choisir le bon format devient simple : du logo à la photo, où chaque type fonctionne.
Erreurs de Logo : 10 Fautes Qui Trahissent l'Amateur
Les erreurs de logo les plus fréquentes et comment les éviter : typographie, couleur, évolutivité et plus encore.
Hiérarchie visuelle : guider le regard de l'utilisateur
Qu'est-ce que la hiérarchie visuelle ? Des règles concrètes : taille, contraste, position et espace pour guider l'attention.
UI White Space : lisibilité et hiérarchie par le vide
Comment l'UI white space utilise le vide pour renforcer lisibilité et hiérarchie visuelle ? Un guide pratique et concret.
Figma Component et Variant : une UI réutilisable
Apprenez pas à pas à créer une bibliothèque UI réutilisable avec variantes d'état grâce aux Figma components et variants.
Figma Auto Layout pour un design flexible et responsive
Apprends Figma Auto Layout pas à pas : composants responsives, padding, gap et resizing, avec un exemple concret de bouton et de carte.
Comment utiliser Figma : votre premier design
Comment utiliser Figma ? Apprenez à créer votre premier design de zéro avec l'interface, les frames et les outils de base.
Créer une palette de couleurs : la règle 60-30-10
Réussir la création de palette de couleurs avec la règle 60-30-10, les bons outils et un contraste accessible.
Types de logos : wordmark, icône et combinaison
Quels sont les types de logos ? J'explique wordmark, lettermark, icône et combinaison avec des exemples et quand les utiliser.
Association de polices : les bases de la typographie
Les règles de l'association de polices : combinaisons serif/sans, contraste, hiérarchie et lisibilité pour une typographie solide.
Identité de marque : guide pratique de A à Z
Construire une identité de marque : logo, palette de couleurs, typographie et ton de voix réunis dans un système cohérent.
Guide de la psychologie des couleurs dans la conception de logos
Comment la psychologie des couleurs façonne-t-elle la perception d'une marque ? Un guide équilibré : liens couleur-émotion, secteur, contraste, accessibilité et culture.
Design de logo professionnel : 7 étapes de l'idée à l'identité
Brief, recherche, croquis, vecteur et variantes : le processus en 7 étapes qui mène un logo mémorable de l'idée à la livraison.