Conception Web de zéro à PRO - cours gratuit de Skillbox, formation, Date: 29 novembre 2023.

Figma de zéro à PRO
Vous maîtriserez le programme de conception Web le plus populaire à un niveau professionnel. Apprenez à créer des prototypes interactifs, à confier les conceptions aux développeurs et à gagner du temps sur les tâches de routine.

Apprendre à connaître Figma
Vous comprendrez l'interface et les paramètres de base du programme. Apprenez à utiliser des formes géométriques, des calques et des champs de texte. Construisez votre premier prototype.

Outils de base Figma
Découvrez ce que sont les cadres et en quoi ils diffèrent des calques. Apprenez à dessiner des formes simples, à ajouter de la couleur, des effets et du texte. Apprenez les bases du prototypage.

Icônes, illustrations et images
Apprenez à créer vos propres icônes et à manipuler des images à l'aide des outils internes de Figma. Vous pouvez créer des mises en page à partir de zéro sans utiliser d'éditeurs tiers.

Composants
Découvrez comment créer des composants et utiliser le panneau de paramètres. Apprenez à réaliser des prototypes interactifs et montrez au client comment les gens utiliseront le futur site.

Bibliothèques de composants et styles communs
Vous pouvez créer des bibliothèques de styles et un kit d'interface utilisateur pour standardiser les éléments d'interface. Apprenez à créer des mises en page soignées à l'aide de grilles modulaires.

Mise en page automatique et variantes
Vous comprendrez comment combiner des mises en page dans un système à l'aide de la fonction Variantes. Vous pourrez créer et adapter des éléments d’interface complexes pour différents appareils.

Documents complexes de plusieurs pages
Apprenez à travailler avec des écrans de base et à créer une arborescence de pages. Commencez avec la fonctionnalité bêta de Branches. Vous comprendrez comment organiser le travail de l’équipe sur différentes versions d’une même mise en page.

Fonctionnalités supplémentaires et communauté d'auteurs
Découvrez quels plugins vous aideront à créer rapidement des brouillons de projets et à travailler avec des modifications. Apprenez à ajouter une animation aux prototypes.

Préparer une mise en page pour les développeurs
Vous pouvez montrer au développeur les aspects techniques du projet et le code des composants. Apprenez à optimiser le travail de votre équipe grâce au plugin Figma Jam.

Conception Web de zéro à PRO
Vous vous plongerez dans le métier de web designer. Vous apprendrez à travailler sur un projet - de la première rencontre avec le client jusqu'au site Web terminé. Apprenez à trouver des idées créatives et à vous appuyer sur la recherche UX. Perfectionnez vos compétences grâce à des sprints de conception.

Introduction au métier de webdesigner
Découvrez quels problèmes les concepteurs de sites Web résolvent et pourquoi ces spécialistes sont si demandés. Familiarisez-vous avec les termes et outils professionnels.

Première commande: communication avec le client et spécifications techniques
Apprenez à communiquer avec le client: découvrez les objectifs et les limites du projet, discutez des références, planifiez les délais. Vous comprendrez comment définir les bonnes attentes en matière de travail et ne pas trop promettre. Rédiger les spécifications techniques.

Rechercher une idée
Vous comprendrez comment l’observation vous aide à trouver les meilleures idées de design. Apprenez à analyser vos concurrents, à créer des mood boards et à sélectionner des références réussies pour votre projet.

Grilles modulaires
Chaque mise en page commence par une grille modulaire. Vous vous familiariserez avec ses types et apprendrez à choisir le bon. Découvrez les nuances des grilles pour les versions mobiles et complètes.

Rythme vertical
Apprenez à contrôler l'attention des utilisateurs à l'aide d'une composition compétente et d'un rythme vertical. Découvrez la hiérarchie visuelle et comprenez quelle doit être la taille de chaque élément de la page.

