CATALOGUE Design et Infographie Formation Figma Apprendre Figma - Les fondamentaux Création de Styles d'Effets dans Figma

Création de Styles d'Effets dans Figma

Les styles d’effets

Vidéo non disponible ! Réessayez plus tard

4h 41min

43 leçons

4,9

Transcription

Cette leçon fait partie de la formation

Apprendre Figma - Les fondamentaux

59,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

4h 41min

43 leçons

4,9

Cette leçon fait partie de la formation

Apprendre Figma - Les fondamentaux

59,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Enregistrer et Appliquer des Effets Graphiques

Objectifs

Les objectifs de cette vidéo sont :

Apprendre à créer et enregistrer des styles d'effets dans Figma.
Comprendre comment ces effets peuvent améliorer la cohérence visuelle de vos projets.
Découvrir l'application des styles graphiques variés.

Résumé

Découvrez comment enregistrer et appliquer divers effets graphiques dans Figma pour améliorer la cohérence de votre interface utilisateur.

Description

Cette leçon vous montrera comment créer et enregistrer des styles d'effets dans Figma pour obtenir une cohérence optimale dans vos projets de design. En exploitant des effets tels que l'ombre portée, l'ombre interne, le flou d'objet et le flou d'arrière-plan, vous serez en mesure d'intégrer des éléments graphiques sophistiqués et uniformes dans vos interfaces. Nous aborderons des styles graphiques variés comme le flat design, le matérial design, le glasmorphisme, le numorphisme et le brutalisme. En apprenant à mapper ces effets, vous pourrez améliorer significativement l'expérience utilisateur de vos créations. La mise en place de ces styles est essentielle pour garantir une cohérence visuelle à travers tous vos designs.

Questions fréquentes

Quels sont les types d'effets courants dans Figma ?

Les effets courants dans Figma sont l'ombre portée, l'ombre interne, le flou d'objet et le flou d'arrière-plan.

Pourquoi est-il important d'enregistrer des styles d'effets ?

Enregistrer des styles d'effets permet d'assurer une cohérence visuelle à travers tout le projet et de gagner du temps lors de l'application des effets.

Comment peut-on appliquer un effet de numorphisme dans Figma ?

Pour appliquer un effet de numorphisme dans Figma, utilisez l'ombre interne avec des valeurs spécifiques pour X, Y, le flou, et les couleurs appropriées pour simuler un effet d'enfoncement.

Programme détaillé

Accueil de la formation

Module 1 - Introduction à Figma

Présentation de Figma et tarification 04:39

Création d’un compte et installation 05:25

Organisation: Team, projet, fichier Figma et Figjam 10:38

Ressources de la communauté 06:01

Module 2 - Projet Figma

Présentation de l’interface d’un fichier Figma 05:32

Frame et section 09:33

Création et gestion des différents types de grille 07:22

Calques et organisation des objets 06:36

Découverte des pages 06:02

Module 3 - Les outils de Figma

Outils de dessin et formes 07:48

Sélection et transformation des objets 06:00

Les attributs de fonds et contours 06:42

Les opérations booléennes 03:49

Gestion des couleurs et des dégradés 05:57

Gestion des textes 05:48

Module 4 - Les styles et variables dans Figma

Les styles de couleurs 06:16

Les styles de texte 03:30

Les styles d’effets 07:10

Introduction aux variables 07:42

Module 5 - Importation de ressources externes

Importation d’images et de SVG 05:37

Importation de vidéos 03:05

Module 6 - Responsive Design

Présentation de l’auto layout 10:23

Aller plus loin avec l’auto layout 08:18

Auto layout et wrapping 06:59

Module 7 - Les Composants

Création et utilisation des composants 08:17

Utiliser les variants 06:08

Propriétés des composants 09:35

Module 8 - Les Plugins

Découverte et gestion des plug-ins 05:40

Plug-ins incontournable de couleurs 08:55

Plug-ins incontournable de textes 07:42

Autres Plug-ins incontournables 10:43

Module 9 - Le mode prototype

Composants interactifs 06:12

Les différents système de Scroll 04:02

Position fixe et sticky 05:50

Les liens d’ancrages 03:45

Créer des Overlays 04:58

Utilisation du Smart Animate 09:43

Geste tactile et Smart Animate 05:07

Prototyper en utilisant les variables 06:59

Module 10 - Prototype, partage et export

Paramètres du mode prototype 05:24

Partage de design et commentaires 05:35

Présentation du mode Dev 06:31

Export 03:37

8 commentaires

4,9

8 votes

Mélanie K.

Il y a 2 mois

Formation très bien construit. Explication claire. Parfait pour avoir de solides bases. Hâte qu'il y ait une suite à cette formation.

Michaël S.

Il y a 8 mois

Bravo, l'outil est très bien expliqué et couvre toutes les fonctionnalités principales. De plus les exemples sont pertinent et facile à comprendre. A mon avis il manque toutefois, soit des exercices par section, ou alors un exercice en file conducteur le long de la formation.
Par contre les fichiers de ressources mentionnés dans la formation sont manquant, dommage.

Maxime 6.

Il y a 9 mois

très bien

Magalie G.

Il y a 11 mois

Super formation. Les explications sont claires, vous donnant une base solide pour bien commencer avec Figma. Cela vous aide à gagner du temps et à mieux vous organiser dès le début. Parfait pour les débutants. Merci!

Jacques-André G.

Il y a 1 an

Excellente formation. Précise, complète et bien découpée.
(Il n' y a plus qu'à...:-))

Stéphane V.

Il y a 1 an

J'avais entendu parler de Figma. Excellente formation avec un formateur très compétent et pédagogique qui donne des astuces de réalisation donc parfait pour comprendre les concepts et la mise en œuvre de l'outil.

laurent a.

Il y a 1 an

Très pédagogique.

camille a.

Il y a 1 an

Pour débuter. avec une base solide …très bonne pédagogie !
Bravo, il faut maintenant rajouter une autre pour monter le niveau dans la continuité de celle-ci