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.
Logo en Espace Négatif : Exemples Astucieux
Le logo en espace négatif transforme le vide en symbole caché. Exemples concrets, principes clés et méthodes pratiques pour votre logo.
Hiérarchie typographique : équilibrer titre et corps
La hiérarchie typographique guide la lecture par la taille et la graisse : méthodes pour équilibrer titre et corps.
Logo mascotte : guide de création de personnage
Comment concevoir un logo mascotte qui donne une personnalité à la marque, du concept au vecteur, étape par étape.
Design UI de jeu : HUD lisible et menus clairs
Principes et exemples concrets de design UI de jeu : HUD lisible, inventaire ordonné et menus intuitifs.
Nombre d'or en design : usage pratique en logo et mise en page
Le nombre d'or en design, concrètement : guide pratique pour utiliser 1,618 dans les grilles de logo, l'échelle typographique et la mise en page.
Processus de création de logo : du brief à la livraison
Comment se déroule le processus de création de logo ? Découverte, croquis, vectorisation et livraison expliqués étape par étape.
Portfolio de designer : guide pour en créer un efficace
Un guide pratique pour créer un portfolio de designer qui convertit grâce au choix des projets et aux études de cas.
Design en Dégradé : Équilibre Visuel et Transitions
Un guide complet sur le design en dégradé, les types de transitions et des exemples CSS pratiques pour des visuels équilibrés.
Tailles d'images réseaux sociaux : guide 2026
Les tailles d'images réseaux sociaux varient selon la plateforme : maîtrisez les bonnes dimensions et une logique de gabarits.
Qu'est-ce qu'un moodboard et comment le créer : étape par étape
Ce qu'est un moodboard, pourquoi il fonctionne et comment créer une planche d'inspiration qui clarifie la direction d'un projet de design.
Contraste des couleurs et WCAG : guide du design accessible
Un guide design sur les ratios de contraste WCAG, les seuils 4.5:1 et 3:1, et le choix de couleurs accessibles avec des exemples.
Formats de fichier de logo : guide SVG, PNG et PDF
Les formats de fichier de logo prêtent à confusion : à quoi servent SVG, PNG, PDF et EPS, et lesquels livrer au client ? Un guide pratique.
Design d'icônes : créer un jeu d'icônes cohérent
Un guide pratique du design d'icônes : créer un jeu cohérent avec grille, épaisseur de trait et export SVG propre.
Qu'est-ce qu'un Design System ? Tokens et composants
Ce qu'est un design system, comment fonctionnent les couches tokens-composants-docs et comment une petite équipe le met en place.
Design d'interface mobile : zones tactiles et navigation
Les règles essentielles du design d'interface mobile : zones tactiles, navigation au pouce et lisibilité sur petit écran.
Conception de boutons : UI cliquable et accessible
Une bonne conception de boutons commence par l'état, la taille et le contraste. Comment créer des boutons cliquables et accessibles.
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.