Fluid Boxes – Der Workflow in der Praxis

Im heutigen Blogartikel möchte ich Ihnen den Workflow bei der Erstellung eines responsiven Projektes im neuen Fluid-Box-Modus in Captivate 2017 erläutern.

 

 

Schritt 1: Projektauflösung definieren

Nachdem Sie ein Projekt mit automatischer Anpassung geöffnet haben, definieren Sie über Modifizieren > Projekt neu skalieren die (maximale) Größe Ihres Projekts, z. B. 1280 x 720 px.

Schritt 2: Testlayout(s) anlegen

Sie legen in der Leiste oberhalb des Arbeitsbereiches eines oder mehrere Testlayouts (z. B. Desktop-, Tablet- und Smartphone-Ansicht) an.

Schritt 3: Fluid Boxes anlegen

Sie legen Fluid Boxes über Werkzeugleiste > Fluid Boxes an. Diese können horizontale oder (wie in der Beispielgrafik drei) vertikale Unter-Fluid-Boxes besitzen.

Schritt 4: Fluid-Box-Größe definieren

Sie skalieren die Fluid Boxes mittels Schieberegler.

Schritt 5: Layout verschachteln

Sie verschachteln Ihr Layout im gewünschten Detailgrad, indem Sie weitere Fluid Boxes einfügen und skalieren.

Schritt 6: Fluid Boxes mit Inhalt befüllen

Sie befüllen die Fluid Boxes mit Inhalt, indem Sie z. B. Text- oder Grafikobjekte per Drag-&-Drop einfügen.

Schritt 7: Fluid-Box-Eigenschaften definieren

Sie legen die Eigenschaften der Fluid Boxes fest. Sie können u. a. enthaltene Objekte positionieren, Abstände und Zwischenräume einfügen sowie das Umbruchverhalten des Layouts bei Veränderung der Projektauflösung steuern.

Schritt 8: Verhalten des Layouts prüfen

Sie überprüfen das Verhalten Ihres Projekts in den verschiedenen Testlayouts und justieren bei Bedarf die Eigenschaften der Fluid Boxes.

 

Wie immer freue ich mich über Fragen und Feedback zu diesem und allen anderen Artikeln rund um Captivate.

Viel Spaß beim Captivaten!
Ihr Martin Uhrig

 

PS: Mein monatlicher Newsletter bringt Sie immer auf den neuesten Stand rund um das Thema E-Learning mit Adobe Captivate. Jetzt abonnieren und nichts mehr verpassen!

 

Weiterführende Blogartikel:

Klassische vs. responsive Projekte

Fluid-Box-Modus: Aktuelle Einschränkungen

 

Schreibe einen Kommentar

Newsletter abonnieren

Automatisch über neue Captivate-Versionen, Updates und neue Bücher informieren lassen:



Kommende Trainings

18.10. – 21.10.2022
Adobe Captivate Masterkurs

19.10. – 20.10.2022
Adobe Captivate für Einsteiger

06.12. – 09.12.2022

Adobe Captivate Masterkurs

07.12. – 08.12.2022
Adobe Captivate für Einsteiger