Introduction aux Maquettes de Conception
Objectifs
L'objectif de cette vidéo est d'apprendre à créer des maquettes de conception graphique adaptées à différents types d'écrans, en utilisant des points de rupture et des grilles structurées, afin de faciliter l'intégration et la cohérence visuelle des projets web.
Résumé
Découvrez comment réaliser des maquettes de conception graphique pour différents types d'écrans, en respectant les points de rupture et en utilisant des grilles de mise en page précises.
Description
Dans cette leçon, nous explorons la création de maquettes de conception graphique adaptées aux divers appareils, notamment les écrans, tablettes et smartphones. En utilisant Photoshop et d'autres logiciels de création graphique comme Illustrator, nous avons conçu trois maquettes respectant des points de rupture spécifiques.
Nous avons déterminé un point de rupture à 320 pixels pour les smartphones, 769 pixels pour les tablettes, et 1200 pixels pour les écrans plus larges. Nous expliquons l'importance de la précision des pixels dans l'intégration et comment utiliser des grilles de tailles diverses pour structurer vos maquettes.
N'hésitez pas à employer des grilles préexistantes comme celle du site 960.gs, ou à créer vos propres grilles adaptées. Nous abordons également des outils disponibles en ligne pour faciliter ce processus. Ces grilles sont essentielles pour garantir que chaque élément de votre conception s'aligne correctement, assurant une mise en page cohérente et efficace lors de l'intégration.