Abschnittshintergrund-Einstellungen

Ausgewählte Links

1. Shopify-Dokumentation zu Abschnitten und Blöcken
2. Company XYZ-Dokumentation zur Verwendung von Videos

Hilfreiche Videos

Shopify Academy-Video: Ihren Store anpassen

Shopify Academy-Video: Ihren Store anpassen

Verwenden Sie diese Einstellungsgruppe, um die Hintergrundgestaltung hinter dem Inhalt eines Abschnitts zu steuern. Für einen allgemeineren Einrichtungskontext siehe Shopify-Dokumentation zu Abschnitten und Blöcken. Sie können es mit einer Farbe schlicht halten, mit Verläufen mehr Tiefe hinzufügen oder Bild- und Video-Hintergründe mit Overlays verwenden, um die visuelle Wirkung zu erhöhen und gleichzeitig die Lesbarkeit zu schützen.

Hintergrundstil

Wählen Sie die schlichteste Gestaltung, die zur Rolle des Abschnitts passt.

1. Verwenden Sie eine Hintergrundfarbe für klare Abschnitte mit wenig Ablenkung.
2. Verwenden Sie einen Hintergrundverlauf, wenn Sie mehr Tiefe oder Markenstil wünschen.
3. Verwenden Sie ein Hintergrundbild für Fotografie, Textur oder Illustration.
4. Verwenden Sie ein Hintergrundvideo, wenn Bewegung die Botschaft klar unterstützt.

Wenn ein Verlauf angewendet wird, hat er Vorrang vor der passenden einfarbigen Farbeinstellung.

Wenn sich eine Hintergrundfarbe oder Overlay-Farbe nicht zu aktualisieren scheint, prüfen Sie, ob ein Verlauf festgelegt ist. Verläufe überschreiben die entsprechende einfarbige Farbe.

Overlay-Steuerungen

Overlay-Einstellungen helfen dabei, Text, Schaltflächen und andere Inhalte auf Bild- oder Video-Hintergründen lesbar zu halten. Sie können ein einfarbiges Overlay oder ein Verlaufs-Overlay verwenden und dann die Deckkraft anpassen, um Klarheit und Sichtbarkeit des Mediums auszubalancieren.

Eine niedrigere Deckkraft lässt mehr vom Hintergrund sichtbar. Eine höhere Deckkraft ist in der Regel besser für Abschnitte mit längerem Text, kleinerer Schrift oder mehreren Aktionen.

Hintergrundmedien

Bilder sind normalerweise der sicherste Weg, visuelle Tiefe hinzuzufügen, ohne die Seite überladen wirken zu lassen. Video eignet sich am besten, wenn die Bewegung dezent ist und den Inhalt unterstützt, statt mit ihm zu konkurrieren.

Für Video-Hintergründe verwenden Sie kurze Clips, die auch ohne Ton sinnvoll sind und nicht auf feine Details angewiesen sind. Praktische Hinweise finden Sie in der Company XYZ-Dokumentation zu Best Practices für Videodateien.

Achtung

Große oder unruhige Hintergrundmedien können das Erfassen eines Abschnitts erschweren, besonders auf Mobilgeräten. Wenn die Lesbarkeit uneinheitlich wird, vereinfachen Sie das Medium oder verstärken Sie das Overlay.

Mobile-spezifische Medien

Sie können separate mobile Hintergrundbilder oder -videos festlegen, wenn das Desktop-Asset schlecht beschnitten wird oder seinen Fokuspunkt auf kleineren Bildschirmen verliert. Wenn Sie die mobile-spezifische Einstellung leer lassen, wird stattdessen das Haupt-Hintergrundbild oder -video verwendet.

Verwenden Sie ein mobiles spezifisches Asset, wenn das Motiv einen anderen Zuschnitt benötigt, wenn eine Hochformat-Komposition besser funktioniert oder wenn das Desktop-Video auf Smartphones zu breit oder visuell zu dicht wirkt.

Praktische Setup-Entscheidungen

Die besten Ergebnisse erzielen Sie normalerweise, wenn Sie den Hintergrundstil mit der Inhaltsdichte des Abschnitts abstimmen.

1. Wählen Sie nur Farbe oder Verlauf, wenn es sich um inhaltsreiche Abschnitte handelt, bei denen Klarheit am wichtigsten ist.
2. Wählen Sie Bild plus Overlay für Werbe- oder redaktionelle Abschnitte, die mehr Atmosphäre benötigen.
3. Wählen Sie Video plus Overlay nur dann, wenn Bewegung einen klaren Mehrwert bringt und der Abschnitt genügend Platz hat, um sie gut darzustellen.
4. Fügen Sie mobile-spezifische Medien nur hinzu, wenn das Haupt-Asset ein echtes Problem mit Zuschnitt oder Lesbarkeit verursacht.

Nutzungshinweise

1. Fangen Sie einfach an. Beginnen Sie mit Farbe oder Verlauf, bevor Sie Medien hinzufügen, und erhöhen Sie die visuelle Komplexität nur dann, wenn sie die Botschaft des Abschnitts verbessert.
2. Prüfen Sie den Kontrast frühzeitig. Passen Sie das Overlay an, bevor Sie Textstile ändern, damit Überschriften, Fließtext und Schaltflächen gut lesbar bleiben.
3. Überprüfen Sie beide Ansichten. Desktop- und mobile Steuerelemente können unterschiedliche Zuschneidung, Ausrichtung, Sichtbarkeit und Medienverhalten erzeugen. Testen Sie daher beides vor der Veröffentlichung.
4. Erwarten Sie Fallback-Formatierung. Leere, transparente oder standardmäßige Werte bewahren in der Regel das vorhandene Erscheinungsbild, während explizite Farben, Verläufe oder Medienüberschreibungen den Abschnitt eigenständiger machen.
5. Setzen Sie Video gezielt ein. Reservieren Sie bewegte Hintergründe für Bereiche mit hoher Wirkung, statt sie über viele Abschnitte hinweg zu wiederholen.
6. Bewahren Sie die Hierarchie. Starke Hintergrundgestaltungen ziehen Aufmerksamkeit auf sich. Verwenden Sie sie daher dort, wo der Abschnitt am meisten hervorstechen soll.