Ajouter à la disposition Flex
Utilisez le panneau Disposition Flex dans InDesign pour créer, aligner, habiller, justifier et espacer les éléments, ainsi que définir leur sens dans une disposition Flex.
En quoi consiste la disposition Flex ?
La Disposition Flex est une fonctionnalité qui vous permet de créer des conteneurs qui s’adaptent automatiquement lorsque le contenu change. Les éléments dans le conteneur sont positionnés en utilisant la direction, l’espacement, la marge intérieure et l’alignement. Lorsque du contenu est ajouté, supprimé ou redimensionné, la disposition est automatiquement ajustée, ce qui élimine le besoin d’ajustements manuels.
Accès aux options Disposition Flex
Sélectionnez un objet/groupe/plusieurs objets dans votre document et effectuez l’une des actions suivantes pour accéder aux options Disposition Flex :
- Accédez à Objet > Disposition Flex.
- Cliquez avec le bouton droit de la souris sur l’objet pour accéder à Disposition Flex.
- Accédez à Fenêtre > panneau Disposition Flex.
- Sélectionnez une fois pour travailler avec l’élément parent Flex et double-cliquez pour sélectionner l’élément enfant.
- Utilisez l’outil Sélection directe pour sélectionner les éléments enfants.
|
|
Ajoute les objets sélectionnés à une disposition Flex. |
|
Convertir en disposition Flex |
Convertit un objet (bloc rectangulaire, forme rectangulaire ou groupe) en disposition Flex. |
|
Supprimer la disposition Flex |
Supprime la disposition Flex de la sélection. Si la disposition Flex contenait plusieurs objets, un groupe est créé. S’il n’y avait qu’un seul objet, l’objet reste tel quel. |
|
Afficher les commandes Flex |
Ouvre le panneau Disposition Flex (alternative au panneau Propriétés). |
La fonctionnalité Disposition Flex introduit un concept de conteneur similaire à CSS Flexbox dans InDesign. Elle offre un contrôle performant de la mise en page pour les objets enfants. Grâce à Disposition Flex, les designs deviennent structurés, plus adaptatifs et nécessitent moins de réglages manuels.
Conteneur de disposition Flex
Vous pouvez configurer les propriétés de la disposition Flex directement depuis Styles d’objet. Vous pouvez créer un style d’objet nommé Conteneur vertical qui inclut les paramètres de disposition Flex, puis l’appliquer à n’importe quel conteneur de disposition Flex de votre mise en page.
Exemple :
Utilisez le panneau Styles d’objet pour appliquer la disposition Flex et définir des propriétés telles que le sens, l’alignement et l’espacement. Une fois enregistré, appliquez ce style à d’autres conteneurs pour un comportement de disposition cohérent.
Disposition Flex enfant
Dans la même section Disposition Flex de Styles d’objet, vous pouvez également définir les propriétés des éléments enfants d’une disposition Flex ainsi que leurs propres éléments enfants imbriqués. Cela vous permet de standardiser un comportement (dimensions fixes ou flexibles, par exemple) dans votre disposition.
- Création directe d’éléments interactifs : convertissez les éléments enfants d’une disposition Flex en éléments interactifs sans avoir à les créer séparément et à les ajouter à la disposition Flex.
- Verrouillage des éléments enfants : verrouillez un ou plusieurs éléments enfants d’une disposition Flex pour éviter qu’ils ne soient directement déplacés par glisser-déposer, redimensionnés ou sortis hors du cadre, tout en autorisant les changements de position à l’aide des touches fléchées du clavier.
- Navigation au clavier pour les éléments enfants : repositionnez les éléments verrouillés ou déverrouillés à l’aide des touches fléchées gauche ou droite dans les dispositions horizontales ou des touches fléchées haut ou bas dans les dispositions verticales.
Vous pouvez utiliser Styles d’objet pour définir les propriétés Flex dans les cadres Flex verrouillés.
Panneau Disposition Flex
Pour accéder au panneau, accédez à Fenêtre > Disposition Flex. Le panneau Disposition Flex s’ouvre. Vous pouvez maintenant créer ou ajouter une disposition Flex ou personnaliser une disposition existante selon vos besoins. En l’absence de sélection, vous pouvez utiliser le panneau pour modifier les valeurs par défaut (applicable si la détection automatique est désactivée). Accédez à Préférences > Général > Détecter et appliquer automatiquement les paramètres de mise en page Flex pour vérifier le paramètre de détection automatique.
A. Largeur du conteneur Flex B. Hauteur du conteneur Flex C. Habillage D. Direction des objets dans la disposition Flex E. Espacement vertical F. Espacement horizontal G. Marge intérieure H. Justification I. Alignement des objets dans la disposition Flex
|
Largeur et Hauteur |
La taille des conteneurs Disposition Flex et de leurs objets enfants peut être contrôlée indépendamment. Pour un conteneur Disposition Flex, la largeur et la hauteur peuvent être :
Pour un objet enfant Disposition Flex (y compris les dispositions Flex imbriquées) :
|
||||||||||||||||||
|
Habillage |
Active ou désactive l’habillage d’objet dans le conteneur. |
||||||||||||||||||
|
Sens
|
Choisissez comment les éléments s’affichent dans le conteneur (ligne, ligne inversée, colonne, colonne inversée). |
||||||||||||||||||
|
Pas |
Contrôle la marge et l’espacement.
|
||||||||||||||||||
|
Justification |
Contrôle la distribution des éléments le long de l’axe principal.
|
||||||||||||||||||
|
Alignement |
Aligne les éléments sur l’axe transversal : Haut, Centre, Bas, ou Gauche, Centre, Droite.
|
Indicateurs de sélection dans les dispositions Flex
InDesign utilise des repères visuels pour vous aider à comprendre les états de sélection dans les dispositions Flex :
- Les contours en pointillés indiquent les niveaux de disposition non actifs.
- Les contours pleins indiquent les cadres de même niveau sélectionnables.
- L’outil Sélection directe vous permet de sélectionner directement les cadres imbriqués sans clics répétés.
Ces indicateurs aident à clarifier la hiérarchie et les critères de sélection lorsque vous utilisez des dispositions imbriquées.
Contrôles de marge et d’espacement sur la zone de travail
Les dispositions Flex fournissent des contrôles interactifs sur la zone de travail pour ajuster la marge et l’espacement :
- Marge interne liée : ajustez les quatre valeurs de marge interne ensemble.
- Marge interne non liée : ajustez chaque côté indépendamment.
- Espacement horizontal et vertical : modifiez directement l’espacement entre les éléments, y compris les lignes ou colonnes renvoyées à la ligne.
Les indicateurs visuels sur la zone de travail reflètent les valeurs actuelles et se mettent à jour en temps réel dans le panneau Disposition Flex.
Transformation et rupture les blocs de disposition Flex
Vous pouvez maintenant faire pivoter, mettre en miroir, redimensionner ou couper une disposition Flex sans interrompre son comportement. Les transformations s’appliquent aux blocs Flex parents et imbriqués, et le panneau Disposition Flex reste actif pendant que vous transformez les objets. Cela vous permet d’ajuster l’alignement, l’espacement, l’habillage et le sens tout en transformant les dispositions, sans rompre la structure Flex.
Créez des supports imprimés et numériques avec InDesign
Concevez des annonces, des mises en page de magazines, des formats de livres et plein d’autres contenus percutants.