Aller au contenu

Catalogue de cours

Du style à vos apps : le design avec l’IA

Apprenez à reconnaître une page au design soigné, puis à guider votre agent pour la créer.

Votre agent peut créer une page fonctionnelle en quelques minutes, mais elle ressemblera à toutes les autres : dégradé violet, bloc d’accroche centré, six cartes avec emoji. Ce cours vous apprend à voir ce qui rend un design réfléchi : hiérarchie, espacements, typographie et couleurs, avec des exemples interactifs à ajuster. Vous apprendrez ensuite à donner un brief de designer : références commentées plutôt qu’adjectifs, jetons de design plutôt que suppositions, captures ciblant un problème précis. Vous vérifierez l’accessibilité, les animations, les petits écrans et les états vides ou d’erreur. Vous terminerez par un système de design lu à chaque session : fichier de jetons, règles de composants et court DESIGN.md. Aucun prérequis en design ou en programmation.

Commencer par une leçon gratuiteComparer toutes les offres

Programme

  1. Section 1

    Voir comme un designer

    Découvrez les quatre ingrédients d’une page au design soigné : un point d’entrée clair, des espacements réfléchis, une échelle typographique courte et des couleurs qui ont chacune un rôle.

    1. Une priorité d’abord
    2. L’espace donne des repères
    3. Une échelle typographique courte
    4. Une couleur, un rôle

  2. Section 2

    Donner des consignes visuelles à un agent

    Transformez vos préférences en consignes concrètes : nommez les automatismes génériques, donnez des références plutôt que des adjectifs, fournissez vos jetons de design et des captures ciblées sur un problème.

    1. Reconnaître le style IA
    2. Des références plutôt que des adjectifs
    3. Fournir les valeurs
    4. Des captures qui ciblent le problème

  3. Section 3

    Critiquer et peaufiner par petites boucles

    Peaufinez la page par petites boucles : contraste, cibles et focus, animations utiles, conception pour téléphone et états vides, de chargement ou d’erreur souvent oubliés.

    1. La passe d’accessibilité
    2. Des animations qui méritent leur place
    3. Le téléphone d’abord
    4. Les écrans qu’on oublie de demander

  4. Section 4

    Un système de design que l’agent suit

    Consignez vos décisions là où chaque session les trouvera : un fichier de jetons à deux niveaux, des règles de composants vérifiables, un court DESIGN.md relié aux consignes de l’agent et des habitudes contre la dérive.

    1. Un fichier de jetons, deux niveaux
    2. Des règles pour chaque composant
    3. Le brief lu à chaque session
    4. Garder le système cohérent

Parcours d’apprentissage

Créer avec l’IA

Lancez un petit produit que vous avez fait construire par un agent IA : des spécifications écrites, un projet compréhensible par les outils, une modification relue et testée, et une page de présentation que vous avez déployée et dont vous savez expliquer le fonctionnement.

Suite de 9 cours

Votre idée en ligne. Commencez en 60 secondes.

Essai gratuit de 7 jours avec chaque offre pour les nouveaux membres · Résiliation à tout moment

Commencer

Retour aux cours