Initiation à Figma
Par Arturo Servín , Webdesigner
Apprenez à utiliser le meilleur logiciel de création de prototypes et découvrez les possibilités infinies du développement web
Apprenez à utiliser le meilleur logiciel de création de prototypes et découvrez les possibilités infinies du développement web
Domestika Basics · 6 cours inclus
-
Curs 1: Figma : les concepts de base
Par Arturo Servín
Découvrez l'interface de Figma et ses fonctions principales
-
Cours 2: Application du texte et de la couleur
Par Arturo Servín
Apprenez à insérer et à modifier des textes et des bibliothèques de couleurs et réutilisez-les dans vos systèmes de design
-
Course 3: Éléments de design
Par Arturo Servín
Intégrez des images dans votre document et utilisez les outils de mise en page pour créer des cartes d'information
-
Cours 4: Composants : utilisation et avantages
Par Arturo Servín
Apprenez à construire un système de design avec des éléments masters, booléens et variables
-
Cours 5: Systèmes de design
Par Arturo Servín
Découvrez l'importance des systèmes de design dans le processus de construction d'un prototype
-
Cours 6: Construction d'un prototype
Par Arturo Servín
Apprenez à connecter les différents écrans et ajoutez des interactions et des animations à votre prototype
À l'heure actuelle, les sites internet et les applications mobiles sont des outils privilégiés pour créer du lien entre une marque et ses utilisateurs. Pour le webdesigner Arturo Servín (surnommé Monky), Figma est le logiciel le plus efficace pour le prototypage d'interfaces graphiques. Apprenez à travailler sans restrictions techniques et avec une grande liberté créative pour créer des interfaces web uniques !
Dans ce Domestika Basics composé de 6 cours, Arturo Servín vous apprendra à utiliser Figma de A à Z. Et si vous souhaitez approfondir d'autres techniques et méthodes maîtrisées par votre professeur, vous pouvez consulter ses cours précédents : Web design responsive avec Adobe Muse, Adobe Photoshop pour web design, Introduction à Adobe XD pour applications mobiles et Design de sites web responsive avec Adobe Dreamweaver.
Dans le premier cours de ce Domestika Basics, votre professeur vous présentera l'interface du logiciel Figma, ses plug-ins et ses principaux outils, comme les calques et l'outil Shapes (Formes). Vous vous entraînerez aussi à créer des icônes.
Par la suite, vous apprendrez à insérer des textes et à les modifier. Puis vous verrez comment jouer avec les couleurs et les effets visuels pour donner un nouveau souffle à vos projets avec une touche personnelle.
Les images seront au centre du troisième cours. Arturo vous montrera comment les utiliser et vous apprendra à vous servir des masques et de la grille de mise en page. Puis vous verrez comment créer des cartes d'information simples puis complexes.
Vous pourrez alors vous lancer dans le quatrième cours ! Vous apprendrez à construire, modifier et activer plusieurs composants avec des éléments masters, booléens et des variables.
En passant au cinquième cours, vous découvrirez l'importance des systèmes de design. Arturo vous expliquera pas à pas comment réaliser un guide de style typographique, un guide de couleurs et une bibliothèque de composants.
Dans le sixième et dernier cours, vous découvrirez ce qu'est un prototype et apprendrez à créer des interactions et des animations. Pour finir, Arturo vous guidera dans la réalisation de vos projets en équipe et avec des clients. À vous de jouer !
Matériel requis et besoins techniques
- ⦁ Un ordinateur avec les systèmes Windows 8.1 (ou version ultérieure) ou macOS Sierra (ou version ultérieure)
⦁ Un des navigateurs suivants : Chrome 64 (ou version ultérieure), Firefox 78 (ou version ultérieure), Safari 11.1 (ou version ultérieure)
⦁ Une carte graphique avec 1 Go de mémoire GPU (ou plus).
⦁ 4 Go de mémoire RAM (au minimum)
⦁ Un compte Figma (vous pouvez utiliser la version gratuite ou télécharger la version bureau)
⦁ Une connexion internet d'au moins 20 MB
- 99% avis positifs (276)
- 11 496 élèves
- 53 leçons (6 h 53 min)
- 6 cours
- 27 vidéos téléchargées (13 fichiers)
- En ligne et à votre rythme
- Disponible sur l'application
- Audio : Espagnol
- Espagnol, Anglais, Portugais, Allemand, Français, Italien, Polonais, Néerlandais
- Niveau : Débutant
- Accès illimité pour toujours
Logiciel recommandé pour ce cours
FigmaAvis
Par Arturo Servín
Arturo Servín est un graphiste spécialisé dans la conception de sites Web et a été concepteur de sites Web pour le magazine a! Design, ainsi que Community Professional pour Adobe Systems pendant deux ans, et professeur dans différentes universités au Mexique, y compris Miami Ad School Mexico City. Instructeur invité de différents établissements d'enseignement, tels que l'Universidad Iberoamericana, le campus de l'Universidad Anáhuac Cancun, le Tecnológico de Monterrey, l'Universidad de las Américas à Puebla, l'Universidad Autónoma de Guadalajara, entre autres. Fondateur de son propre studio axé sur commerce électronique , la conception Web et image de marque.
Contenu
Curs 1: Figma : les concepts de base
-
U1
Bienvenue
-
Bienvenue
-
-
U2
Présentation de figma
-
Présentation de figma
-
-
U3
Apprenez à connaître l'interface de Figma
-
Apprenez à connaître l'interface de Figma
-
-
U4
Installer le plugin
-
Installer le plugin
-
-
U5
Les tables de travail
-
Les tables de travail
-
-
U6
Utilisation des calques
-
Utilisation des calques
-
-
U7
Utiliser les formes de base
-
Utiliser les formes de base
-
-
U8
Aligner et répartir les éléments
-
Aligner et répartir les éléments
-
-
U9
Modifier et combiner des formes
-
Modifier et combiner des formes
-
-
U10
Pratique : créer des icônes simples
-
Pratique : créer des icônes simples
-
Cours 2: Application du texte et de la couleur
-
U1
Créer et modifier du contenu textuel
-
Créer et modifier du contenu textuel
-
-
U2
Styles de texte
-
Styles de texte
-
-
U3
Utiliser et modifier les couleurs
-
Utiliser et modifier les couleurs
-
-
U4
Styles de couleur : Remplissage
-
Styles de couleur : Remplissage
-
-
U5
Styles de couleurs : trait
-
Styles de couleurs : trait
-
-
U6
Effets visuels
-
Effets visuels
-
-
U7
Exercice : Créer des styles
-
Exercice : créer des styles
-
Course 3: Éléments de design
-
U1
Travailler avec des images
-
Travailler avec des images
-
-
U2
Porter des masques
-
Porter des masques
-
-
U3
Les grilles de mise en page
-
Les grilles de mise en page
-
-
U4
Créer une carte de base
-
Créer une carte de base
-
-
U5
Plugins de composition d'éléments
-
Plugins de composition d'éléments
-
-
U6
Créer une carte avancée
-
Créer une carte avancée
-
-
U7
Pratique : carte d'utilisateur
-
Pratique : carte d'utilisateur
-
Cours 4: Composants : utilisation et avantages
-
U1
Les composants
-
Les composants
-
-
U2
Créer un composant
-
Créer un composant
-
-
U3
Créer plusieurs composants
-
Créer plusieurs composants
-
-
U4
Les composants maîtres
-
Les composants maîtres
-
-
U5
Composants booléens
-
Cmposants booléens
-
-
U6
Composants variables
-
Composants variables
-
-
U7
Pratique : système de composants
-
Pratique : système de composants 1
-
Pratique : système de composants 2
-
Pratique : système à 3 composants
-
Cours 5: Systèmes de design
-
U1
Systèmes de conception
-
Systèmes de conception
-
-
U2
Exemples de systèmes de conception
-
Exemples de systèmes de conception
-
-
U3
Éléments de base d'un système de conception
-
Éléments de base d'un système de conception
-
-
U4
Définir un guide de style typographique
-
Définir un guide de style typographique
-
-
U5
Définir le guide des couleurs
-
Définir le guide des couleurs
-
-
U6
Créer une bibliothèque de composants
-
Créer une bibliothèque de composants
-
-
U7
Pratique : système de conception
-
Pratique : système de conception 1
-
Pratique : système de conception 2
-
Cours 6: Construction d'un prototype
-
U1
Description du prototype
-
Description du prototype
-
-
U2
Outils de prototypage dans Figma
-
Outils de prototypage dans Figma
-
-
U3
Déplacements verticaux et horizontaux
-
Déplacements verticaux et horizontaux
-
-
U4
Prototype
-
Prototype
-
-
U5
Utiliser les interactions
-
Utiliser les interactions
-
-
U6
Utilisez des animations intelligentes
-
Utilisez des animations intelligentes
-
-
U7
Faire un projet collaboratif
-
Faire un projet collaboratif
-
-
U8
Pratique : construire un prototype
-
Pratique : construire un prototype 1
-
Pratique : construire un prototype 2
-
Pratique : construire un prototype 3
-
Pratique : construire un prototype 4
-
Pratique : construire un prototype 5
-
Afficher le contenu des 6 cours
À propos de Domestika Basics
Domestika Basics est un ensemble de cours sur les logiciels les plus utilisés par les esprits créatifs du monde entier.
Le contenu a été soigneusement pensé pour les élèves qui se lancent dans une nouvelle discipline créative et pour les profils professionnels expérimentés qui souhaitent enrichir leurs connaissances.
Apprenez auprès des meilleurs professeurs de Domestika avec des leçons pratiques, de nombreuses ressources et un niveau de difficulté progressif qui vous permettra de voir les résultats dès le premier jour.
Grâce à Domestika Basics, professionnalisez vos compétences et réalisez des projets plus importants.
-
Sans connaissances préalables
Avec Domestika Basics, trouvez tout ce dont vous avez besoin pour vous lancer dans une nouvelle discipline créative et devenez spécialiste en la matière.
-
Des cours axés sur l'outil
Découvrez les bases, techniques et méthodes éprouvées dont vous avez besoin pour le maîtriser.
-
Apprenez rapidement
Laissez-vous guider par nos meilleurs professionnels, qui vous expliqueront chaque étape de façon claire pour vous permettre de profiter au maximum du programme.
-
Certificats Plus
En 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 !
Figma
nat.otranto
Muy buen curso para empezar, super claras las explicaciones, como se va sumando contenido y conocimiento y las prácticas de cada unidad. Muy conforme.
Afficher la traduction
Masquer la traduction
giulianamostacero
PlusEste curso es ideal para comenzar, te permite conocer las herramientas desde cero. El profe concreto, sus videos son claros y las unidades muy llevaderas. Genial.
Afficher la traduction
Masquer la traduction
andreskarlo
Ideal para arrancar, aprendes a usar el programa rápido con buenos ejemplos. Bien explicado.
Afficher la traduction
Masquer la traduction
raulvillamizar2895
Muy bueno el curso el docente explica muy bien, seguire tomando sus cursos
Afficher la traduction
Masquer la traduction
nicoleecruz97
Me gusto mucho la forma en la que explica todo, es facil de entender y senti que aprendi mucho.
Afficher la traduction
Masquer la traduction