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

Création d'une variante de mise en page pour iPad

Retour à la formation
Chapitre 6 Leçon 10
Précédent
Suivant

Apprenez à créer une nouvelle variante de mise en page au format iPad en utilisant les propriétés de mise en page liquide.

Détails de la leçon

Description de la leçon

Maintenant que le document est finalisé, nous allons utiliser les propriétés de mise en page liquide pour créer une nouvelle variante de mise en page au format iPad. Initialement prévue pour Android, cette Web App sera finalement publiée pour iPad. Nous allons ajuster le format source en format cible, en passant de 1280x800 (format Android) à un format vertical pour iPad, légèrement moins haut de 200 pixels et 40 pixels plus étroit en largeur.

Nous gérerons le comportement entre les variantes de mise en page, notamment le lien des articles, la copie des styles et la redistribution intelligente du texte. Ensuite, nous examinerons à quoi ressemble notre première page avec cette nouvelle mise en page, après avoir corrigé les éventuels ajustements nécessaires sur les différents éléments de chaque page.

Ce processus est essentiel pour garantir la cohérence visuelle et l'ergonomie de la Web App sur un appareil iPad, en respectant les paramètres de mise en page liquide définis au préalable.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de montrer comment créer une variante de mise en page pour iPad et de gérer les ajustements nécessaires pour différents formats d'écran en utilisant les propriétés de mise en page liquide.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en design de mise en page et en utilisation des logiciels de design.

Métiers concernés

Les compétences présentées dans cette vidéo sont particulièrement utiles pour les designers UX/UI et les développeurs front-end.

Alternatives et ressources

Pour créer des variantes de mise en page, vous pouvez utiliser des logiciels de design alternatifs comme Adobe XD ou Sketch.

Questions & Réponses

Créer une variante de mise en page pour iPad permet d'assurer que le contenu s'affiche correctement et de manière ergonomique, optimisant ainsi l'expérience utilisateur sur cet appareil.
Les principaux ajustements incluent la réduction de la hauteur totale de 200 pixels et un léger réajustement de la largeur, ainsi que les modifications nécessaires aux blocs de texte et autres éléments visuels.
Les éléments ajoutés sans attributs de mise en page liquide peuvent être paramétrés avec des attributs appropriés après coup, ou ajustés manuellement pour s'adapter à la nouvelle mise en page.