CATALOGUE Design et Infographie Formation Sketch Atelier Sketch 3 - Créer une maquette web

Détails de la leçon

Description de la leçon

Cette leçon couvre en détail le processus d'ajout de contenu, spécifiquement un titre principal et trois cartes de bateaux, sur une page d'accueil de site web. Vous commencerez par créer un titre principal à l'aide de la typographie Futura en gras et stylisé avec une couleur bleue propre à votre site. Le titre sera aligné et de grande taille pour attirer l'attention.

Ensuite, vous apprendrez à ajouter trois éléments visuels sous forme de cartes de bateaux. En utilisant les raccourcis clavier comme Alt, Shift et Command D, vous dupliquerez et ajusterez les blocs de cartes pour les disposer de manière harmonieuse. Vous utiliserez les images en tant que masques, les redimensionnerez pour les rendre compatibles avec les blocs conteneurs, et appliquerez divers styles de texte pour ajouter des labels indiquant les villes associées (Paris, Marseille, Lyon) ainsi que les pays (France).

Chaque étape sera minutieusement expliquée, y compris l'ajout de prix, de labels supplémentaires et la création de groupes pour une meilleure gestion et alignement des éléments. Pour finir, la leçon traitera de la conversion des cartes en un carousel interactif avec des boutons de navigation réalisés à l'aide de l'outil Cercle.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :
- Apprendre à créer et styliser des titres et blocs d'images.
- Comprendre l'utilisation de raccourcis clavier pour l'alignement et le redimensionnement.
- Savoir créer et gérer des groupes d'éléments pour une meilleure organisation.

Prérequis pour cette leçon

Les prérequis pour suivre cette vidéo incluent :
- Connaissances de base en design web.
- Familiarité avec les logiciels de design graphique.
- Connaissances basiques en HTML et CSS.

Métiers concernés

Les usages professionnels ou métiers pour ce sujet incluent :
- Designer web
- Développeur front-end
- Consultant UX/UI

Alternatives et ressources

Les alternatives à cette méthode peuvent inclure l'utilisation de :
- Sketch
- Adobe XD
- Affinity Designer

Questions & Réponses

L'utilisation d'une typographie spécifique pour le titre aide à maintenir la cohérence visuelle et l'identité de la marque sur le site web.
On peut rapidement dupliquer un élément en utilisant les raccourcis clavier comme Alt et cliquez-glisser, ou Command D pour des duplications multiples.
L'utilisation de groupes pour les éléments facilite leur gestion et leur alignement, permet de les déplacer ensemble et assure une meilleure organisation du document.