Introduction
- En quoi ce cours est différent des autres ?
- Prérequis
- Présentation des sections
- Alternative à Adobe XD
- Quel est le rôle d’un Web Designer ?
- QUIZZ : Quel est le rôle d’un Web Designer ?
- Ce qu’il faut savoir pour bien débuter
- Les étapes à suivre
- QUIZZ : Les bases à connaitre
Premiers pas avec Adobe XD
- Découverte de l’Interface
- Les calques
- Les outils de formes
- L’outil texte
- Les images
- Pathfinder
- Grille de répétition
- Exportation
- Afficher et utiliser la grille
Avant-projet
- Présentation de la section
- Comprendre le besoin
- Introduction aux wireframes
- Créer des wireframes
- EXERCICE : Créer un wireframe
- QUIZZ : Avant-projet
Designer des éléments d’un site
- Présentation de la section
- Typographie (Titres, textes, …)
- Boutons
- Formulaires
- Blocs
- Headers
- EXEMPLE : Formulaire de connexion
- EXEMPLE : Header d’un portfolio
- EXEMPLE : Galerie d’images
Exemple #1 - Site de référencement de jeux de société
- Présentation de la section
- Conception du header
- Conception de la page d'accueil 1/3
- Conception de la page d'accueil 2/3
- Conception de la page d'accueil 3/3
- Conception du footer
Responsive
- Présentation de la section
- C'est quoi le Responsive ?
- Les headers
- Les blocs
Exporter et présenter son design
- Présentation de la section
- Faire le rendu de son design
- Rendre son design intéractif
- Exporter son design (icones, images, ...)
- QUIZZ : Exportation d’icônes et d'images
- ASTUCE : Exporter en 1 clic (Photoshop)
- Présenter son design
- Ajouter un filigrane
- Envoyer une prévisualisation en 2 clics
Aller plus loin
- Trouver de l'inspiration
- Être en avance dans le design
- Conseils & astuces
Web Design Feedbacks
- Feedback #1
Freelance
- Quel statut choisir ?
- Trouver son lieu de travail
- Concevoir son environnement de travail
- Quel est le PRIX à payer par ses clients ?
- Comment trouver des clients ?
- Trouver des clients (sans être déclaré)
- Conclusion
Bonus
- Créer un style guide
- Choisir la taille de son document (Web Design)
- Questions/réponses #1
- Mes autres formations
- Merci !
