Dans ce tuto Figma en vidéo, nous allons découvrir ensemble comment designer une page d'accueil professionnelle à partir d'un brief client.
Cette formation est avant tout pour les débutants, c’est-à-dire ceux qui ne connaissent pas ou peu le webdesign et qui n'ont pas encore ouvert de logiciel tel que Figma auparavant.
Vous souhaitez vous lancer dans le webdesign ?
Que ce soit par curiosité ou pour en faire votre métier, cette formation vidéo sera un véritable tremplin !
Au programme de cette formation Webdesign débutants sur Figma :
- Découvrir l'interface de Figma ainsi que les outils disponibles,
- Créer une grille de 12 colonnes pour structurer le contenu de la maquette,
- Designer un menu de navigation,
- Créer un bouton adaptatif grâce à l'auto layout,
- Créer un visuel d'accroche fort en mixant du texte et de l'image,
- Insérer des icônes au format SVG,
- Créer un dégradé réutilisable facilement,
- Modifier une couleur instantanément sur tout le document,
- Apprendre à bien aérer le contenu pour améliorer la lisibilité,
- Utiliser des images avec différents types d'affichage : fill, crop...
- Lire un brief et utiliser une charte graphique existante pour rester proche de l'univers proposé par le client,
- Garder les proportions d'un écran 16/9 pour un bandeau vidéo,
- Et plein de conseils & d'astuces sur le webdesign !
Pour avoir une idée de tout ce que l'on va réaliser ensemble pendant ces 1h50 de vidéo, vous pouvez visionner l'extrait vidéo sur la fiche du tuto.
INCLUS avec la formation : Tous les fichiers nécessaires à la création de la maquette : Logo, photos, icônes SVG, Police de caractères, le brief client et bien sûr la maquette Figma obtenue à la fin de la formation.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrez des difficultés, pendant ou après le visionnage de la vidéo.
Bonne formation à tous !
Table des matières de cette formation Figma (durée : 1h48m)
-
- Introduction & Installation de Figma gratuit 00:05:39
- Découverte de l'interface de Figma 00:09:49
- Lecture du Brief client, conseils & astuces sur le webdesign 00:13:55
- Mise en place de la grille & design du header avec le logo et le menu 00:16:27
- Designer le visuel d'accroche avec un bouton call to action 00:13:46
- Designer la partie des avantages en 3 colonnes 00:20:40
- Designer le bandeau vidéo 00:11:56
- Designer le footer pour terminer la maquette 00:14:29
- Conclusion 00:02:08
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
Tuto clair, structuré. Parfait pour un débutant en webdesign. La version mobile serait intéressante et surtout le prototypage.
-
Bonjour Adrien, j'ai adoré cette formation ! Pour ma part, j'apprécierais beaucoup une déclinaison des pages suivantes avec le prototypage et enfin l'intégration. Je te trouve super pédagogue et je progresse assez vite. Je te remercie pour la qualité de tes formations ! À très bientôt, j'espère. Eric
-
Très bien, formation complète et claire.
-
Avec quelle version de logiciel ce tuto est-il compatible ?Figma
-
Que contient le fichier source ?Les médias utilisés (photos, icônes, logo), la police de caractère, le brief client, et la maquette Figma obtenu à la fin de la formation.
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés