Screenshot Studio

Das Screenshot Studio ist ein leistungsstarkes Werkzeug zur Erstellung professioneller App Store und Play Store Screenshots. Mit vorgefertigten Template-Suites und einem interaktiven visuellen Editor erstellst du in Minuten beeindruckende Marketing-Grafiken.

Übersicht

5-Schritt Wizard

Geführter Prozess von Setup bis Export

10 Template-Suites

Professionelle Design-Vorlagen mit Variationen

Visueller Editor

Touch-basiertes Bearbeiten von Text und Device-Position

Multi-Plattform Export

iOS App Store, Google Play Store, oder beide

Zugang

Du erreichst das Screenshot Studio auf zwei Wegen:

1. Über die App Builder Tools: Tippe auf “Screenshot Studio” im prominenten Bereich
2. Direkt per Route: Navigation zu /screenshot-studio

---

Der 5-Schritt Wizard

Das Screenshot Studio führt dich durch einen strukturierten 5-Schritt-Prozess:

Schritt 1: Setup

Konfiguriere die Grundeinstellungen für deine Screenshots:

Einstellung	Optionen
Plattform	iOS, Android, oder Beide
iOS-Größen	iPhone 6.7” (1290x2796), iPhone 6.5” (1284x2778), iPad Pro 12.9”
Android-Größen	Phone (1080x1920), Tablet 7” (1200x1920), Tablet 10”
Anzahl Screenshots	3-10 Screenshots pro Suite

Empfohlene Anzahl

Die App Stores zeigen typischerweise 3-5 Screenshots prominent an. Starte mit 5 Screenshots für die wichtigsten Features.

Schritt 2: Screens

Wähle die App-Screens aus, die du in deinen Screenshots verwenden möchtest:

1. Die App zeigt alle verfügbaren Screens deiner BLOCQ-App
2. Tippe auf einen Screen, um ihn auszuwählen
3. Die Reihenfolge entspricht der Auswahl-Reihenfolge
4. Du kannst die Auswahl jederzeit ändern

Beim Fortfahren werden die gewählten Screens automatisch erfasst (Screenshot-Capture).

Schritt 3: Templates

Wähle eine der 10 professionellen Template-Suites:

Template	Stil	Besonderheiten
Business Modern	Hellblau, professionell	Bold Titel, Dreieck-Pattern
Dark Showcase	Dunkel, cinematisch	Wave-Shapes, Neon-Akzente
Confidence Hero	Editorial, warm beige	Hero-Screens, Circles-Pattern
Soft Lifestyle	Rosa, sanft	Keine Rotation, Curve-Shape
Gradient Flow	Bunt, 3-Farben	Kleine schwebende Devices
Pastel AI	Pastell, Tech-Look	Grid-Pattern, Diagonal-Shape
Minimal Clean	Reinweiß, minimalistisch	Maximale Ruhe und Konsistenz
Professional Blue	Corporate, hellblau	Triangles-Pattern, klassisch
Neon Gaming	Dunkel, dynamisch	Extreme Rotationen, Neon-Farben
Sunset Warm	Orange/Rosa, entspannt	Mountain-Shape, warm

Jede Suite enthält:

• Vordefinierte Farbpalette
• Passende Schriftart
• Device-Frame-Stil (Realistic, Clay)
• Slot-Konfigurationen für bis zu 10 Screenshots
• Demo-Texte als Inspiration

Schritt 4: Visual Editor

Der Kern des Screenshot Studios - ein interaktiver Touch-Editor:

Text bearbeiten

• Tippe auf einen Text, um ihn zu bearbeiten
• Jeder Screenshot hat Titel und Untertitel
• Das erste Wort des Titels kann farblich hervorgehoben werden
• Schriftgröße und -gewicht werden von der Suite vorgegeben

Device positionieren

• Ziehe das Device mit dem Finger
• Skaliere durch Pinch-Geste
• Rotiere durch Zwei-Finger-Drehung
• Das Device kann aus dem Bildrand hinauslaufen

Hintergrund anpassen

• Öffne die Hintergrund-Einstellungen
• Ändere Farben oder Gradient
• Aktiviere/deaktiviere Patterns
• Konfiguriere Shapes (Wave, Arc, Diagonal, etc.)

