CATALOGUE Design et Infographie Formation InDesign InDesign CC - Créer une Web App avec in5

Exporter une Web App pour Multi-Device

Retour à la formation
Chapitre 7 Leçon 11
Précédent
Suivant

Apprenez comment exporter une Web App pour divers appareils sans modifier les options disponibles, en mettant l'accent sur le format de départ et les mises en page liquides.

Détails de la leçon

Description de la leçon

Lorsque vous exportez un document en Web App pour des appareils variés tels que l'iPad, l'iPhone ou les appareils Android, il est crucial de comprendre que les options disponibles pour chaque plateforme restent identiques. Que ce soit Android, iPhone, iPad ou multi-device, toutes les configurations et paramètres dans les différents panneaux d'options ne changent pas. La seule différence réside dans le format initial du document. Il est impératif de choisir le bon format de départ ou d'utiliser une mise en page liquide appropriée, de sorte que le contenu soit correctement affiché sur l'appareil visé.

Les mises en page liquides offrent une flexibilité essentielle pour garantir une expérience utilisateur optimale sur divers écrans, permettant une adaptation fluide du contenu sans distorsion ni perte de fonctionnalités. Ce tutoriel détaillera comment configurer ces éléments pour une exportation réussie, assurant ainsi la compatibilité et l'usabilité des Web Apps sur toutes les plateformes cibles.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :

  • Comprendre les invariances des options de configuration lors de l'exportation pour différents appareils.
  • Savoir choisir et ajuster le format de départ pour diverses plateformes.
  • Appliquer des mises en page liquides pour une meilleure adaptabilité du contenu.

Prérequis pour cette leçon

Pour tirer le meilleur parti de cette vidéo, les spectateurs doivent avoir :

  • Des connaissances de base en développement de Web Apps.
  • Une compréhension des concepts de mise en page réactive.
  • Une expérience préalable dans l'utilisation de logiciels de création de contenu interactif.

Métiers concernés

Les professionnels concernés par ce sujet incluent :

  • Développeurs Web
  • Designers UX/UI
  • Gestionnaires de projets digitaux
  • Consultants en accessibilité numérique

Ces métiers requièrent une adaptation constante aux évolutions technologiques pour offrir des solutions compatibles avec un large éventail d'appareils.

Alternatives et ressources

Les alternatives aux mises en page liquides peuvent inclure :

  • L'utilisation de frameworks réactifs comme Bootstrap ou Foundation.
  • La création de mises en page spécifiques à chaque appareil avec CSS media queries.
  • L'exploitation d'outils comme Adobe XD ou Figma pour des prototypes multi-device.

Questions & Réponses

Les options de configuration restent identiques pour les appareils Android, iPhone, iPad et multi-device lors de l'exportation d'une Web App.
Le principal facteur à prendre en compte est le format de départ du document ou l'utilisation d'une mise en page liquide adaptée aux appareils cibles.
Les mises en page liquides permettent une adaptation fluide et optimale du contenu sur divers écrans, garantissant une expérience utilisateur sans distorsion ni perte de fonctionnalités.