Lorsque vous vous inscrivez à ce cours, vous devez également sélectionner un programme spécifique.
Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable
Il y a 12 modules dans ce cours
Ce cours massif de conception UI vous apprend à construire des interfaces utilisateur belles et bien fonctionnelles à l'aide de HTML et CSS. Il est rempli de tutoriels interactifs pour s'assurer que les connaissances sont bien assimilées. Créé par Gary Simon, l'instructeur en ligne le plus populaire sur ce sujet. Bien que nous puissions tous clairement reconnaître ce à quoi ressemble une excellente interface utilisateur, il est en fait très difficile d'en construire une ! C'est exactement ce que ce cours vise à faire. Gary Simon va faire de vous un maître du design UI. Il vous enseignera la conception UI depuis le début et vous donnera les compétences dont vous avez besoin pour vous assurer que votre prochain projet est à la fois beau et agréable à utiliser.la formation commence par les bases, vous n'avez donc pas besoin d'expérience en matière de conception d'interface utilisateur, il vous suffit d'avoir des connaissances de base en HTML et en CSS
Le module d'introduction au cours fournit une vue d'ensemble du cours Learn UI Design, en décrivant ses objectifs, son programme et les avantages qu'il offre aux apprenants désireux de perfectionner l'art de la conception d'interface utilisateur (UI).
Inclus
1 devoir4 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
Quiz d'introduction au cours•10 minutes
4 plugins•Total 7 minutes
Bienvenue aux leçons interactives !•1 minute
Qui je suis, ce que nous allons apprendre et les prérequis•2 minutes
Subjectivité et objectivité•2 minutes
Outils à utiliser•2 minutes
Principes fondamentaux de la conception de l'interface utilisateur
Module 2•2 heures à terminer
Détails du module
Familiarisez-vous avec les principes fondamentaux de la conception d'interface utilisateur et familiarisez-vous avec les principes et techniques essentiels pour créer des interfaces visuellement attrayantes et conviviales.
Inclus
1 devoir14 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 30 minutes
Quiz sur les fondamentaux de la conception de l'interface utilisateur•30 minutes
14 plugins•Total 64 minutes
Introduction•1 minute
Espace blanc•5 minutes
Alignement•3 minutes
Défi de la conception : 1•4 minutes
Contraste•4 minutes
Échelle•4 minutes
Défi de la conception : 2•7 minutes
Typographie•6 minutes
Couleur•6 minutes
Défi de la conception : 3•4 minutes
Hiérarchie visuelle•8 minutes
Défi du design : 4•6 minutes
Le défi final•5 minutes
Conclusion•1 minute
Construction d'une mise en page simple
Module 3•1 heure à terminer
Détails du module
Découvrez comment créer une mise en page d'interface utilisateur de base, en abordant des concepts clés tels que les colonnes multiples et le travail avec des photographies.
Inclus
1 devoir7 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
Construire un Quiz de mise en page simple•10 minutes
7 plugins•Total 39 minutes
Construire une mise en page simple - intro•1 minute
La simplicité à l'état pur•6 minutes
Assombrir la mise en page•6 minutes
Défi 1•7 minutes
Multi-colonnes•5 minutes
Travailler avec des photographies•6 minutes
Leçon du dernier chapitre•8 minutes
Design réactif
Module 4•1 heure à terminer
Détails du module
Ce module explore les principes et les techniques du responsive design, dotant les apprenants des compétences nécessaires pour créer des sites web et des applications qui s'adaptent et s'affichent efficacement sur différents appareils et tailles d'écran.
Inclus
1 devoir9 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
Quiz sur le Responsive Design•10 minutes
9 plugins•Total 53 minutes
Introduction•1 minute
Définir le HTML•7 minutes
Mobile First CSS (Partie 1)•7 minutes
Mobile First CSS (Partie 2)•6 minutes
Mobile First CSS (Partie 3)•6 minutes
Responsive Design (Partie 1)•5 minutes
Responsive Design Challenge 1•7 minutes
Finition•8 minutes
Défi du dernier chapitre•6 minutes
Navigations réactives
Module 5•1 heure à terminer
Détails du module
Équipez-vous des compétences nécessaires pour créer des systèmes de navigation adaptatifs et conviviaux qui s'adaptent de manière transparente à différentes tailles d'écran et à différents appareils.
Inclus
1 devoir8 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 30 minutes
Quiz sur les navigations réactives•30 minutes
8 plugins•Total 36 minutes
Introduction aux navigations réactives•2 minutes
Écrire le HTML (réel)•4 minutes
CSS mobile (Partie 1)•6 minutes
CSS mobile (partie 2)•4 minutes
CSS réactif (défi 1)•6 minutes
Faire fonctionner le menu mobile•4 minutes
Animer le menu mobile•2 minutes
Défi de conception de sous-menus•8 minutes
Refonte complète du projet
Module 6•1 heure à terminer
Détails du module
Ce module vous guide dans le processus de refactorisation d'un projet d'interface utilisateur, en fournissant des techniques et des bonnes pratiques pour améliorer la structure du code, la maintenabilité et l'efficacité globale de l'interface utilisateur.
Inclus
1 devoir7 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 15 minutes
Quiz sur le remaniement complet du projet•15 minutes
7 plugins•Total 43 minutes
Refonte de projet : Introduction et définition du HTML•6 minutes
Correction de la couleur et du contraste•4 minutes
Fixer le type et la hiérarchie visuelle•7 minutes
Correction des espaces blancs•6 minutes
Requêtes initiales sur les médias•6 minutes
Requêtes média pour tablettes•5 minutes
Desktop Media Query (en anglais)•9 minutes
Projet de conception de l'interface utilisateur du thé
Module 7•1 heure à terminer
Détails du module
Mettez en pratique vos nouvelles compétences en matière de conception d'interface utilisateur en créant un site web sur le thé. Appliquez les principes et les techniques de conception essentiels pour créer une interface utilisateur engageante et visuellement attrayante.
Inclus
1 devoir9 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
Quiz sur le projet de conception de l'interface utilisateur du thé•10 minutes
9 plugins•Total 46 minutes
Le défi de la page d'atterrissage de TeaPlace•4 minutes
Définir le HTML•6 minutes
Défi 1 : Conception de l'interface utilisateur mobile•3 minutes
Défi 1 : Ma solution (En-tête et navigation mobiles)•8 minutes
Défi 1 : Ma solution (compléter la conception mobile)•9 minutes
Défi 2 : Défi de la tablette•2 minutes
Défi 2 : Ma solution•5 minutes
Défi 3 : Conception du bureau•2 minutes
Défi 3 : Ma solution•7 minutes
Ombres
Module 8•1 heure à terminer
Détails du module
Explorez l'utilisation efficace des ombres dans la conception de l'interface utilisateur et apprenez à utiliser diverses techniques d'ombrage pour améliorer la profondeur, la hiérarchie et l'attrait visuel.
Inclus
1 devoir6 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 30 minutes
Quiz sur les ombres•30 minutes
6 plugins•Total 27 minutes
Ombres 101•2 minutes
Installation d'un terrain de jeu à ombres portées•5 minutes
Défi 1 : Ombres portées dures et douces•7 minutes
Défi 2 : Utiliser les ombres pour définir les conteneurs•5 minutes
Défi 3 : Ombres colorées•5 minutes
Conseil rapide : Ombres à plusieurs niveaux•3 minutes
Dégradés
Module 9•1 heure à terminer
Détails du module
Découvrez l'application créative des dégradés dans la conception d'interfaces utilisateur. Exploitez la puissance des transitions de couleurs pour ajouter de la profondeur, de l'intérêt visuel et améliorer l'esthétique générale des interfaces utilisateur.
Inclus
1 devoir6 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 30 minutes
Quiz sur les gradients•30 minutes
6 plugins•Total 30 minutes
Introduction•1 minute
Défi 1 : Dégradé de base•7 minutes
Défi 2 : Bouton dégradé•7 minutes
Défi 3 : Mise en place de HTML et CSS•7 minutes
Défi 3 : Dégradés de cartes•4 minutes
Défi 4 : Dégradés de cartes (variation légère)•4 minutes
Formulaires
Module 10•1 heure à terminer
Détails du module
Découvrez comment créer des formulaires captivants et conviviaux en combinant les meilleures pratiques, les techniques innovantes et les considérations relatives à l'expérience utilisateur.
Inclus
1 devoir7 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 15 minutes
Quiz sur les formulaires•15 minutes
7 plugins•Total 53 minutes
Formulaires 101•3 minutes
Configuration du formulaire HTML•8 minutes
Mise en place d'un formulaire CSS (Progress Design)•6 minutes
Défi 1 : Conception de formulaires CSS•10 minutes
Défi 2 : Conception de formulaires réactifs•6 minutes
Défi 3 : Boutons radio•11 minutes
Défi 4 : cases à cocher•9 minutes
Animation de l'interface utilisateur
Module 11•1 heure à terminer
Détails du module
Donnez vie aux interfaces utilisateur grâce à des animations attrayantes et transparentes qui améliorent la convivialité, ravissent les utilisateurs et rehaussent l'expérience utilisateur.
Inclus
1 devoir5 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 30 minutes
Quiz sur l'animation de l'interface utilisateur•30 minutes
5 plugins•Total 31 minutes
Introduction•2 minutes
Définir le HTML•4 minutes
Définir le CSS initial pour les mobiles•8 minutes
Défi 1 : Conception adaptée•11 minutes
Défi 2 : Un simple survol•6 minutes
Projet final
Module 12•2 heures à terminer
Détails du module
Le module de projet final du cours complet de conception d'interface utilisateur met les apprenants au défi d'appliquer leurs connaissances et compétences acquises, aboutissant à la création d'un projet de conception d'interface utilisateur soigné et innovant qui démontre leur expertise en matière de principes de conception, de créativité et d'approche centrée sur l'utilisateur.
Inclus
1 devoir15 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 30 minutes
Quiz sur le projet final•30 minutes
15 plugins•Total 87 minutes
Introduction du projet•2 minutes
Définir le HTML•7 minutes
Définir le HTML (Partie 2)•5 minutes
Définition du CSS de navigation•6 minutes
Définition de la section Hero CSS (Partie 1)•7 minutes
Définition de la section Hero CSS (Partie 2)•7 minutes
Définition de la section des caractéristiques•4 minutes
Finition du CSS mobile•8 minutes
Défi : Conception adaptée aux petites tablettes•7 minutes
Défi : Conception adaptée au bureau•8 minutes
Défi : Témoignages sur ordinateur•5 minutes
Définition de l'HTML de la sous-page•5 minutes
Défi : Style de la sous-page•8 minutes
Défi : Animer l'interface utilisateur•5 minutes
Bonus : Bibliothèques de modèles, guides de style et systèmes de conception 101•3 minutes
Obtenez un certificat professionnel
Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.
Scrimba est une plateforme interactive d'apprentissage du code qui compte plus d'un million d'utilisateurs dans le monde entier. Elle propose des cours hautement interactifs et attrayants sur la programmation et le développement web.
OK
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Pour accéder aux supports de cours, aux devoirs et pour obtenir un certificat, vous devez acheter l'expérience de certificat lorsque vous vous inscrivez à un cours. Vous pouvez essayer un essai gratuit ou demander une aide financière. Le cours peut proposer l'option "Cours complet, pas de certificat". Cette option vous permet de consulter tous les supports de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cela signifie également que vous ne pourrez pas acheter un certificat d'expérience.
Qu'est-ce que je recevrai si je souscris à cette Specializations ?
Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours de la spécialisation et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page Réalisations - de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn.
Une aide financière est-elle disponible ?
Oui, pour certains programmes de formation, vous pouvez demander une aide financière ou une bourse si vous n'avez pas les moyens de payer les frais d'inscription. Si une aide financière ou une bourse est disponible pour votre programme de formation, vous trouverez un lien pour postuler sur la page de description.