CATALOGUE Design et Infographie Formation Figma Atelier Figma - Design d'application Guide Pratique pour Structurer un Listing de Recherche sur Figma

Guide Pratique pour Structurer un Listing de Recherche sur Figma

Ecran de recherche
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

Création et Personnalisation des Éléments de Base

Objectifs

Les objectifs de cette vidéo sont de :

- Maîtriser la structure d'une interface de recherche sur Figma.

- Apprendre à créer et personnaliser des boutons de commande.

- Découvrir des fonctionnalités avancées pour optimiser votre workflow.

Résumé

Découvrez comment structurer un listing de recherche sur Figma en maîtrisant les éléments de base et en préparant des boutons de recherche.

Description

Dans cette vidéo, nous nous intéressons à la partie structurelle de notre listing de recherche sur Figma. Vous apprendrez à créer un fond blanc et des boutons de commande pour annuler ou activer une recherche. Nous commencerons par dupliquer un écran existant, puis le renommer et ajuster les styles des éléments. Par exemple, vous verrez comment appliquer un style noir à une loupe ou ajuster les styles des curseurs de géolocalisation.

Ensuite, nous créerons deux boutons, l'un pour annuler la recherche et l'autre pour l'activer. Ces boutons seront agrémentés de couleurs spécifiques pour les différencier facilement : bleu foncé pour le bouton d'annulation et bleu clair pour le bouton d'activation. Vous apprendrez aussi à aligner et centrer ces boutons correctement par rapport à votre fenêtre de recherche.

Tout au long de cette leçon, vous découvrirez les fonctionnalités avancées de Figma qui vous permettront de gagner du temps lors de la création de vos interfaces. Enfin, dans la vidéo suivante, nous nous concentrerons sur le listing des résultats de recherche, en explorant davantage de fonctionnalités pour optimiser vos processus de travail. Cette vidéo est essentielle pour quiconque souhaite améliorer ses compétences en design UI sur Figma.

Voir plus

Questions - réponses

Pourquoi est-il important de bien structurer un listing de recherche ?
Une bonne structuration facilite la navigation et améliore l'expérience utilisateur, rendant les recherches plus rapides et efficaces.
Quels sont les styles principaux appliqués aux boutons dans cette vidéo ?
Les boutons sont stylisés avec du bleu foncé pour le bouton d'annulation et du bleu clair pour le bouton d'activation.
Quelle est la prochaine étape après la structuration de base dans cette vidéo ?
La prochaine étape consiste à s'intéresser au listing des résultats de recherche en utilisant des fonctionnalités avancées de Figma.

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 !