CATALOGUE Design et Infographie Formation Figma Atelier Figma - Design d'application Comment Modifier une Charte Graphique et Appliquer des Styles

Comment Modifier une Charte Graphique et Appliquer des Styles

Faire évoluer votre designs dans le temps - passage en dark mode
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€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
159,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Utilisation des Styles dans les Chartes Graphiques

Objectifs

L'objectif de cette vidéo est de démontrer comment l'utilisation des styles dans un projet de design peut simplifier et accélérer les processus de mise à jour, tout en maintenant la cohérence visuelle.

Résumé

Découvrez comment économiser du temps en modifiant facilement votre charte graphique grâce à l'utilisation des styles.

Description

Dans cette leçon, nous allons explorer l'importance des styles dans la conception graphique et comment ces derniers peuvent vous faire gagner un temps précieux lors de la mise à jour de vos projets. Nous aborderons la création d'un dark mode, montrant comment les styles préexistants peuvent être ajustés pour offrir un look and feel différent. En ajustant simplement quelques éléments clés, telles que les couleurs de fond et les dégradés, vous pouvez transformer l'apparence de vos projets de manière rapide et efficace.

Un exemple pratique sera présenté, où nous passerons d'un mode clair à un mode sombre en fonction des conditions météorologiques ou de l'heure de la journée. Ce processus inclura la modification des composants de la barre de recherche et d'autres éléments de l'interface utilisateur. Nous verrons également comment les ajustements affectent globalement toutes les parties du projet qui utilisent ces styles.

En conclusion, comprendre et maîtriser les styles dans vos designs vous permettra non seulement de gagner du temps mais aussi de maintenir une cohérence visuelle tout au long de l'évolution de vos projets.

Voir plus

Questions - réponses

Pourquoi est-il avantageux d'utiliser des styles dans un projet de design?
L'utilisation des styles permet de gagner du temps et de maintenir une cohérence visuelle à travers toutes les modifications futures de la charte graphique.
Comment un mode sombre peut-il être implémenté dans un design existant?
En ajustant les couleurs de fond et de dégradé, ainsi que les composants comptant sur ces styles pour qu'ils s'alignent avec les nouvelles exigences visuelles du mode sombre.
Quels types de modifications peuvent être rapidement effectuées grâce aux styles?
Vous pouvez rapidement modifier les couleurs, les typographies, et autres éléments de design en les ajustant au niveau des styles, ce qui affecte tous les composants liés automatiquement.

Programme détaillé

8 commentaires
4,5
8 votes
5
4
3
2
1
pa12
Il y a 1 year
Commentaire
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
Commentaire
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
Commentaire
Bien pour apprendre les bases, mais manque les nouveautés de 2022.
nicolas.dessis
Il y a 1 year
Commentaire
Merci !
pioupiou06
Il y a 2 years
Commentaire
Super formation ! très bien expliquée !
pulpozien
Il y a 2 years
Commentaire
Très bonne formation.
Trop de "du coup" et du coup ça agace mais sinon super
maellechancerelle
Il y a 3 years
Commentaire
Super formation!!
stephanehugon
Il y a 3 years
Commentaire
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 !