Créer et Diffuser des Documents Interactifs avec InDesign

Enregistrer le document interactif
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser InDesign CC 2021 - Techniques avancées
Revoir le teaser Je m'abonne
Description Programme Avis

Les objectifs de cette vidéo sont de :

  • Comprendre les différentes méthodes de diffusion de documents interactifs avec InDesign.
  • Apprendre à exporter des documents au format ePub avec une mise en page fixe.
  • Découvrir les avantages de Publish Online pour une diffusion web directe.

Apprenez à diffuser des documents interactifs créés avec InDesign, en utilisant des formats comme PDF, ePub, et Publish Online.

Cette leçon vous guide à travers les différentes méthodes de diffusion des documents interactifs créés avec InDesign. Bien que le PDF interactif soit couramment utilisé, il présente des limitations en termes d'interactivité. Pour une expérience utilisateur plus riche, nous explorerons les formats ePub et Publish Online.

Le format ePub, spécifiquement avec une mise en page fixe, est adapté aux tablettes telles que l'iPad et la Samsung Galaxy Tab. Ce format conserve la mise en page originale et permet une navigation tactile fluide, intégrant animations et liens interactifs.

Afin de visualiser un ePub, il est nécessaire de disposer d'un périphérique compatible, de préférence une tablette, et de télécharger le document via email ou autre moyen. Une présentation pas-à-pas de l'exportation ePub est étudiée dans la vidéo.

La seconde méthode, Publish Online, permet de mettre en ligne directement depuis InDesign. Cet outil offre la possibilité de partager votre document via un lien unique, permettant ainsi une consultation en ligne avec toutes les fonctionnalités interactives intactes.

Enfin, la vidéo présente les options et paramètres pour optimiser la diffusion et l'interactivité de votre document, garantissant une expérience utilisateur optimale sur divers supports numériques.

Voir plus
Questions réponses
Quels sont les trois formats de diffusion interactive discutés dans cette vidéo ?
Les trois formats de diffusion interactive abordés sont le PDF, l'ePub et Publish Online.
Quels sont les avantages du format ePub avec mise en page fixe ?
Le format ePub avec mise en page fixe conserve la mise en page originale du document et permet une navigation tactile fluide sur les tablettes.
Pourquoi Publish Online est-il une option intéressante pour la diffusion de documents ?
Publish Online permet de diffuser directement des documents interactifs depuis InDesign sur le web, avec toutes les fonctionnalités interactives intactes et accessible via un lien unique.
Ce document interactif contient un certain nombre d'éléments interactifs, à commencer par un certain nombre de choses comme le lien ici vers le site web, mais également des animations au sein de la couverture, des boutons d'action qui permettent de revenir par exemple à la page d'accueil, mais aussi ici des animations de blocs de texte, etc. Et donc se pose la question évidemment à un moment donné de savoir comment on va diffuser ce document. Alors on a bien noté déjà dans une séquence précédente que le PDF interactif, qui est certes le moyen le plus courant de diffuser de l'information, est peut-être aussi celui qui vous offre le moins de potentiel numérique interactif, puisque seuls les hyperliens et les boutons seront compatibles en tout cas avec le document PDF interactif. Alors pour aller un petit peu plus loin, je vais vous proposer deux solutions, dont une que je vais pouvoir vous montrer en réel puisque les deux solutions dont je vais vous parler c'est Publish Online et l'ePub. Alors l'ePub me pose un souci parce que pour vous montrer évidemment le résultat d'un ePub, il faudrait que je puisse disposer d'un iPad et projeter l'image de l'iPad, et cet iPad là contenant mon ePub me permettra de naviguer sur ma tablette, par exemple de type iPad ou Samsung, ça fonctionne aussi, avec le doigt, c'est-à-dire qu'en tapotant sur le doigt, avec le doigt sur la maison, je reviendrai à l'accueil, mais ce que je vais constater aussi c'est que les animations que j'aurai mises en place dans ma page de couvre vont fonctionner, que le fait de cliquer avec le doigt sur le lien va m'amener directement sur le site de photo Unsplash, etc. Mais il faudrait évidemment visualiser sur un iPad ou une tablette de type Samsung Galaxy Tab par exemple le rendu. Donc ça, je vous laisserai l'essayer, alors je vais déjà vous montrer quel est le chemin qui permet d'enregistrer ce type de document, et ensuite il faudra que de votre côté vous puissiez trouver le moyen de charger ce document sur votre iPad, alors le plus simple étant de l'envoyer par mail ou de le télécharger directement si vous avez l'habitude de le faire. Et donc pour créer un ePub, donc un document lisible sur tablette, il suffirait, une fois que vous avez naturellement enregistré votre document une dernière fois, de l'exporter ici, en choisissant précisément comme format d'enregistrement ici, ePub, mise en page, fixe. Alors faites très attention de ne pas opter pour celui-ci, en fait ça ne fait pas appel à la même version d'ePub, là on est sur du 2.0, alors que là on est sur du 3.0 minimum, et pour le coup la différence notable entre celui-ci et celui-là, c'est que le redistribuable il est vraiment fait pour les liseuses de type Kobo pour lire un bouquin, avec une mise en page qui va se déformer en fonction de la taille de votre liseuse, ça casserait complètement la mise en page qu'on a mise en place ensemble dans InDesign. Ici, en choisissant mise en page fixe, la taille de la mise en page d'origine va être conservée évidemment, et d'autant plus si vous l'avez mise en route, cette mise en page-là, en demandant par exemple ceci, quand vous avez fait votre nouveau document, en demandant pourquoi pas un document à vocation numérique de type mobile, et pourquoi pas orienté iPad, alors iPad Pro, Retina ou Samsung, puisqu'on a ici des tablettes de type Android, on a des tablettes de type iPad, etc. À partir du moment où vous avez choisi ce document-là et que vous restez en mise en page fixe, le deuxième choix donc, vous conserverez en tout état de cause votre dimension adaptée à votre périphérique du moment. C'est pour ça que dans ce type de mise en page un peu graphique, il est conseillé de plutôt opter pour une exportation au format EPUB, mise en page fixe. Comme je n'ai pas le lecteur derrière pour vous le montrer, je vais directement vous proposer plutôt ceci, à savoir que cette mise en page-là, je vais directement soit demander à l'exporter sur Publish Online, soit ici, directement cliquer sur le bouton qui apparaît en haut à droite et qui s'appelle aussi Publish Online. Alors vous allez voir, ce n'est pas très compliqué, on va en fait avoir la possibilité, et ça revient exactement au même que si je l'utilisais sur une tablette, mais on va pouvoir directement mettre en ligne ce document qu'on vient de mettre en place dans InDesign, avec la possibilité de lui rajouter un texte ici, un titre, par exemple, « Test document interactif, voilà, document réalisé sur InDesign », pourquoi pas 2020. Ici, on pourra demander à utiliser l'option qui est ici, qui est très pratique mais dangereuse, il faut juste savoir de quoi on parle, « Autoriser les utilisateurs à télécharger le document en format PDF », et donc sous-entendu à pouvoir l'imprimer. C'est vous qui décidez, évidemment, de rendre cette action possible, alors on peut le faire, pourquoi pas. L'autre chose qui est relativement intéressante ici dans « Avancer », c'est la possibilité ici de choisir la page qui fera office de page d'accueil, de page de couverture, lorsque sur votre liste de documents en ligne, vous aurez envie d'afficher les couvertures. Donc ça, ça peut être intéressant, et vous pourriez évidemment, comme en vidéo, choisir une image particulière qui ferait office de page d'accueil avec un joli titre, une belle photo, etc. On peut évidemment régler un certain nombre de choses concernant la qualité des images, la qualité de la résolution, donc ici, si on opte pour un affichage de 96, on couvre à peu près les besoins courants d'un affichage sur les écrans d'ordinateur en général. Voilà, donc je me limite à ça pour le moment. En fonction du fait que vous avez activé ou pas cette option-là, « Autoriser les utilisateurs à télécharger le document en format PDF », et bien pourquoi pas, tant que vous y êtes, choisir la qualité que vous permettez lors du chargement du PDF. Sachant que si vous exagérez un peu, on pourrait vous piquer votre document, l'imprimer dans de bonnes conditions. Si j'étais vous, par prudence, peut-être autoriser le PDF en taille légère, qualité moyenne, impression difficile pour le coup, puisqu'on n'aura pas de la haute déf sur ce type de document. Mais au moins, c'est plus prudent, vous vous préservez un petit peu. Donc à partir de là, vous avez compris que ce n'est pas bien méchant, je vais cliquer sur le bouton « Publier ». Ça va me permettre d'arriver dans une fenêtre intermédiaire, qui met un petit peu de temps à s'afficher, parce qu'il faut bien comprendre que là, vous êtes en train de préparer la diffusion numérique de votre document qui contient des photos, des textes, des animations. Donc ce qu'est en train de faire InDesign ici, c'est une sorte d'assemblage numérique pour le publier directement. Alors ici, on peut imaginer que l'image de la couverture est manquante. Alors pourquoi ? Parce que j'ai dû demander ici au moment de mon exportation, et j'en profite pour vous souligner cette erreur, mais parce que ça peut vous arriver aussi, ici dans « Avancer ». Quand vous demandez à choisir ici, si vous oubliez de revenir sur première page, eh bien bêtement, il attend que vous lui donniez une image pour la couverture. Et comme je suis pas allé au bout de ma démarche, que je lui ai pas mis de photo en ligne, il me dit « Elle est où ton image ? ». Donc méfiez-vous de ce genre de choses, ce genre de petites bêtises qui pourraient vous arriver. C'est pour ça que je suis permis de garder l'erreur dans la séquence, ça peut servir de leçon. Et donc je publie en faisant attention que la première page est bien la page de ma couverture qui va faire aussi office d'image d'affichage pour ma couvre. Je publie, donc j'attends que ça se passe. Alors ça va prendre le temps que ça va prendre, évidemment. Encore une fois, on assemble, on prépare. Et suivant la vitesse de votre bande passante et la qualité des images contenues dans votre brochure, ça prendra plus ou moins de temps. Alors à partir de là, je vais me retrouver dans cette fenêtre qui est assez intéressante. Alors c'est là où vous avez besoin d'un débit internet qui soit un petit peu raisonnable et surtout d'avoir au préalable pris le soin d'intégrer dans vos photos, dans vos brochures, pardon, des photos qui ne soient pas trop qualitatives Évidemment, le temps de chargement va s'en trouver très fortement augmenté et c'est facile à comprendre. Si vous mettez des images haut de dev dans un fichier à vocation numérique, l'intérêt est limité parce que ça va être du temps de chargement pour une qualité qui ne sera pas forcément meilleure. En tout cas, au bout d'un moment, on me dit que le document a été correctement transféré. Donc ça, c'est plutôt une bonne nouvelle. J'attire votre attention sur le fait qu'on vous a automatiquement copié ici un lien que vous pouvez copier, le temps de le mettre dans le presse-papier et ainsi le recoller dans le message que vous allez envoyer à vos destinataires préférés en leur disant, voilà, à partir d'aujourd'hui, j'ai mis mon catalogue en ligne, ma brochure en ligne. Je vous invite à consulter le lien qui est contenu dans ce mail-là et vous pourrez ainsi consulter en temps réel et en ligne ma publication numérique que je viens de vous proposer. Donc je peux copier ce lien, l'envoyer par mail, l'intégrer dans une autre brochure placée dans mon blog et quand on va cliquer sur ce lien dans la brochure du blog, on va aussi accéder au site, etc. Je peux partager sur les réseaux sociaux, je peux partager par mail directement. Ça sous-entend évidemment que vous avez un webmail qui est actif, un Outlook ou un webmail quelconque. Et enfin, on verra tout à l'heure qu'il est possible d'aller dans le tableau de bord pour consulter un petit peu ce qui a été mis en ligne, supprimer les éléments que vous ne voulez plus utiliser, etc. Et donc à partir du moment où ce lien fonctionne, soit je clique directement là-dessus, mais c'est presque un peu trop facile, donc je vais fermer. Je vais lancer mon navigateur ici, alors ça peut être Explorer, Safari, Firefox, enfin c'est vous qui déciderez du choix qui vous paraît le plus important. Et je vais tout bêtement coller ici mon lien, qui est en réalité le lien vers ma brochure numérique interactive. Et vous voyez que là je suis en ligne, et en temps réel, je vous montre l'animation qui s'affiche ici. Donc on a respecté exactement ce que je viens de proposer en termes d'animation, et que l'ordre, le timing a été respecté. Alors si j'étais sur un iPad ou sur une tablette Android, je tapoterais sur les petites flèches qui apparaissent naturellement dans le lecteur, ici je me sers de ma souris, mais je peux aussi me servir des flèches de direction de mon clavier pour me balader d'une page à l'autre. Alors bien sûr, si j'avais créé ou prévu des boutons me permettant de naviguer d'une page à l'autre, je pourrais cliquer dessus. Ici je constate que la maison me permet toujours de revenir à la page d'accueil, que la page suivante est accessible avec les flèches de direction. Ici je vais faire apparaître progressivement mon bloc de texte, puisque j'ai choisi une animation en fondue en entrée. Et ici, normalement, si tout va bien, je devrais visualiser mes états d'objet à ce niveau-là de la page, c'est-à-dire à la page 9 si je ne m'abuse, ou 14 pardonnez-moi si vous avez le numéro ici, avec des flèches qui fonctionnent et qui me permettent naturellement une navigation sereine des images à l'intérieur d'un seul et unique bloc, et ainsi ça me permet de me concentrer visuellement sur une image à la fois. Alors suivant le navigateur sur lequel vous serez évidemment, vous aurez accès ici à la possibilité de zoomer, de dézoomer, de passer en plein écran, de partager, et si l'option a été évidemment cochée, de télécharger ce fichier au format PDF, directement en tant que PDF, alors avec évidemment un problème que vous avez anticipé, c'est le fait que certaines choses ne fonctionnent plus dans le PDF, et c'est pour ça qu'ici, il ne faut pas que vous soyez surpris par le fait que les animations évidemment ne fonctionnent plus. Voilà, donc on a perdu plein de choses au moment de la génération du PDF, mais ça c'est logique, ça n'est pas un PDF que vous avez créé à partir d'InDesign, mais que vous avez téléchargé à partir de PublishOnline, donc lui il est très succinct entre guillemets, et puis tout ce qui est lié aux animations, aux objets, états d'objets, boutons, etc. ne sont pas validés évidemment dans cette importation de PDF. Alors voilà ce que ça donne, je suis vraiment en ligne, et donc ce document-là, je vais pouvoir le partager, l'envoyer par mail, etc. Si je reviens dans InDesign ici, et que je vais faire un tour dans mon tableau de bord ici, je vais tout simplement me connecter sur le site web Adobe, qui me permet le contrôle, en tout cas sous la forme d'un tableau de bord, d'un certain nombre de documents qui sont déjà publiés pour mon cas, et ici vous voyez, j'ai la possibilité d'avoir l'aperçu de mon document. Alors vous faites tout ça évidemment quand vous avez une connexion un petit peu raisonnable, une bande passante assez correcte, parce que vous voyez que le temps d'attente est quand même assez important, donc si c'est un peu trop long, je ne vais pas attendre, je vais revenir directement sur la gestion des listes ici, avec ici des boutons quand vous positionnez votre souris dessus, à savoir que vous pouvez supprimer, visualiser par exemple les statistiques, en tout cas de documents qui auraient été consultés par tel ou tel utilisateur. Alors comme tout ça prend un petit peu de temps évidemment, je vous laisserai tester de votre côté, mais en tout cas au-delà de ça, vous avez ici le tableau de bord qui va vous permettre de gérer les documents, de les mettre à la poubelle quand ils ne sont plus utiles, etc. Donc voilà un excellent moyen pour vous, gratuit, pour peu que vous ayez internet, de diffuser un document directement sur un navigateur, et ainsi vous donner une corde supplémentaire à votre arc pour diffuser de manière assez confortable un document numérique qui contient les hyperliens, les boutons, les animations, les états d'objet, bref tout ce qu'on a vu ensemble à l'intérieur de ce document. Alors dites-vous enfin pour terminer que sur un iPad vous aurez les mêmes rendus, sauf que ce document devra être naturellement téléchargé sur votre tablette iPad ou votre tablette Android pour être ensuite consulté avec le doigt qui va faire office de navigateur pour les boutons, les flèches, défiler les pages, etc. Et enfin retenez, et j'en aurai terminé avec cette longue séquence, que le PDF ne retiendra de vos animations que les hyperliens et que les boutons d'action.

Programme détaillé de la formation

11 commentaires
4,6
11 votes
5
4
3
2
1
Sophie.S
Il y a 1 year
Commentaire
Une formation claire, explicite qui améliore et conforte mes compétences sur Indesign. Un orateur très pédagogue. A recommander ++++.
rilana.picard
Il y a 1 year
Commentaire
Très bonne formation avec un formateur qui est facile à suivre. Qui m'a permis encore d'apprendre de nouvelles choses et d'en affiner d'autres. Je recommande cette formation.
minaraifa
Il y a 2 years
Commentaire
Très pédagogique! voix agréable, calme, posée facilitant l'écoute longue de modules en modules.
Air2
Il y a 2 years
Commentaire
Excellente formation, avec une parfaite pédagogie, des exercices, tout y est !
Un grand merci à Stephane LEMOINE, un excellent formateur
maxmad
Il y a 2 years
Commentaire
Formation très intéressantes ! J'ai beaucoup appris sur certaines fonctionnalités comme les documents interactifs ou les EPUB. Tout est clair est expliqué dans le détail. Les exemples sont fournis.
David.missonnier
Il y a 3 years
Commentaire
La formation est très intéressante,
je n'ai malheureusement rien appris, la formation m'a été imposée par ma hiérarchie, mais pour une mise à niveau des fonctions que je n'utilise que peu car interdite par mon service informatique (Publish online, ou le cloud adobe), c'était intéressant.
Merci beaucoup pour cette formation, sincèrement,
vero.legras19
Il y a 3 years
Commentaire
Formation bien conçu, intéressante, captivante. Je dirai simplement que les exercices sont assez pauvres et pas assez complexes. Sinon, je sais utiliser le logiciel dans des travaux de production de revues et de livres, donc ça me va.
aristote797
Il y a 3 years
Commentaire
Excellent. Très clair. Voix agréable. De quoi prendre en main largement et simplement le logiciel. Merci beaucoup
riversebastien1
Il y a 3 years
Commentaire
Le formateur est excellent, ce n'est pas lui que je vise mais ne serait ce pas la même formation que in design 2020?
lang.baptiste18
Il y a 3 years
Commentaire
Très bon tuto !
eugene.compaore
Il y a 3 years
Commentaire
Les vidéos dans les modules 6 et 7 ont quelques ont tendance à ne pas avancer et tournent en boucle sauf si on ne clique pas sur la suivante.
Nos dernières formations InDesign
  • Créer une couverture de livre avec InDesign & Photoshop
    Découvrir
    À travers cette formation, vous maîtrisez les logiciels InDesign et Photoshop et vous mettez en pratique vos compétences pour la création d’une couverture de livre.
    6h16 39 leçons
  • Atelier InDesign et Scribus - Réaliser un article de presse
    Découvrir
    Comparer les logiciels PAO de référence, InDesign et Scribus, en réalisant un article de presse.  
    1h47
  • Pack 2 formations
    Pack Indesign CC 2021 - 15h de vidéos
    Découvrir
    Maîtriser Indesign CC 2021, des fonctions de bases jusqu'aux dernières fonctionnalités. Ce pack de formation de 2 vidéos de plus de 15 heures est adapté aussi bien aux débutants, qu'aux personnes souhaitant se mettre à jour sur les dernières nouveautés de Indesign CC 2021. Vous allez apprendre la création et la gestion des blocs, la mise en forme typographie et style de texte, l'importation et la gestion des images ainsi que la diffusion efficace de vos fichiers. Vous allez également pouvoir aller plus loin en abordant la gestions des styles de texte ou la technique d'automatisation qui va vous permettre de booster votre créativité.   A la fin de cette formation basé sur des exemples et des exercices concrets, vous maîtrisez votre production et votre créativité sera renforcée. Profitez de ce pack de plus de 15 heures de formation pour devenir un professionnel sur Indesign CC 2021.
    16h05 191 leçons
  • Apprendre InDesign CC 2021 - Les fondamentaux
    Découvrir
    A la fin de cette formation, vous serez entièrement autonome sur la création de mise en page de type brochure flyer ou autre document. .tb_button {padding:1px;cursor:pointer;border-right: 1px solid #8b8b8b;border-left: 1px solid #FFF;border-bottom: 1px solid #fff;}.tb_button.hover {borer:2px outset #def; background-color: #f8f8f8 !important;}.ws_toolbar {z-index:100000} .ws_toolbar .ws_tb_btn {cursor:pointer;border:1px solid #555;padding:3px} .tb_highlight{background-color:yellow} .tb_hide {visibility:hidden} .ws_toolbar img {padding:2px;margin:0px}
    6h52 103 leçons 4,96 / 5
  • Apprendre Indesign CC - Niveau expert
    Découvrir
    Être capable de maîtriser les fonctionnalités les plus avancées d'InDesign CC.
    5h57 49 leçons 5 / 5