Découvrez notre formationMaterial Design - Conception d'interfaces utilisateurs
Présentiel
1 jour (7 heures) - MD-INT
Accueil › Formations Multimédia › Web et Mobile Design › Intégration Web et mobile / Développeur Front End › Material Design - Conception d'interfaces utilisateurs
Objectifs pédagogiques
- Concevoir et réaliser une interface Material Design
- Comprendre les implications du Material Design sur votre conception
- Modifier les concepts de base et les adapter à vos besoins.
Niveau requis
Avoir des notions de base de JavaScript, comprendre les notions d'UI / UX Design et maîtriser HTML et CSS.
Public concerné
Webmasters, maquettistes, infographistes, responsables de communication, chefs de projets et responsables de campagne multicanal.
Paris Chaillot27/03/2020580 € HTDates proposées dans les agences M2i
Paris Chaillot06/07/2020580 € HTDates proposées dans les agences M2i
Paris Chaillot05/11/2020580 € HTDates proposées dans les agences M2i
Sessions
planifiéesSessions
ouvertesSessions
confirméesRéserver
le stage
Programme
1 jour (7 heures)
Les grandes étapes du Web Design
- Skeuomorphisme
- Flat Design
Unifier les interfaces utilisateurs
- Importance de l'interface mobile
- Principes du Material Design
Découvrir les principes du Material Design
- Une interface "physique"
- L'animation au service de l'UX
- Le rôle de la profondeur
- Des compositions "responsive"
Démarrer avec Material Design
- Un workflow classique
- Prototype avec Adobe XD
Le Framework Materialize CSS
- Eléments du Framework
- Chargement du Framework
- Utilisation du CDN (Content Delivery Network)
- Démarrer
Principe des composants
- Réglages CSS
- Gestion des palettes de couleurs
- Gestion de la grilles de colonnes
- Helpers et utilitaires
- Médias responsive
- Ombres et profondeur
- Transitions
- Styles typographiques
Composants d'interface
- Tableaux
- Badges et notifications
- Les trois types de boutons
- Fil d'Ariane
- Cartes et gestion des contenus
- Collections et listes d'objets
- Boutons d'action flottant
- Footer
- Icones Google Fonts
- Barre de navigation
- Pagination
- Préchargement
Interactions JavaScript
- Initialisation
- Accordéon
- Menus déroulants
- Boîtes modales
- Eléments punaisés
- Barre de navigation latérale
- Onglets
- Infobulles
- Transitions