Maquette d'application mobile

Diagramme17 nœudsCréé à partir d'un seul prompt
Aperçu en lecture seule

À propos du cadre

La maquette mobile pour les applications fitness

Ce modèle illustre une maquette mobile à trois écrans pour une application de suivi fitness, suivant la convention d'afficher les flux utilisateur les plus critiques sur un seul canevas. Les trois écrans représentent les onglets de navigation principaux — Accueil (progression quotidienne), Entraînements (sélection d'activité) et Profil (données personnelles).

Chaque écran suit les conventions UI mobiles : barre d'état en haut, zone de contenu au milieu et barre d'onglets persistante en bas. L'écran d'accueil utilise un schéma d'anneau d'objectif (popularisé par l'Apple Watch) car les indicateurs de progression circulaires surpassent les barres linéaires pour la motivation. L'écran Entraînements utilise une mise en page en liste optimisée pour le défilement dans la zone de pouce.

Utilisez ce modèle comme point de départ pour les discussions avec les parties prenantes ou la remise aux développeurs. Demandez à l'IA d'ajouter plus d'écrans (détail d'entraînement, paramètres, fil social), de changer le domaine de l'application (finance, livraison de nourriture, éducation), ou de passer en haute fidélité avec des jeux de couleurs spécifiques.

Contenu inclus

Ce que vous obtenez

  • 3 écrans clés : Accueil, Entraînements, Profil
  • Navigation par barre d'onglets cohérente sur tous les écrans
  • Écran d'accueil avec anneau d'objectif quotidien et statistiques rapides
  • Liste des entraînements avec moyennes par catégorie
  • Écran de profil avec suivi des séries et paramètres
Diagramme

Maquette d'application mobile

maquetteapplication mobileUXfitnessdesign UIprototype

✦ Free preview · Sign in to use

Questions fréquentes

Questions courantes

Puis-je changer ce modèle pour un autre type d'application ?

Oui. Dites à l'IA « Convertir en maquette d'application de livraison de nourriture » ou « Faire une application bancaire avec les écrans Comptes, Paiements et Paramètres ». La structure de mise en page s'adapte à tout domaine d'application mobile.

Comment ajouter plus d'écrans ?

Demandez à l'IA d'« ajouter un écran de détail d'entraînement montrant le minuteur, la fréquence cardiaque et la liste des exercices » ou d'« ajouter un flux d'intégration avec 3 écrans d'introduction ». Les nouveaux écrans seront ajoutés aux côtés des existants.

Puis-je passer en haute fidélité ?

Demandez à l'IA d'« ajouter des éléments UI spécifiques : boutons arrondis, ombres des cartes et jeu de couleurs bleu/blanc ». Bien que cela n'atteigne pas la fidélité de Figma, cela fournit suffisamment de détails pour les premières revues de design.

Maquette d'application mobile

Gratuit pour commencer. Aucune carte de crédit requise.

Free preview · Sign in to use