Introduction aux Différents Breakpoints
Objectifs
Les objectifs de cette vidéo sont de:
- Comprendre l'importance des breakpoints dans le design web.
- Apprendre à adapter des prototypes à différentes résolutions d'écran.
- Optimiser l'expérience utilisateur sur différents dispositifs.
Résumé
Cette vidéo explique comment adapter un prototype web aux différents breakpoints pour optimiser l'expérience utilisateur sur différents dispositifs.
Description
Dans cette leçon, nous expliquons en détail comment adapter un prototype web en fonction des différents breakpoints disponibles. Nous commençons par la version de base, et nous continuons avec les versions pour les dispositifs à résolution de 960 et 640 pixels. Les modifications nécessaires pour chaque version sont mises en lumière, notamment la réduction de la largeur de l'espace des filtres et l'agrandissement des boutons de filtres pour une meilleure utilisation sur tablette. Nous abordons aussi les ajustements des produits pour garantir un confort visuel optimal et les changements au niveau des couleurs et des champs de recherche. Pour la version mobile, des modifications supplémentaires sont exposées, telles que l'alignement du logo, du champ de recherche et du panier, ainsi que l'implémentation de boutons pour les filtres et les couleurs. Cette vidéo clôture le projet SoCravate en vous invitant à reprendre le prototype et à l'améliorer.
Questions - réponses
Programme détaillé
Module 1 - Introduction
Module 2 - Pourquoi réaliser un prototype ?
Module 3 - Poser les bases du projet
Module 4 - Découvrir un logiciel de prototype : Axure
Module 5 - Prototypage d'un site responsive 2 breakpoints de A à Z - Desktop
Module 6 - Prototypage d'une application mobile
Module 7 - Conclusion
Facebook
Twitter
Linkedin
Email
Quel alternative possible qui ne coute pas un bras ?
Merci !