CATALOGUE Design et Infographie Formation Figma Atelier Figma - Design d'application

Finalisation de l'écran de l'application mobile

Retour à la formation
Chapitre 3 Leçon 13
Précédent
Suivant

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

Détails de la leçon

Description de la leçon

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.

Objectifs de cette leçon

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.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en design d'interfaces et en alert studio, ainsi qu'une expérience pratique avec des outils de design d'interface utilisateur.

Métiers concernés

Les compétences développées dans cette vidéo peuvent être appliquées dans les métiers suivants :
- Développeur d'applications mobiles.
- UI/UX designer.
- Designer d'interfaces.
- Chef de projet digital.

Alternatives et ressources

En alternative à cette méthode, vous pouvez utiliser des outils tels que Sketch, Adobe XD ou InVision pour créer et intégrer vos barres de navigation.

Questions & Réponses

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.
On peut assurer un centrage parfait en vérifiant les alignements, distribuant verticalement les éléments et les centrant correctement dans la frame.
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.