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

Création d'un menu déroulant interactif avec Adobe InDesign

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

Apprenez à créer un menu déroulant dans Adobe InDesign, en utilisant des boutons interactifs pour afficher et masquer des éléments.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons voir comment terminer la construction d'un document en ajoutant un menu déroulant interactif sur une page de gabarit dans Adobe InDesign. Ce menu est composé de neuf éléments visibles et un élément invisible. Les éléments visibles incluent des boutons qui permettent d'afficher ou de masquer d'autres boutons en fonction des actions définies.

Les boutons blancs contiennent les intitulés des rubriques et possèdent deux actions : atteindre la page spécifiée et afficher/masquer les boutons. Chaque clic sur un bouton blanc masque tous les boutons blancs et le fond bleu. De même, les trois petits points situés en dessous du menu agissent de manière similaire mais ne redirigent pas vers une autre page.

L'élément invisible joue un rôle crucial car il déclenche l'affichage des éléments visibles du menu lorsqu'on clique dessus, tout en se masquant lui-même. Grâce à une astuce de permutation entre affichage et masquage, ce mécanisme assure une expérience utilisateur fluide.

Enfin, nous paramétrons la mise en page liquide pour garantir que tous les éléments du menu, attachés en bas, demeurent à 100% de leurs dimensions initiales, sans redimensionnement automatique.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :
- Enseigner comment créer un menu déroulant interactif.
- Utiliser les boutons pour gérer l'affichage et le masquage des éléments.
- Paramétrer la mise en page liquide de manière efficace.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé de :
- Avoir des connaissances de base en Adobe InDesign.
- Savoir utiliser les boutons interactifs dans InDesign.
- Comprendre les principes de la mise en page liquide.

Métiers concernés

Les professionnels concernés par cette vidéo incluent les :
- Graphistes.
- Designers UI/UX.
- Éditeurs de contenu.
- Développeurs de supports interactifs.

Alternatives et ressources

Comme alternatives, vous pouvez utiliser d'autres logiciels de conception graphique tels que Adobe Illustrator ou Affinity Designer, bien que les fonctionnalités spécifiques aux menus déroulants interactifs puissent varier.

Questions & Réponses

Pour afficher et masquer des éléments dans InDesign, il faut utiliser des boutons interactifs car seul ce type d'élément peut déclencher ces actions.
L'élément invisible est essentiel car il déclenche l'affichage des boutons visibles du menu lorsqu'on clique dessus et se masque en même temps.
Attacher les éléments en bas garantit qu'ils conservent leurs dimensions et positions relatives lors du redimensionnement de la page, maintenant ainsi l'intégrité du menu.