Webdesign débutants - Episode 3 : Décliner les maquettes du site en version mobile + Prototype
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Webdesign débutants - Episode 3 : Décliner les maquettes du site en version mobile + Prototype

Adrien Gazaix
Promo -30% Jusqu'au 23 juillet, 23:59
7,00€10,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto Figma en vidéo, nous allons découvrir ensemble comment décliner les maquettes d'un site en version mobile responsive.
Il s'agit de l'épisode 3 de ma formation Webdesign débutants sur Figma.

Il est recommandé d'avoir suivi les 2 premiers volets mais ce n'est pas obligatoire car les maquettes "version bureau" sont fournies dans les sources.
Ils sont disponibles ici :

Nous créerons aussi, petit à petit, un prototype animé qui permettra au client de se projeter dans son futur site mobile car il pourra naviguer, ouvrir le menu et changer de page facilement.

Pour avoir une idée de tout ce que l'on va réaliser ensemble pendant ces 1h15 de vidéo, vous pouvez visionner l'extrait vidéo sur la fiche du tuto.

INCLUS avec la formation :

  • les maquettes Figma des 2 premiers épisodes
  • et bien sûr la maquette Figma mobile obtenue à la fin de la formation.

N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrez des difficultés, pendant ou après le visionnage de la vidéo.
Bonne formation à tous !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Introduction
Leçon 2
Créer une frame pour le mobile et visualiser le prototype
Leçon 3
Adapter le header en version mobile
Leçon 4
Homepage - Adapter le hero en version mobile
Leçon 5
Homepage - Adapter le reste du contenu
Leçon 6
Adapter le footer en version mobile
Leçon 7
Créer le menu en version mobile

Plan détaillé du cours

Leçon 1Introduction
01m28s
Leçon 2Créer une frame pour le mobile et visualiser le prototype
03m24s
Leçon 3Adapter le header en version mobile
05m34s
Leçon 4Homepage - Adapter le hero en version mobile
11m04s
Leçon 5Homepage - Adapter le reste du contenu
09m33s
Leçon 6Adapter le footer en version mobile
11m29s
Leçon 7Créer le menu en version mobile
06m27s
Leçon 8Page - Adapter le contenu part.1
13m48s
Leçon 9Page - Adapter le contenu part.2
09m27s
Leçon 10Conclusion
02m59s

Aperçus

Avis des apprenants

Détail des avis
29
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Marc Molon
Marc Molon
Publié le 01/04/2024
Suite logique des 2 autres tutos dédiés au web design d'Adrien. Impeccable pour un débutant sur l'UX/UI et/ou Figma. Il y a quelques claviers raccourcis très utiles, c'est rapide à suivre et agréable. Top!

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 7,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1380 tutos gratuits

Notre politique de protection des données