Tutoriel sur la Création du Neumorphisme Design

Neumorphism
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Atelier Figma - Design d'application
Revoir le teaser Je m'abonne
4,5
Transcription

159,00€ 79,50€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,5
159,00€ 79,50€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

Découvrez comment réaliser un design en neumorphisme, une tendance moderne, et apprenez à ajouter des effets de shadow.

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.

Voir plus
Questions réponses
Qu'est-ce que le neumorphisme en design?
Le neumorphisme est une tendance en design qui combine éléments de skeuomorphisme et de flat design en utilisant des ombres douces et des effets de lumière pour créer l'illusion de relief et de profondeur.
Pourquoi utilisons-nous des ombres négatives dans le neumorphisme?
Les ombres négatives sont utilisées pour créer une réflexion lumineuse qui simule une source de lumière située en haut à gauche, donnant ainsi l'impression que l'élément est en relief ou creusé.
Comment s'assurer que les ombres dans un design neumorphique semblent réalistes?
Il est crucial de fine-tuner les ombres en ajustant les valeurs de blur, d'offset, et d'opacité pour simuler la lumière naturelle et obtenir un rendu visuel cohérent avec le modèle de référence.

Programme détaillé

8 commentaires
4,5
8 votes
5
4
3
2
1
pa12
Il y a 1 year
Je viens de débuter la formation mais quel dommage de ne pas avoir le fichier de travail avec... Une grosse perte de temps pour les images, les icones...etc. Pouvez-vous svp ajouter ce fichier à télécharger?
jc.mosca
Il y a 1 year
Comme dit plus haut, mise à part les centaines de "du coup" et "en fait" plutôt agaçants, c'est comme d'habitude chez Elephorm une formation enrichissante. J'ai mis seulement 4 étoiles car il manque la démonstration des overlays, des contraintes, des listes à puces et pas mal d'autres. Ce serait bien qu'Elephorm fasse des mises à jour de ses formations.
ousmane.ndia
Il y a 1 year
Bien pour apprendre les bases, mais manque les nouveautés de 2022.
nicolas.dessis
Il y a 2 years
Merci !
pioupiou06
Il y a 2 years
Super formation ! très bien expliquée !
pulpozien
Il y a 2 years
Très bonne formation.
Trop de "du coup" et du coup ça agace mais sinon super
maellechancerelle
Il y a 3 years
Super formation!!
stephanehugon
Il y a 3 years
Cette formation est vraiment au top ! Je ne connaissais rien de Figma (étant "seulement" développeur à la base) et j'ai appris beaucoup de choses, je recommande donc cette formation; le formateur est très sympathique et professionnel dans sa pédagogie, c'est très agréable à suivre. Je recommande par contre d'avoir au moins deux écrans (voir trois) pour suivre la vidéo et pratiquer/prendre des notes en même temps.

Seul bémol par contre, pitié Elephorm, mettez les fichiers de travail avec la formation... (Ce n'est pas la seule sur laquelle il manque les fichiers d'ailleurs); mais mettez-les, ça évite d'aller chercher à droite et à gauche des SVG que l'on doit convertir, des images, etc...

A part ça, super formation !