Importance des Breakpoints dans la Conception Web
Objectifs
Les objectifs de cette vidéo sont d'expliquer l'importance des breakpoints dans la conception web, de démontrer l'utilisation des grilles adaptatives et de fournir des outils pratiques pour intégrer ces concepts dans le développement de sites web.
Résumé
Cette leçon couvre la définition et l'application des breakpoints dans la création de grilles pour une conception web adaptable.
Description
Cette leçon explore l'importance de définir des breakpoints lors de la mise en place de grilles pour la conception web. Elle détaille comment la structure de la grille doit être adaptée en fonction des vues et des formats d'écran différents.
Le fichier maître utilisé dans cette leçon est exemplifié, présentant une base de 12 colonnes avec des éléments spécifiques comme les gouttières et les largeurs de colonne. Ces configurations permettent une conception maintenable et adaptable aux différentes résolutions d'écran : 960px, 640px, et 320px.
Au fil de la leçon, il est montré comment l'exportation de ces grilles et leur ajustement dynamique en fonction de la taille de l'écran peut faciliter le processus de prototypage de sites web, rendant ainsi la production plus fluide.
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 !