Tutoriel sur la Création du Neumorphisme Design
Découvrez comment réaliser un design en neumorphisme, une tendance moderne, et apprenez à ajouter des effets de shadow.
Installation de Figma
Découverte de l'interface
Refonte de l'application météo "Rain Today"
Prototypage de l'app
Pour aller plus loin / Bonus
Détails de la leçon
Description de la leçon
Dans cette leçon, vous serez guidé à travers les étapes nécessaires pour créer un design en neumorphisme. Vous commencerez par créer une frame de MacBook Pro pour un espace de travail optimal. À partir de là, vous dessinerez un rectangle avec un radius de 20 et lui appliquerez la même couleur que le fond, rendant le dessin initialement invisible. Vous apprendrez ensuite à ajouter des effets de Drop Shadow pour créer des ombres avec des valeurs spécifiques de 10 pour l'offset et 20 pour le blur, modifiant également les couleurs et l'opacité pour obtenir l'effet désiré. Pour finaliser le design, vous ajouterez une deuxième ombre Drop Shadow avec des valeurs négatives pour simuler une réflexion lumineuse. Vous utiliserez aussi des Inner Shadows pour donner un effet de creux ou de relief. Enfin, nous discuterons de l'importance du fine-tuning des ombres pour obtenir un rendu final réaliste, tout en expliquant comment cela peut être réutilisé dans différents composants de design.
Objectifs de cette leçon
L'objectif est de vous familiariser avec le neumorphisme, vous apprendre à créer des effets visuels réalistes et esthétiques en utilisant des ombres et des reflets, et de développer des composants visuels réutilisables pour vos projets de design.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir une connaissance de base en design graphique et de savoir utiliser des outils de design comme Sketch, Figma ou Adobe XD.
Métiers concernés
Les compétences acquises dans cette leçon sont applicables aux métiers tels que graphic designer, UX/UI designer, et web designer.
Alternatives et ressources
En plus des outils mentionnés, vous pouvez utiliser Adobe Photoshop, Affinity Designer ou GIMP pour obtenir des résultats similaires.
Questions & Réponses