12,00

Tuto Webdesign débutants : Designer une page d'accueil sobre & attractive sur Figma avec Figma

12,00

  • Une formation vidéo de 1h48m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Webdesign débutants : Designer une page d'accueil sobre & attractive sur Figma

ajouter ce cours aux favoris retirer ce cours des favoris

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



Formateur : Adrien Gazaix

Adrien Gazaix a publié 198 tutoriels et obtenu une note moyenne de 4,8/5 sur 58 016 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

4
avis laissés
5 étoiles
4
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-6799-5683-3033 laissé le 09/06/2022
    Très bien, formation complète et claire.
    "Merci à toi, et en avant pour l'épisode 2 ;)"

  • 5
    avis de mdmconcept laissé le 11/04/2022
    Très bien expliqué. Même si je connaissais un peu Figma. J'en ai encore appris sur ce logiciel

  • 5
    avis de doume56 laissé le 13/02/2022
    Débutant sur Figma, j'ai trouvé cette formation excellente, pas forcément évidente mais le formateur est très clair, donc on y arrive, et le résultat est très satisfaisant. En attente d'une suite pour les autres pages du site et d'une adaptation sur mobile, ce serait le top! Merci beaucoup à Adrien.
    "Merci beaucoup pour ton retour, c'est super d'avoir l'avis d'un vrai débutant et je crois que le tuto répond bien aux attentes 😁 a très bientôt pour la suite !"

  • 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
accédez à plus de 1447 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données