CATALOGUE Design et Infographie Formation Figma Atelier Figma - Design d'application Création d'un Welcome Screen avec Figma

Création d'un Welcome Screen avec Figma

Création des layers et de l'écrans Welcome
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Atelier Figma - Design d'application
Revoir le teaser Je m'abonne
4,7
Transcription
Cette leçon fait partie de la formation
159,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,7
Cette leçon fait partie de la formation
159,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

Introduction à la création d'un Welcome Screen

Objectifs

À la fin de cette vidéo, vous serez capable de :

  • Créer un Welcome Screen professionnel pour une application
  • Utiliser et gérer les frames et calques dans Figma
  • Appliquer des composants et symboles réutilisables
  • Aligner et organiser correctement les éléments graphiques

Résumé

Découvrez comment créer un Welcome Screen pour l'application RainAlert en utilisant Figma.

Description

Dans cette leçon, vous apprendrez à concevoir le Welcome Screen pour l'application RainAlert en utilisant Figma. Nous verrons comment :

  • Créer une nouvelle frame correspondant à un iPhone 11 Pro
  • Importer et intégrer des éléments dans cette frame
  • Organiser et renommer les calques pour une meilleure gestion
  • Créer et utiliser des composants (ou symboles) pour standardiser les éléments réutilisables
  • Gérer les alignements, les textes et les couleurs
  • Utiliser des repères et des grilles pour une mise en page précise

Nous explorerons les fonctionnalités de Figma pour s'assurer que chaque élément est parfaitement placé et que les composants peuvent être modifiés globalement de manière efficace.

Voir plus

Questions fréquentes

Quels sont les éléments principaux du Welcome Screen dans cette leçon ?
Les éléments principaux du Welcome Screen sont un texte, un logo et une image d'arrière-plan.
Pourquoi est-il important de renommer les calques dans Figma ?
Renommer les calques régulièrement aide à s'organiser et à éviter de se perdre parmi les différents éléments.
Comment peut-on vérifier qu'une image est bien intégrée à une frame dans Figma ?
Pour vérifier qu'une image est bien intégrée à une frame, il faut s'assurer qu'elle apparaît en dessous du calque de la frame dans la liste des calques.

Programme détaillé

7 commentaires
4,7
7 votes
5
4
3
2
1
Jean-Claude M.
Il y a 2 ans
Comme dit plus haut, mise à part les centaines de "du coup" et "en fait" plutôt agaçants, c'est comme d'habitude chez Elephorm une formation enrichissante. J'ai mis seulement 4 étoiles car il manque la démonstration des overlays, des contraintes, des listes à puces et pas mal d'autres. Ce serait bien qu'Elephorm fasse des mises à jour de ses formations.
ndiaye o.
Il y a 2 ans
Bien pour apprendre les bases, mais manque les nouveautés de 2022.
Nicolas D.
Il y a 2 ans
Merci !
Profile picture for user pioupiou06
Marie-Pierre G.
Il y a 3 ans
Super formation ! très bien expliquée !
Profile picture for user pulpozien
Alain M.
Il y a 3 ans
Très bonne formation.
Trop de "du coup" et du coup ça agace mais sinon super
Profile picture for user maellechancerelle
maelle c.
Il y a 3 ans
Super formation!!
Profile picture for user Millenium
Stéphane H.
Il y a 4 ans
Cette formation est vraiment au top ! Je ne connaissais rien de Figma (étant "seulement" développeur à la base) et j'ai appris beaucoup de choses, je recommande donc cette formation; le formateur est très sympathique et professionnel dans sa pédagogie, c'est très agréable à suivre. Je recommande par contre d'avoir au moins deux écrans (voir trois) pour suivre la vidéo et pratiquer/prendre des notes en même temps.

Seul bémol par contre, pitié Elephorm, mettez les fichiers de travail avec la formation... (Ce n'est pas la seule sur laquelle il manque les fichiers d'ailleurs); mais mettez-les, ça évite d'aller chercher à droite et à gauche des SVG que l'on doit convertir, des images, etc...

A part ça, super formation !