Gestion des Documents
Les outils de dessin vectoriel
Les Textes
Importation de fichiers et d'images
Les différents effets graphiques
Création d’éléments répétés
Redimensionnement réactif
Utilisation des composants
Utilisation et gestion des Actifs
Le mode Prototype
Plug-ins
Partage de designs et de prototypes
Les différents types d'export
Détails de la leçon
Description de la leçon
En fonction du style graphique employé dans vos designs d'interface, il est souvent nécessaire d'utiliser des ombres portées. Ces dernières sont essentielles dans le Material Design de Google pour donner de l'affordance aux éléments interactifs. Ce guide vous montre comment les implémenter sur différents types d'entités, que ce soit des textes, images ou éléments vectoriels. Vous apprendrez à ajuster les paramètres de positionnement en X et Y, ainsi que le flou (blur) pour personnaliser l'effet d'ombre. Ce tutoriel vous guide également pour adapter la couleur et l'opacité des ombres pour les harmoniser avec votre design global, offrant ainsi une meilleure structure et hiérarchisation visuelle pour vos interfaces.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de :
- Montrer comment appliquer des ombres portées sur différents éléments.
- Expliquer la personnalisation des valeurs de positionnement en X et Y.
- Illustrer l'ajustement du flou et de la couleur.
Prérequis pour cette leçon
Il est préférable de posséder des connaissances de base en design d'interface et de maîtriser au moins un logiciel de design tel que Illustrator ou Photoshop.
Métiers concernés
Les professionnels concernés par cette vidéo incluent :
- Ux/UI designers
- Développeurs front-end
- Graphistes
Alternatives et ressources
Comme alternatives, vous pouvez utiliser des logiciels de design d'interface tels que Figma, Sketch, ou Adobe XD pour appliquer des ombres portées et d'autres effets visuels.
Questions & Réponses
Je m'abonne