Typographie
Apprenez à sélectionner des polices et à les combiner les unes avec les autres. Vous comprendrez comment créer un design efficace en tenant compte des règles de la typographie.

Sprint 1
Cher et minimaliste: nous créons un design de page de destination basé sur la typographie

La tâche des textes dans les interfaces
Découvrez les exigences relatives aux textes pour les interfaces. Apprenez les bases de la rédaction UX. Vous pourrez modifier les textes pour qu'ils soient compréhensibles par les utilisateurs et s'intègrent parfaitement dans la mise en page.

Couleurs, arrière-plans et ombres
Maîtrisez la théorie des couleurs et découvrez ses fonctions dans l'interface. Vous comprendrez comment sélectionner une palette pour un site Web et mettre en évidence les éléments les plus importants pour l'utilisateur. Vous pouvez créer des ombres réalistes pour les boutons et autres composants de conception.

Contraste et lisibilité
Apprenez à mettre en évidence visuellement les blocs importants sur une page et à rendre le texte plus lisible. Familiarisez-vous avec les principes du design inclusif et soyez capable de créer des sites Web destinés à un large public.

Prototype de première page
Créez un wireframe - un prototype qui se concentre sur la structure et la logique plutôt que sur la conception visuelle. Maîtrisez deux approches de design: le block et le freestyle.

Sprint 2
Rédaction UX: nous créons une landing page et préparons les textes pour tous les éléments de l'interface.

Écran de première page
Familiarisez-vous avec la méthode de conception atomique, qui accélérera la conception de sites Web. Vous comprendrez comment capter l’attention des utilisateurs dès le premier écran. Apprenez à créer des boutons, des icônes, des champs de saisie de données et des formulaires dans un style et une échelle cohérents.

Recherche d'utilisateurs: carte du parcours client et flux d'utilisateurs
Apprenez à prendre en compte les besoins de votre public cible dans votre conception. Apprenez à créer une carte de parcours client et un flux d'utilisateurs, à évaluer le comportement des utilisateurs à chaque étape de l'interaction avec le site.

La navigation
Comprendre les types de navigation. Vous comprendrez à quelles tâches et à quels appareils chacun d'eux est adapté.

Conception des blocs principaux
Apprenez à créer des fiches produits, des curseurs, des blocs avec des avantages, des tarifs et de la publicité. Vous créerez une page à part entière et comprendrez comment la présenter au client. Vous serez en mesure d'expliquer vos décisions de conception, d'accepter de manière adéquate les modifications et de gérer les objections des clients.

Adaptabilité et composants
Apprenez à connaître le design Web réactif et ses principes. Examinons les maillages adaptatifs populaires. Apprenez à créer une version mobile de haute qualité du site.

Sprint 3
Nous adaptons la mise en page pour ordinateur, tablette et téléphone mobile.

Présentation du projet au client
Apprenez à présenter un projet dans une présentation efficace et compréhensible. Apprenez à expliquer vos solutions au client et à répondre aux questions typiques ou inattendues.

Transfert de la mise en page aux développeurs
Vous mettrez les calques et leurs noms dans l'ordre, créerez une animation simple des éléments et des transitions entre les pages et créerez une spécification. Apprenez à effectuer une revue de conception après la mise en page.

Sprint 4
Techniques pour un portfolio impressionnant: créer un dossier sur Behance.

Étui portefeuille
Vous découvrirez ce qui est le mieux pour la promotion: un site Web de cartes de visite ou un portfolio sur des plateformes de conception. Apprenez à créer des cas sur Behance pour que votre travail soit remarqué et apprécié. Découvrez les méthodes de promotion payantes et gratuites.

Modules bonus

1. Principes d'un travail réussi avec le client
2. Où chercher les commandes
3. Comment les designers travaillent dans de grandes équipes

Projet de diplôme

Concept de conception de site Web
Choisissez l’un des vrais clients et développez une conception de site Web pour son entreprise. Utilisez les principes de narration pour parler de votre travail.