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
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é 201 tutoriels et obtenu une note moyenne de 4,8/5 sur 61 346 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

6
avis laissés
5 étoiles
6
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de ipepsseraingsup laissé le 13/01/2023
    Tuto clair, structuré. Parfait pour un débutant en webdesign. La version mobile serait intéressante et surtout le prototypage.

  • 5
    avis de _izigrafik laissé le 03/12/2022
    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
    "Hello Eric ! La suite est déja dispo sur tuto.com pour la déclinaisons des autres pages sur Figma :) Je prévois de compléter le tout avec une 3ème partie concernant les maquettes version mobile. Merci encore d'avoir suivi ma formation !"

  • 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 ;)"

  • 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 1407 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données