Conception d'Écran avec Dégradés

Fond en dégradé
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

Les objectifs de cette vidéo sont de :

  • Créer un fond dégradé sur une frame.
  • Appliquer et personnaliser des dégradés linéaires.
  • Organiser et gérer les styles de design.

Apprenez les étapes essentielles pour concevoir un écran avec des dégradés linéaires.

Dans cette leçon, nous explorerons les étapes initiales pour designer un écran. Tout d'abord, nous cacherons les colonnes inutiles pour optimiser notre espace de travail. Ensuite, nous introduirons un rectangle sur la frame en utilisant le raccourci clavier R. Une fois cela fait, nous appliquerons une couleur aléatoire comme base avant de passer au dégradé.

En consultant notre modèle, nous choisirons un dégradé linéaire vertical allant du bleu foncé au bleu clair. Nous définirons ce dégradé comme un style pour une utilisation répétée. Cette étape garantit une cohérence dans l'application des éléments visuels sur l'ensemble des écrans futurs.

Enfin, nous apprendrons à nommer et organiser nos styles pour un accès et une gestion plus efficaces. Cette vidéo présente une base solide pour toute entreprise de design d'interface.

Voir plus
Questions réponses
Pourquoi est-il nécessaire de cacher les colonnes avant de commencer le design?
Il est nécessaire de cacher les colonnes pour optimiser l'espace de travail et éviter les distractions inutiles durant le processus de design.
Comment peut-on ajouter un dégradé à un rectangle?
Pour ajouter un dégradé à un rectangle, il faut sélectionner le rectangle, aller dans les options de couleur et choisir 'linéaire' pour appliquer un dégradé linéaire, puis ajuster les couleurs et l'orientation selon les besoins.
Quels sont les avantages d'utiliser un style de dégradé dans le design d'interface?
Utiliser un style de dégradé permet d'assurer une cohérence visuelle sur différents écrans, facilite la réutilisation des mêmes paramètres de dégradé, et simplifie la gestion des couleurs dans le projet.

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 !