CATALOGUE Design et Infographie Formation Figma Atelier Figma - Design d'application Apprendre à designer des applications : dupliquer des écrans et utiliser des composants

Apprendre à designer des applications : dupliquer des écrans et utiliser des composants

Cloner d'un écran
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,5
Transcription
159,00€ 79,50€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
159,00€ 79,50€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Création de composants réutilisables et duplication d'écrans

Objectifs

Les objectifs de cette vidéo sont :

  • Apprendre à dupliquer des écrans.
  • Créer des composants réutilisables.
  • Modifier et aligner les éléments graphiques.
  • Réaliser des vues en mode carte.

Résumé

Découvrez comment dupliquer des écrans et créer des composants réutilisables pour un design d'application efficace.

Description

Dans cette leçon, nous allons explorer les étapes cruciales pour dupliquer les écrans et créer des composants réutilisables dans le design d'une application. Nous commençons par dupliquer un écran existant pour en créer un nouveau, et ensuite, nous mettons en place un composant que nous pouvons réutiliser à chaque fois que nécessaire. En utilisant ces techniques, vous serez capable de modifier à la source et de gérer facilement les éléments réutilisables. La leçon couvre également le processus de modification des textes, d'alignement des éléments graphiques, et de mise à jour des styles pour refléter différents états visuels comme l'absence de pluie. Enfin, nous passons à une autre étape du design qui consiste à réaliser une vue en mode carte, tout en assurant que chaque changement soit conservé et géré efficacement.

Voir plus

Questions - réponses

Pourquoi est-il important de créer des composants réutilisables dans le design d'application ?
Créer des composants réutilisables permet de garantir la cohérence visuelle et de faciliter les mises à jour globales lorsque des changements sont nécessaires.
Quelle est l'étape suivante après avoir dupliqué un écran existant dans le design d'application ?
L'étape suivante consiste à modifier et adapter cet écran pour refléter les nouvelles informations ou les différents états visuels, comme l'absence de pluie dans notre exemple.
Comment gérer les modifications globales dans des éléments réutilisables ?
Les modifications globales peuvent être gérées en modifiant le composant à la source, ce qui mettra à jour automatiquement tous les éléments réutilisant ce composant.

Programme détaillé

8 commentaires
4,5
8 votes
5
4
3
2
1
pa12
Il y a 1 year
Je viens de débuter la formation mais quel dommage de ne pas avoir le fichier de travail avec... Une grosse perte de temps pour les images, les icones...etc. Pouvez-vous svp ajouter ce fichier à télécharger?
jc.mosca
Il y a 1 year
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.
ousmane.ndia
Il y a 1 year
Bien pour apprendre les bases, mais manque les nouveautés de 2022.
nicolas.dessis
Il y a 2 years
Merci !
pioupiou06
Il y a 2 years
Super formation ! très bien expliquée !
pulpozien
Il y a 2 years
Très bonne formation.
Trop de "du coup" et du coup ça agace mais sinon super
maellechancerelle
Il y a 3 years
Super formation!!
stephanehugon
Il y a 3 years
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 !