Apprendre à utiliser Figma : concevoir une UI/UX complète pour mobile

Vous apprendrez comment créer de belles interfaces utilisateur mobiles avec l'un des outils de design gratuits les plus puissants, appelé Figma.

Qu'est-ce que Figma ? Figma est un logiciel de design de premier plan, qui aide les équipes et les individus à créer des designs plus rapidement et plus efficacement. Figma est gratuit et vous pouvez l'utiliser directement sur votre navigateur Web, sur Mac et Windows.

Quel type de projet allons-nous créer ? Dans ce cours, nous utiliserons Figma pour créer une belle maquette mobile pour un service de livraison de blanchisserie. Au fur et à mesure que nous élaborons la maquette mobile de 7 pages, nous passerons en revue certains des outils les plus utiles que vous offre Figma :

• Créer un fichier Figma à partir d'un mémoire/d'une exigence client
• Apprendre comment appliquer des images et des icônes à vos designs
• Choisir un schéma de couleurs et les transformer en styles de couleurs faciles à utiliser dans Figma
• Composants d'apprentissage pour le design réutilisable
• Utiliser les restrictions pour créer des designs réactifs qui fonctionnent sur toutes les tailles d'écran mobiles
• Comment utiliser des plugins dans Figma pour accélérer votre processus de création
• Travailler avec les directives et les modèles d'interface utilisateur iOS
• Choisir des polices personnalisées et créer des styles de texte dans Figma
• Les bases de la création d'expérience utilisateur (UX)

Ce cours est-il pour vous ?

Vous êtes au bon endroit si l'un de ces critères s'applique à vous :

• Vous êtes intéressé par l'interface utilisateur et la création d'expérience utilisateur (UI/UX), mais vous ne savez pas par où commencer.

• Vous êtes un entrepreneur avec une idée d'application et vous souhaitez transformer votre idée d'un croquis à une maquette et à un prototype réalistes.

• Vous souhaitez améliorer vos compétences en design pour obtenir le travail que vous souhaitez dans des entreprises comme Airbnb, Google, Apple, etc.

• Vous êtes déjà en train de créer et vous voulez vous lancer dans Figma et amener vos créations au niveau supérieur.

• Vous êtes intéressé à gagner un revenu en tant que designer indépendant.

• Vous voulez simplement entrer dans un nouveau parcours de carrière, et le graphisme vous a intéressé.

Vous cherchez également à apprendre la création d'interface utilisateur/UX pour le Web ?

J'ai fait un cours sur la création d'une application Web pour Clean Kangaroo que vous devriez également vérifier :

Apprendre comment créer des campagnes marketing efficaces pour Facebook et Instagram :

Vous n'avez jamais utilisé Figma auparavant ?

Pas de problèmes ! Si c'est votre première fois que vous utilisez Figma, il est recommandé de vérifier le cours Introduction à Figma avant de suivre ce cours (étape optionnelle) :

À propos de votre instructrice :

Ce cours est enseigné par l'entrepreneur et designer Nima Tahami. Nima a plus de 10 ans d'expérience dans la création et le développement de dizaines d'applications mobiles et Web pour ses propres clients et startups. La start-up actuelle de Nima, ShiftRide, a été couverte par de nombreux médias, dont Forbes, où son application a été mise en évidence pour sa facilité d'utilisation.

Nima a créé ce cours pour aider les gens à devenir le meilleur designer possible qu'ils puissent être. Le design fait partie de la base de beaucoup de choses, allant de bons produits et sites Web aux bonnes publicités et tout le reste. Nima a également créé et développé une bibliothèque de développement pour iPhone open source du nom de FCAlertView, aidant plus de 350 000 développeurs d'applications à utiliser de belles alertes personnalisables dans leurs applications.

• Introduction
• Exigences de maquillage
• Le wireframe
• Mettre en place nos cadres
• Images et superpositions
• Ajouter des icônes
• Choisir un schéma de couleurs
• Créer des styles de couleurs
• La page de tutoriel
• Composants
• Composants de button
• Utiliser des pages pour organiser
• Utiliser des variantes pour créer des groupes de composants
• Solution d'exercice de variantes
• La page de paiement
• Les obstacles
• Solution pour l'exercice
• Utiliser des plugins
• Terminer la page de carte
• Astuces pour la création d'UX
• Modèles de design iOS
• Travailler sur nos pages principales
• Créer une barre d'onglets pour la navigation
• La page de demande
• Cartes de magasin
• La page de profil
• La page Services
• Exemples de données provenant de Google Sheets
• Trouver des polices personnalisées à utiliser
• Créer des styles de texte
• Appliquer des styles de texte partout
• Touches finales
• Quoi ensuite ?