Finalisation de l'écran de l'application mobile

Barre de navigation
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

Les objectifs de cette vidéo sont :
- Apprendre à créer et intégrer une barre de navigation.
- Utiliser les best practices pour améliorer l'esthétique et l'ergonomie des interfaces.
- Maîtriser les techniques de centrage et de distribution des éléments UI.

Apprenez à intégrer la barre de navigation dans votre application mobile, en respectant les guidelines UI et les best practices.

Dans cette leçon, nous allons finaliser l'écran de notre application mobile en ajoutant une barre de navigation sous le timer et au-dessus du déroulé. Nous allons commencer par créer les éléments nécessaires, en utilisant des raccourcis clavier ou des formes déjà disponibles. Un style zone blanche sera appliqué aux éléments, puis nous importerons les pictogrammes.

Une fois les éléments créés, nous les regrouperons et les renommerons pour une meilleure organisation. Ensuite, nous ajouterons du texte, ajusterons sa position et sa couleur, et appliquerons des tips de design tels que les radius par angle pour obtenir un rendu homogène et esthétique.

Nous vérifierons les alignements pour garantir une distribution verticale bien calée et un centrage parfait. Enfin, nous effectuerons des ajustements finaux pour que tous les éléments soient correctement positionnés, tout en respectant les guidelines UI.

Cette leçon vous permettra d'améliorer vos compétences en design d'interfaces utilisateurs pour des applications mobiles, en vous assurant de créer des écrans attrayants et fonctionnels.

Voir plus
Questions réponses
Quelle est la première étape pour créer la barre de navigation?
La première étape est de créer les éléments nécessaires en utilisant des raccourcis clavier ou des formes déjà disponibles, puis d'appliquer un style zone blanche.
Comment peut-on assurer un centrage parfait des éléments?
On peut assurer un centrage parfait en vérifiant les alignements, distribuant verticalement les éléments et les centrant correctement dans la frame.
Pourquoi est-il important de vérifier les alignements et la distribution des éléments UI?
Il est important de vérifier les alignements et la distribution des éléments UI pour garantir un design homogène et esthétiquement plaisant, ce qui améliore l'expérience utilisateur.

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 !