Atelier WEB DESIGN : Designer un Blog minimaliste de A à Z sur Figma

Dans ce tuto Figma en vidéo, nous allons apprendre ensemble les différentes étapes de création pour designer un Blog minimaliste de A à Z sur le logiciel Figma.
A la fin de cet atelier pratique, vous obtiendrez un prototype fonctionnel de notre Blog qui pourra être partager pour validation par exemple auprès d'un client, ainsi que toutes les maquettes nécessaires à l'intégration en HTML/CSS.

Au programme de cet Atelier WEB DESIGN création d'un blog dans Figma :

Voici les notions que nous allons aborder dans ce cours en ligne :

• Utiliser une palette de couleurs
• Créer une grille adaptée au blog minimaliste
• Créer un logo à partir d'une typographie choisie
• Designer un menu de navigation
• Apprendre à bien aérer le contenu pour que le résultat soit agréable à l'oeil
• Utiliser des images avec différents types d'affichage : fill, crop...
• Créer un composant avec le footer pour qu'il soit réutilisable/modifiable facilement sur toutes les maquettes
• Utiliser les variants pour créer un effet de Hover sur article
• Découvrir l'auto layout pour créer un bouton ou une catégorie qui va s'allonger automatiquement en fonction du texte
• Faire la connaissance de certains plugins Figma pour être plus rapide
• Ajouter un pattern sur un bandeau pour donner du volume au design
• Utiliser des modes de fusion pour colorer une image
• Utiliser le HSL pour jouer avec la luminance d'une couleur choisie sur la palette de départ et ainsi créer des déclinaisons
• Des conseils pour garder une homogénéité sur toutes les maquettes, par exemple sur l'utilisation des tailles de titres
• Et plein d'autres choses encore...

Pour avoir une idée de tout ce que l'on va réaliser ensemble pendant ces 2h20 de vidéo, vous pouvez visionner l'extrait vidéo sur la fiche du tuto.

INCLUS avec ce Tuto : Tous les fichiers nécessaires à la création des maquettes : Images, Icônes SVG, Polices de caractères, le fichier Figma de départ avec la palette de couleurs, et bien sur le fichier Figma final avec toutes les maquettes obtenues à la fin de la formation.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.
Bon atelier !