Design und Illustration

Ein Hero-Hintergrund, der die Website-Botschaft unterstützt

Planen Sie Überschrift und Aktionsbereich, bevor Sie die Kulisse generieren. Halten Sie diesen Bereich ruhig, damit die Website ihre Botschaft ohne stark abdeckende Bildebenen vermitteln kann.

Sie wählen Ihre eigene Quelle und überprüfen die aktuellen Kosten vor der Generierung.

Grafisches Posterbeispiel mit englischem Schriftzug
Früher generiertes BeispielGrafisches Posterbeispiel mit englischem Schriftzug
01

Planen Sie das fertige Stück

Ein breites Desktop-Bild kann auf Mobilgeräten aggressiv zugeschnitten werden. Wählen Sie einen Schwerpunkt, der beide Layouts überlebt, und bereiten Sie alternative Ausschnitte im Website-Design vor.

Vor der endgültigen Entscheidung testen

Legen Sie die tatsächliche Überschrift und Schaltfläche bei beiden Breiten über das Bild. Prüfen Sie den Kontrast an der unruhigsten Stelle des Textbereichs.

Meinen kreativen Ausgangspunkt öffnen ↗
IN DER PRAXIS

Arbeiten Sie ein praktisches Beispiel durch

01

Das sollten Sie bereithalten

Bereiten Sie die eigentliche Überschrift, Unterüberschrift und Schaltfläche in Desktop- und mobilen Layouts vor. Identifizieren Sie die primäre Aktion.

02

Erstellen Sie die erste Version

Wählen Sie einen Hintergrund mit einer ruhigen Fläche hinter dem Text. Legen Sie den tatsächlichen Text auf das Bild und testen Sie beide Ausschnitte. Prüfen Sie den Kontrast am Schwerpunkt und hinter der längsten Zeile; ein schönes Einzelbild kann als Oberflächenhintergrund ungeeignet sein.

03

Wählen Sie den nächsten Schritt

Lassen Sie das Bild die Aktion unterstützen. Wenn die Hauptnachricht ein echtes Produkt oder eine echte Person erfordert, verwenden Sie eine geeignete verifizierte Referenz anstelle einer generischen imaginären Szene.

02

Schauen Sie sich die Beispiele genau an

Fragen zu diesem Projekt

Kann generierter Text Teil des Hero-Bilds sein?

Behalten Sie wichtige Webtexte als echten Seitentext, der bearbeitet, übersetzt und von Hilfstechnologien gelesen werden kann. Generieren Sie die ergänzende Illustration und steuern Sie Typografie und responsive Position im Seitenlayout. Prüfen Sie dekorative Textfragmente im Bild auf ungewollte Bedeutung.

Wenn Sie eine Richtung gewählt haben

Meinen kreativen Ausgangspunkt öffnen ↗Foto-Ratgeber

Inhalt überprüft: