Le guide rapide et sale à des sites de construction dans InDesign, Creative Bloq
Spontanément, je peux penser à une belle gamme de projets appropriés pour un tel flux de travail. Je ne doute pas que vous pouvez aussi bien. Tout d'abord, tout travail maquette et la présentation peuvent être plus facilement produites ID par un designer qui utilise comme leur principale demande au jour le jour.
Et si vous avez fait attention, Adobe a été ajoutant progressivement de plus en plus multimédia et des capacités d'interactivité à l'ID au cours des dernières années. Certes, ces ajouts ont été ouvertement ciblés à leurs autres options d'exportation - EPUB, Flash, SWF - mais il ne conduit à penser InDesign devenait probablement plus capable dans sa sortie HTML, non?
mise en place
J'ai ouvert CC InDesign et choisissez Fichier> Nouveau. > Document (Ctrl / Cmd + N), et là, vous verrez une option sous la « intention » menu contextuel pour « Web ».
Je me suis alors commencé à jeter une page de test qui ne m'a jamais gagner des prix de design, mais je voulais juste jeter quelques éléments de la page de base sur une page et d'exportation pour voir ce que je recevrais.
Comme vous pouvez le voir dans l'image, je flac sur une ligne de texte non-système, deux boîtes, l'une avec une image et l'autre avec une couleur de remplissage solide, et une forme de stylo outil. J'ai aussi inclus quelques boutons de commande de navigation, juste pour voir si elles travailleraient.
Première chance
Ce que j'ai été un gâchis (et je ne parle pas de la conception en ce moment). Vous pouvez le voir dans la première image de l'échantillon de page Web que la boîte remplie et l'élément d'outil stylo ne même pas présenté. Mais il faut plus que cela pour me décourager. J'ai essayé à nouveau. Hmmm. et encore.
Malheureusement, vous pouvez maintenant voir aussi maintenant comment les éléments ne sont pas dans les bonnes positions. Essayé que je pourrais, en notant que je pouvais penser en une amélioration significative.
Vous pouvez voir dans cette image que l'option d'exportation dans cette version avait une certaine amélioration. Il a rendu la boîte de remplissage solide et d'un remplissage en dégradé dans l'autre élément d'outil de stylo. Mais la mise en page était encore très mal.
Mauvaise direction
Je pris conscience que je ne vais pas sur ce droit, et il n'a certainement pas été va être aussi facile et indolore comme je l'avais d'abord pris. Alors j'ai cherché des conseils d'experts dans ce domaine étroit. Encore une fois à ma grande surprise, il y avait peu d'informations sur le sujet sont disponibles sur le web, jusqu'à ce que je suis tombé sur un designer très talentueux avec des côtelettes techniques graves du nom de Michael Murphy.
Comment faire droit
« Pour l'apparence, InDesign peut générer CSS pour les EPUB et HTML. Cependant, le CSS InDesign génère veille à conserver les paramètres que vous avez appliqué une mise en page d'impression (par exemple, un livre ou un article de magazine) et il y a trop de différences entre les expériences de lecture et lire les imprimés sur écran pour que pour produire des résultats optimaux.
Dans ce cas, vous pouvez simplement effectuer les connexions nécessaires entre vos styles InDesign et leurs balises HTML respectives et des classes CSS. Ces options se trouvent dans les zones d'exportation Tagging du paragraphe, le caractère et le style de l'objet des boîtes de dialogue Options. Dans le cas des Styles d'objets, pensez à chaque objet auquel un style est appliqué comme DIV au sein de votre HTML et marquer en conséquence.
Froides, dures vérités
Alors, oui, il peut être fait, et bien fait. Il est juste que l'on doit aborder de manière systématique et mettre en place un bon flux de travail. Tout cela signifie que nous ne parlons pas d'un simple projet unique. Ceci est le mieux adapté pour ceux qui ont des quantités raisonnables de contenu récurrent qui doit être apporté à Internet, et un système de gestion de contenu ou flux de travail qui le soutiendra.
L'utilisation d'un plug-in
Alors qu'est-ce au sujet d'un plug-in? Bonne question! Si toutes ces informations a au-dessus de votre tête filer un peu, vous n'êtes pas seul. Pour le non-technique il est l'alternative d'utiliser un plugin appelé In5, faite par Ajar Productions. IN5 ajoute une option d'exportation supplémentaire, appelée « Exporter HTML avec IN5. » Juste en dessous de l'exportation qui est en mode natif dans ID.
La ligne de fond: ce serait bien si InDesign était la maison d'édition couteau suisse que j'espérais qu'il était. Au crédit d'Adobe, ils travaillent dur pour nous apporter ces outils. Mais comme Michael Murphy m'a fait remarquer, les différences entre les deux formats, impression et web, est si grande combler ce fossé est difficile.
Lance Evans est directeur de la création de GraphLink Media. Il a écrit des livres sur la 3D, et produit les séminaires 3DNY pour Apple et Alias.