Benutzerhandbuch Abbrechen

Hinzufügen von Auffüllungen zu Inhaltsblöcken und Komponenten in Adobe Captivate

Übersicht

Durch die Auffüllung wird ein Abstand zwischen Inhalt und Rahmen geschaffen, wodurch das visuelle Layout und die Ausrichtung Ihres Projekts optimiert werden. Sie kann auf der Ebene von Inhaltsblöcken oder innerhalb von Komponenten angewendet werden, um Ausrichtung und Abstände zu verbessern und so zu einer besseren Anzeige beizutragen.

Vorteile der Auffüllung

  • Erstellt einheitliche Abstände um Elemente, um ein sauberes und professionelles Erscheinungsbild zu gewährleisten. 
  • Vergrößert den Abstand um interaktive Elemente, sodass sie leichter ausgewählt werden können, wodurch die Benutzerfreundlichkeit verbessert wird.

Wann wird die Auffüllung verwendet:

  • Größe anpassen: Wenn Sie den Abstand um ein Element vergrößern müssen, können Sie die Auffüllung hinzufügen oder vergrößern. Dies ist besonders nützlich für interaktive Elemente, bei denen zusätzlicher Abstand die Barrierefreiheit verbessern kann. 
  • Rahmenabstand: Durch die Auffüllung wird der Abstand zwischen Inhalt und Rahmen vergrößert, wodurch die Ausrichtung an anderen Elementen auf der Seite verbessert wird.

Themen auf dieser Seite:

Auffüllen von Inhaltsblöcken

Fügen Sie einem ganzen Inhaltsblock von den Begrenzungen her Auffüllungen hinzu und beobachten Sie das Verhalten in verschiedenen Ansichtsports. 

  1. Wählen Sie Visuelle Eigenschaften in der rechten Symbolleiste aus und erweitern Sie den Abschnitt Ausrichtung und Abstand, um die Auffüllungswerte anzuzeigen.

    Dieses Bild zeigt, wie Sie eine Auffüllung für einen Inhaltsblock hinzufügen.
    Auffüllen von Inhaltsblöcken

  2. Ändern Sie mit dem Regler Inhaltsbreite den horizontalen Abstand eines Inhaltsblocks von der linken oder rechten Seite. Geben Sie den gewünschten Prozentsatz des Abstands mit dem Schieberegler an. Indem Sie die Breite anpassen, werden die Auffüllungswerte automatisch aktualisiert, um die Änderungen widerzuspiegeln.

  3. Aktivieren Sie Automatisches Layout, um die Inhaltsbreite proportional über alle Geräteansichtsports anzupassen, oder deaktivieren Sie es, um sie manuell anzupassen. Erfahren Sie mehr über Automatische Layouts für verschiedene Ansichtsports. 

    Wenn "Automatisches Layout" deaktiviert ist, können Sie Auffüllungswerte für alle Seiten festlegen und die Inhaltsbreite für jeden Ansichtsport kann separat angepasst werden. Das bedeutet, dass Sie eine Inhaltsbreite für einen Ansichtsport hinzufügen können, ohne die anderen zu beeinflussen. 

    Dieses Bild zeigt die Auffüllung von Inhaltsblöcken für die Tablet-Ansicht mit deaktiviertem automatischem Layout an
    Auffüllung von Inhaltsblöcken für die Tablet-Ansicht mit deaktiviertem automatischem Layout

    Hinweis:

    Die horizontale Auffüllung für Inhaltsblöcke wird als Prozentsatz festgelegt, da die Projektbreite fest ist. Die vertikale Auffüllung ist in Pixeln definiert, um lange Bildlaufinhalte zu berücksichtigen.

Auffüllung auf Komponentenebene

Beziehen Sie Auffüllung für jedes Element innerhalb eines Inhaltsblocks einschließlich Bildern, Text, interaktiven Elementen, Karten und Widget-Objekten ein. Die Auffüllung für Komponenten innerhalb eines Inhaltsblocks kann auf zwei Arten hinzugefügt werden:

Einheitliche Auffüllung: Auffüllung für alle vier Seiten gleichzeitig hinzufügen.

Nicht einheitliche Auffüllung: Auffüllung auf jeder Seite einzeln hinzufügen. Dies ist standardmäßig aktiviert.

Dies ist ein Bild

Im Folgenden finden Sie ein Beispiel für eine einheitliche Auffüllung von 50 px auf allen vier Seiten innerhalb des Textblocks.

Dies ist ein Bild

Wenn Sie den Cursor über die Kanten einer Komponente bewegen, werden rosa Ziehpunkte angezeigt, die Sie ziehen können, um den Abstand anzupassen. Halten Sie zum gleichmäßigen Auffüllen aller Seiten die Umschalttaste gedrückt, während Sie die Ziehpunkte ziehen.

Dies ist ein Bild

Beispiele der Auffüllung für verschiedene Komponenten

Im Folgenden finden Sie einige Beispiele für Auffüllungen für verschiedene Komponenten in einem Projekt mit den Abmessungen 1366x768px:

Automatische Layouts

Wenn die Option "Automatisches Layout" aktiviert ist, wird die Auffüllung in den Geräteansichtsports für Inhaltsblöcke und Komponenten proportional angepasst, wobei die Werte auf Desktop-, Tablet- und Mobilgeräten auf den Abmessungen des Projekts basierend reagieren. Erfahren Sie mehr darüber, wie Sie die Projektabmessungen in Adobe Captivate ändern.

Verhalten des automatischen Layouts, wenn aktiviert

Wenn "Automatisches Layout" aktiviert ist, wird die Auffüllung auf den verschiedenen Geräten proportional angepasst. Die Werte für jeden Ansichtsport werden dabei automatisch angepasst. In einem Projekt mit einer Auflösung von 1366 x 768 px wird eine Auffüllung von 50 px auf dem Desktop auf 28 px auf einem Tablet und 16 px auf einem Mobilgerät skaliert, wobei das Seitenverhältnis beibehalten wird.

Dieses Bild beschreibt die Desktop-Ansicht, wenn das automatische Layout aktiviert ist.
Desktop-Ansicht, wenn automatisches Layout aktiviert ist

Dies ist ein Bild
Tablet-Ansicht, wenn automatisches Layout aktiviert ist

Dies ist ein Bild
Mobile Ansicht (Hochformat), wenn automatisches Layout aktiviert ist

Verhalten des automatischen Layouts, wenn deaktiviert

Hier ist ein Beispiel, bei dem die Funktion "Automatisches Layout" bei einer Projektgröße von 1366 x 768 px deaktiviert ist. In diesem Fall kann die/der Benutzer(in) die Auffüllungswerte für jeden Ansichtsport manuell hinzufügen, um die optimale Anzeigeerfahrung zu erzielen.

Desktop-Ansicht (Auffüllung 50 px): 

Automatisches Layout für Desktop-Ansicht deaktiviert (Auffüllung: 50 px)

Tablet-Ansicht (Auffüllung wurde manuell in 10 px geändert, während das automatische Layout deaktiviert bleibt): 

Dies ist ein Bild

Mobilgeräte-Ansicht (Auffüllung manuell in 20 px geändert): 

Dies ist ein Bild

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?