Pourquoi réaliser un prototype ?
Poser les bases du projet
Découvrir un logiciel de prototype : Axure
Prototypage d'un site responsive 2 breakpoints de A à Z - Desktop
Prototypage d'une application mobile
Conclusion
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
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.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en HTML, en CSS et une compréhension générale des concepts de design responsive.
Métiers concernés
Les compétences couvertes dans cette leçon sont particulièrement utiles pour les designers UX/UI, les développeurs front-end et les chefs de projet web.
Alternatives et ressources
En alternative à l'utilisation de grilles personnalisées, des frameworks comme Bootstrap ou Foundation peuvent être utilisés pour la mise en place de grilles responsives.
Questions & Réponses
Je m'abonne