Die schnelle und schmutzige Anleitung zur Erstellung von Webseiten in InDesign Creative Bloq
Aus der Spitze, kann ich von einer schönen Auswahl an geeigneten Projekten denken nur für einen solchen Workflow. Ich habe keinen Zweifel, auch Sie können. Zunächst einmal, jede Mock-up und Präsentations Arbeit leichter in ID könnten von einem Designer erzeugt, die das als Haupt nutzt Tag-zu-Tag-Anwendung.
Und wenn Sie Aufmerksamkeit auf sich habe zahlen hat Adobe schrittweise schon länger immer mehr Multimedia und Interaktivität Fähigkeiten ID in den letzten paar Jahren. Zugegeben, wurden an ihren anderen Exportoptionen gezielt diese Zusätze offen - EPUB, Flash, SWF - aber ein InDesign führt zu denken wahrscheinlich besser in der Lage in seine HTML-Ausgabe wurde immer, nicht wahr?
Einrichten
Ich öffnete InDesign CC und wählen Sie Datei> Neu. > Dokument (Strg / Cmd + N), und genau dort finden Sie eine Option im Rahmen des 'Intent' Pop-up-Menü für 'Web' Verwendung finden.
Ich begann dann eine Testseite Auslegen, die mir nie irgendwelche Design-Preise gewinnen würde, aber ich wollte nur auf einer Seite, einige grundlegenden Elemente einer Seite werfen und Export, um zu sehen, was ich bekommen würde.
Wie Sie im Bild sehen können, plumpste ich auf einer Linie von Nicht-System Text, zwei Boxen, eine mit einem Bild und das andere mit einer Füllfarbe, und einem Stift-Werkzeug Form. Ich habe auch ein paar Navigationstasten können, nur um zu sehen, ob sie funktionieren würden.
Zum ersten Mal Pech
Was ich bekam, war ein Chaos (und ich spreche nicht über das Design jetzt). Sie können in der ersten Webseite Beispielbild sehen, dass die gefüllte Box und das Element Stift-Werkzeug nicht einmal nach oben zeigte. Aber es braucht mehr als das mich abzuschrecken. Ich versuchte es noch einmal. Hmmm. und wieder.
Leider kann man jetzt auch jetzt sehen, wie die Elemente, die nicht in den richtigen Positionen waren. Versuchte, wie ich könnte, unter Hinweis darauf, ich machte eine signifikante Verbesserung denken konnte.
Sie können in diesem Bild sehen, dass die Export-Option in dieser Version einige Verbesserungen hatte. Es machte das feste Fläche-Feld und ein Gradient füllt in der anderen Stift Werkzeugelement. Aber das Layout war noch sehr falsch.
Falsche Richtung
Ich merkte, dass ich nicht über dieses Recht geht, und es war sicher nicht so einfach und schmerzlos sein würde, als ich zunächst angenommen hatte. So suchte ich in diesem engen Bereich einige kompetente Beratung aus. Wieder zu meiner Überraschung gab es kaum Informationen zum Thema im Internet gefunden werden, bis ich auf einen sehr talentierten Designer mit schweren technischem Koteletts namens Michael Murphys kam.
Wie man es richtig macht
„Für Aussehen kann InDesign sowohl CSS für EPUB und HTML erzeugen. Doch die CSS InDesign erzeugt ist bestrebt, die Einstellungen erhalten Sie auf ein Drucklayout angelegt haben (zB ein Buch oder ein Magazin-Artikel), und es gibt zu viele Unterschiede zwischen den Print- und bildschirmbasierten Leseerfahrungen für das zu optimalen Ergebnissen führen.
In diesem Fall können Sie einfach die notwendigen Verbindungen zwischen Ihren InDesign-Formaten und ihren jeweiligen HTML-Tags und CSS-Klassen. Diese Optionen werden in den Export Tagging Bereichen der Absatz-, Zeichen- und Object Style-Optionen Dialoge gefunden. Im Fall von Objektstilen, denken Sie an jedes Objekt, auf das ein Stil als DIV in Ihrem HTML angelegt wird, und es entsprechend etikettieren.
Kalte, harte Wahrheiten
Also, ja es kann getan werden, und gut gemacht. Es ist nur so, dass man es in systematischer Weise nähern muss, und einen guten Workflow einzurichten. Alles das bedeutet, dass wir nicht reden über ein einfaches einmaliges Projekt. Dies ist am besten geeignet für diejenigen, die angemessenen Mengen haben Gehalt an Wiederholungs, die auf die Bahn gebracht werden muss, und ein Content Management System oder Workflow, die es unterstützt.
Mit einem Plugin
Und was ist ein Plugin? Gut, dass Sie gefragt! Wenn alle diese Informationen über hat den Kopf ein wenig dreht, sind Sie nicht allein. Für die nicht-technische gibt es die Alternative der Verwendung eines Plugin In5 genannt, hergestellt von Ajar Productions. In5 fügt eine zusätzliche Exportoption, genannt „HTML exportieren mit In5.“ Direkt unter dem Export, die nativ in ID ist.
Unterm Strich: Es wäre schön, wenn InDesign die Veröffentlichung von Schweizer Armeemesser war ich hatte gehofft, es war. Adobes Kredit arbeiten sie uns schwer zu bringen, diese Werkzeuge. Aber als Michael Murphy mich darauf hingewiesen, die Unterschiede zwischen den beiden Formaten, Druck und Web, ist so groß, dass Überbrückung Lücke hart ist.
Lance Evans ist Creative Director von Graphlink Medien. Er hat Bücher geschrieben auf 3D und die 3DNY Seminare für Apple und Alias produziert.