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