Interaktive Features:

• Panorama-Modus: Screenshots mit horizontaler Verschiebung für Tiefenwirkung
• Shape-Overlay: Dekorative Formen wie Waves, Arcs, Mountains
• Pattern-Layer: Subtile Muster wie Grid, Dots, Lines, Circles

Schritt 5: Export

Nach dem Bearbeiten werden alle Screenshots generiert:

1. Die Render-Engine erstellt alle Screenshots in der gewählten Auflösung
2. Screenshots werden als PNG-Dateien gespeichert
3. Du siehst eine Erfolgsseite mit allen generierten Bildern
4. Die Dateien findest du im App-Dokumentenverzeichnis

---

Entwürfe fortsetzen

Das Screenshot Studio speichert deinen Fortschritt automatisch:

• Draft Detection: Beim Öffnen erkennt das Studio vorhandene Entwürfe
• Fortsetzen: Arbeite nahtlos an deinem letzten Projekt weiter
• Neues Projekt: Starte frisch mit neuen Einstellungen

Auto-Save

Alle Änderungen werden automatisch gespeichert. Du kannst das Studio jederzeit verlassen und später fortsetzen.

---

Template-Suite Details

Layout-System

Jedes Template verwendet ein ausgeklügeltes Layout-System:

Parameter	Beschreibung	Wertebereich
offsetX	Horizontale Position	-0.5 (links raus) bis +0.5 (rechts raus)
offsetY	Vertikale Position	Negativ (oben) bis positiv (unten raus)
scale	Device-Größe	0.5-1.2 (60%-120%)
visibility	Sichtbarer Anteil	0.5-1.0 (50%-100% sichtbar)
rotation	Drehwinkel	-20° bis +20°

Text-Positionen

Texte können an verschiedenen Positionen platziert werden:

• top - Oben zentriert
• bottom - Unten zentriert
• topLeft / topRight - Oben links/rechts
• bottomLeft / bottomRight - Unten links/rechts
• center - Mittig (für Hero-Screens)

Frame-Stile

Stil	Beschreibung
Realistic	Fotorealistischer Apple-Look mit Notch/Dynamic Island
Clay	Einfarbiger 3D-Rahmen, frei wählbare Farbe

---

Tipps

Texte kurz halten

App Store Screenshots werden klein angezeigt. Halte Titel auf 3-4 Wörter und Untertitel auf eine Zeile.

Konsistente Story erzählen

Ordne die Screenshots so, dass sie eine Geschichte erzählen: Problem → Lösung → Ergebnis.

Bildschirmfotos aktuell halten

Wenn du die App änderst, aktualisiere auch die Screenshots. Veraltete Screenshots führen zu negativen Bewertungen.

Lokalisierung bedenken

Die Demo-Texte sind auf Englisch. Für den deutschen Store solltest du die Texte übersetzen.

---

Häufige Fragen

Welche Auflösungen werden unterstützt?

Das Screenshot Studio unterstützt alle gängigen App Store Formate:

• iOS: 6.7” (1290x2796), 6.5” (1284x2778), iPad Pro 12.9” (2048x2732)
• Android: Phone (1080x1920), Tablet 7” (1200x1920), Tablet 10” (1600x2560)

Kann ich die Templates anpassen?

Ja, im Visual Editor kannst du alle Aspekte anpassen:

• Farben und Gradienten
• Texte und Schriftgrößen
• Device-Position und -Rotation
• Patterns und Shapes

Wo werden die Screenshots gespeichert?

Die exportierten Screenshots werden im App-Dokumentenverzeichnis gespeichert. Du kannst sie über die Dateien-App oder den Export-Dialog teilen.

Kann ich die Device-Frames ändern?

Ja, im Template-Editor kannst du zwischen verschiedenen Device-Typen wählen (iPhone 15 Pro, etc.) und den Frame-Stil (Realistic/Clay) anpassen.

Unterstützt das Studio Hero-Screens?

Ja, einige Templates (wie “Confidence Hero”) unterstützen Hero-Image-Slots, bei denen der Screenshot als Vollbild-Hintergrund verwendet wird.