Ajout de la barre de navigation
Objectifs
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.
Résumé
Apprenez à intégrer la barre de navigation dans votre application mobile, en respectant les guidelines UI et les best practices.
Description
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.
Trop de "du coup" et du coup ça agace mais sinon super
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 !