Conception de pages web interactives avec Figma
Un cours proposé par Eva Sánchez Clemente , Designeuse UX/UI
Apprenez à créer des sites webs inoubliables, interactifs et faciles à programmer en tenant compte du comportement des utilisateurs
Pour créer une page web de A à Z, deux facteurs doivent être pris en compte : le projet du client et le comportement des utilisateurs. Ce double impératif régit la pratique d’Eva Sánchez, designeuse UX/UI. Une fois que ces deux aspects sont intégrés, il suffit de faire appel à ses intérêts et à sa culture pour affiner les détails visuels.
Dans ce cours en ligne, vous apprendrez à analyser un brief pour pouvoir apporter votre vision personnelle à chaque projet. Au fil des unités, vous découvrirez comment vous appuyer sur la typographie, les images et la composition pour créer des expériences web intuitives et interactives.
Qu'allez-vous apprendre dans ce cours en ligne ?
15 leçons & 27 vidéos téléchargées
- 94% avis positifs (124)
- 6 090 élèves
- 15 leçons (2 h 23 min)
- 27 ressources complémentaires (9 fichiers)
- En ligne et à votre rythme
- Disponible sur l'application
- Audio : Espagnol, Anglais, Français, Italien, Portugais, Türkçe
- Espagnol · Anglais · Portugais · Allemand · Français · Italien · Polonais · Néerlandais · Türkçe
- Niveau : Débutant
- Accès illimité pour toujours
Logiciels et outils recommandés pour ce cours
Adobe After Effects
FigmaQuel est le projet du cours ?
Pour le projet final, vous mènerez à bien un projet de page web interactive, attractive et fonctionnelle.
Projets d'élèves du cours
À qui s'adresse ce cours en ligne ?
Ce cours s’adresse aux personnes qui cherchent à actualiser et à approfondir leurs connaissances dans le secteur des expériences numériques.
Prérequis et matériel nécessaire
Pour suivre ce cours, il vous faudra un ordinateur connecté à Internet, des notions de base d’une application de web design, Figma de préférence, et des connaissances élémentaires en graphisme.
Vous débutez sur Adobe After Effects ? Si c'est le cas, nous vous recommandons les cours Domestika Basics pour apprendre à utiliser le logiciel : Introduction à After Effects.
Avis
Eva Sánchez Clemente
Un cours proposé par Eva Sánchez Clemente
Eva Sánchez commence sa carrière par des études de graphisme à Tenerife, aux Canaries. Elle travaille d’abord dans la publicité, avant de s’installer à Barcelone en 2019, pour se focaliser exclusivement sur le web design. En partageant son travail sur les réseaux sociaux et son portfolio web, elle s’attire la reconnaissance de la communauté créative numérique internationale Awwwards, qui lui décerne une Mention honorable et l’invite à rejoindre son jury.
Sa notoriété continue de grandir, ce qui lui vaut de collaborer avec d’autres studios indépendants comme Fuego Camina Conmigo, Ophion, Rebeka Arce Studio ou encore Réplica Studio. Elle travaille actuellement chez Jam3, une agence de design internationale dédiée exclusivement aux expériences numériques et à l’innovation dans ce secteur.
Contenu
-
U1
Introduction
-
Présentation
-
Mes sources d'inspiration
-
-
U2
Comprendre et définir le projet
-
Le contexte de la conception Web
-
L'importance du briefing
-
Recherche de références et mood board
-
-
U3
Concevoir l'expérience Web
-
UX : structure et contenu du web
-
Couleur, typographie et composition
-
Conception pour un contexte « mobile first »
-
-
U4
Prototyper, animer et peaufiner le design
-
Prototypage de base dans Figma
-
Animer des éléments dans After Effects
-
Préparez le dossier
-
-
U5
Présenter, communiquer et collaborer
-
Le processus de travail
-
Orchestrer un projet web
-
Pixel push : prenez soin de votre projet
-
Publier et promouvoir votre travail
-
-
PF
Projet final
-
Conception de pages web interactives avec Figma
-
Ce qu’il faut attendre d’un cours Domestika
-
Apprenez à votre rythme
Apprenez chez vous, sans horaires fixes et à votre rythme. C’est vous qui décidez de votre programme d’apprentissage.
-
Apprenez auprès de grands noms du secteur créatif
Apprenez les techniques et les méthodes les plus utiles auprès des meilleurs professionnels du secteur créatif.
-
Rencontrez des spécialistes reconnus
Dans chaque leçon, votre professeur vous transmettra ses connaissances avec enthousiasme, vous donnera des explications claires et vous fera bénéficier de son expertise.
-
Certificats
PlusEn tant que membre Plus, vous recevrez un certificat personnalisé signé par le professeur à la fin du cours. Vous pourrez le partager dans votre portfolio, sur les réseaux sociaux et là où vous voulez.
-
Soyez aux premières loges
Profitez de vidéos de haute qualité pour ne manquer aucun détail. Grâce à un accès illimité, vous pourrez les regarder autant de fois que nécessaire pour perfectionner vos compétences.
-
Partagez vos connaissances et vos idées
Posez des questions, demandez des avis ou suggérez des solutions. Partagez votre expérience d’apprentissage avec les autres élèves de la communauté qui ont, comme vous, une passion pour la créativité.
-
Rejoignez une communauté créative internationale
Cette communauté réunit plus de huit millions de personnes des quatre coins du monde, curieuses et passionnées, avec cette même envie de développer et d’exprimer leur créativité.
-
Assistez à des cours de haute qualité
Domestika sélectionne les professeurs avec soin et produit chaque cours en interne afin de garantir une expérience d’apprentissage en ligne de qualité optimale.
Foire aux questions
Vous apprendrez à créer des expériences digitales interactives, à appliquer les tendances actuelles en UX/UI, à structurer vos projets avec des wireframes et prototypes, à gérer les briefings, à construire des mood boards et à développer un portfolio professionnel en design web.
Ce cours s’adresse aux personnes ayant des connaissances intermédiaires en design graphique ou digital, sans nécessité d’être expert. Une familiarité de base avec les outils numériques de design est recommandée.
Vous aurez besoin d’un ordinateur avec accès internet et des logiciels comme Figma et After Effects. Il est conseillé d’avoir des comptes sur des plateformes telles que Dribbble et Raindrop pour organiser votre inspiration et vos ressources.
Vous apprendrez à sélectionner et présenter vos projets, à appliquer des concepts visuels actuels et à structurer votre portfolio web pour vous démarquer dans les communautés créatives et booster vos opportunités professionnelles.
Vous travaillerez principalement avec Figma, After Effects et des extensions Chrome dédiées au design. Vous apprendrez aussi à collecter de l’inspiration sur Dribbble et à organiser vos ressources avec Raindrop.
Le cours enseigne des techniques pour créer des mood boards efficaces, rassembler et organiser des références visuelles, et utiliser des outils numériques pour capturer et classer l’inspiration selon le projet.
Oui, les tendances comme le neumorphisme, le brutaliste, le flat design et le glassmorphisme sont analysées et appliquées pour que vous puissiez expérimenter et adapter des styles visuels innovants dans vos projets web.
Adobe After Effects
Figma
I really enjoyed this course. I would like to know a bit more about the after effects precess on creating interactions. but i can recommend it.
Excelente curso, me ha brindado herramientas para gestionar proyectos UX UI.
Der Kurs ist sehr gut aufgebaut und verständlich, ich kann meine Kursziele gut erreichen. Ich konnte Einiges lernen, Danke.
Excelente explicacion, dinamico y útil
Very educational course.