Bildorientiert mit Like und Kommentar-Zählern
Feed-Design anpassen
Im letzten Schritt des Feed-Setups wählst du eine Design-Vorlage für deinen Feed. Die Vorlage bestimmt das grundlegende Aussehen der Post-Karten, Farben und das Layout.
Übersicht
Abschnitt betitelt „Übersicht“Das Feed-Modul bietet 5 Design-Vorlagen:
Twitter/X
Textfokussiert mit Zeitstempeln
Klassisch mit allen Features
Minimal
Reduziert auf das Wesentliche
Eigene Auswahl
Alle Features selbst konfigurieren
Die 5 Vorlagen im Detail
Abschnitt betitelt „Die 5 Vorlagen im Detail“1. Instagram-Stil
Abschnitt betitelt „1. Instagram-Stil“| Eigenschaft | Wert |
|---|---|
| Fokus | Bilder und visuelle Inhalte |
| Hintergrund | Hellgrau (#FAFAFA) |
| Karten | Weiß (#FFFFFF) |
| Like-Farbe | Rot (#ED4956) |
| Eckenradius | 0 (keine runden Ecken) |
Der Instagram-Stil ist bildorientiert und eignet sich perfekt für:
- Foto-basierte Communities
- Lifestyle-Apps
- Visual Storytelling
- Influencer-Plattformen
Design-Merkmale:
- Große Bildvorschauen
- Kompakte Like/Kommentar-Icons
- Minimalistischer Header
- Klare Trennung zwischen Posts
2. Twitter/X-Stil
Abschnitt betitelt „2. Twitter/X-Stil“| Eigenschaft | Wert |
|---|---|
| Fokus | Text und Kurznachrichten |
| Hintergrund | Weiß (#FFFFFF) |
| Karten | Weiß (#FFFFFF) |
| Like-Farbe | Pink (#F91880) |
| Eckenradius | 0 (keine runden Ecken) |
Der Twitter/X-Stil ist textfokussiert und eignet sich für:
- Nachrichten-Apps
- Micro-Blogging
- Schnelle Updates
- Diskussions-Plattformen
Design-Merkmale:
- Keine Bildvorschau (Text steht im Vordergrund)
- Prominente Zeitstempel
- Kompaktes Layout
- Schnelles Scrollen
3. Facebook-Stil
Abschnitt betitelt „3. Facebook-Stil“| Eigenschaft | Wert |
|---|---|
| Fokus | Vollständige Posts mit allen Features |
| Hintergrund | Hellblau-Grau (#F0F2F5) |
| Karten | Weiß (#FFFFFF) |
| Like-Farbe | Facebook-Blau (#1877F2) |
| Eckenradius | 8px (leicht gerundet) |
Der Facebook-Stil bietet alle Features und eignet sich für:
- Community-Plattformen
- Vereins-Apps
- Social Networks
- Gruppen-basierte Apps
Design-Merkmale:
- Karten mit leichten Schatten
- Alle Interaktions-Buttons sichtbar
- Autor-Info prominent
- Bilder im Querformat (1.5:1)
4. Minimal-Stil
Abschnitt betitelt „4. Minimal-Stil“| Eigenschaft | Wert |
|---|---|
| Fokus | Reduziertes, sauberes Design |
| Hintergrund | Weiß (#FFFFFF) |
| Karten | Hellgrau (#FAFAFA) |
| Like-Farbe | Pink (#E91E63) |
| Eckenradius | 16px (stark gerundet) |
Der Minimal-Stil ist reduziert und eignet sich für:
- Design-fokussierte Apps
- Portfolio-Apps
- Premium-Plattformen
- Einfache Feeds
Design-Merkmale:
- Viel Weißraum
- Stark gerundete Ecken
- Wenig visuelle Ablenkung
- Fokus auf Inhalt
5. Eigene Auswahl
Abschnitt betitelt „5. Eigene Auswahl“| Eigenschaft | Wert |
|---|---|
| Fokus | Vollständige Kontrolle |
| Hintergrund | Hellgrau (#F5F5F5) |
| Karten | Weiß (#FFFFFF) |
| Like-Farbe | Lila (#6200EA) |
| Eckenradius | 12px (mittel gerundet) |
Die Eigene Auswahl ist der Startpunkt für vollständig individuelle Designs:
- Du konfigurierst alles selbst
- Perfekt für einzigartige Marken
- Keine vordefinierten Einschränkungen
Was du anpassen kannst:
- Alle Farben
- Eckenradien
- Abstände
- Schriftgrößen
- Und vieles mehr im Feed-Editor
So wählst du eine Vorlage
Abschnitt betitelt „So wählst du eine Vorlage“-
Vorlagen-Galerie ansehen
Im Design-Schritt siehst du alle 5 Vorlagen als Vorschau-Karten in einem Raster.
Jede Karte zeigt:
- Mini-Vorschau des Designs
- Name der Vorlage
- Ausgewählt-Status (Häkchen + blaue Umrandung)
-
Vorlage antippen
Tippe auf die Vorlage, die dir gefällt.
Die ausgewählte Vorlage wird mit:
- Blauer Umrandung
- Häkchen-Symbol
- Leichtem Schatten
hervorgehoben.
-
Fertig!
Nach der Auswahl wird die Vorlage als Startpunkt für dein Feed-Design gespeichert.
Du kannst alles später im Feed-Editor anpassen.
Empfehlungen nach App-Typ
Abschnitt betitelt „Empfehlungen nach App-Typ“Empfohlene Vorlage: Instagram
| Vorlage | Empfehlung |
|---|---|
| ✅ Beste Wahl | |
| ⚪ Alternative | |
| Minimal | ⚪ Für Premium-Apps |
Der Instagram-Stil ist perfekt für bildlastige Apps.
Empfohlene Vorlage: Twitter/X
| Vorlage | Empfehlung |
|---|---|
| Twitter/X | ✅ Beste Wahl |
| Minimal | ⚪ Alternative |
| ⚪ Für mehr Features |
Der Twitter/X-Stil priorisiert Text und Zeitstempel.
Empfohlene Vorlage: Facebook
| Vorlage | Empfehlung |
|---|---|
| ✅ Beste Wahl | |
| ⚪ Für jüngere Zielgruppe | |
| Eigene Auswahl | ⚪ Für individuelle Designs |
Der Facebook-Stil bietet alle Features für aktive Communities.
Empfohlene Vorlage: Minimal
| Vorlage | Empfehlung |
|---|---|
| Minimal | ✅ Beste Wahl |
| Eigene Auswahl | ⚪ Für mehr Kontrolle |
| ⚪ Für Bilder |
Der Minimal-Stil wirkt hochwertig und professionell.
Vergleich der Vorlagen
Abschnitt betitelt „Vergleich der Vorlagen“| Merkmal | Twitter/X | Minimal | Eigene | ||
|---|---|---|---|---|---|
| Bildvorschau | ✅ Groß | ❌ Keine | ✅ Mittel | ✅ Mittel | ✅ Mittel |
| Bildformat | 1:1 | - | 1.5:1 | 1.33:1 | 1:1 |
| Eckenradius | 0px | 0px | 8px | 16px | 12px |
| Hintergrund | Grau | Weiß | Blau-Grau | Weiß | Grau |
| Like-Farbe | Rot | Pink | Blau | Pink | Lila |
| Stil | Visuell | Kompakt | Vollständig | Minimalistisch | Flexibel |
Design später anpassen
Abschnitt betitelt „Design später anpassen“Nach der Einrichtung kannst du das Design jederzeit im Feed-Editor individuell anpassen:
Farben
Hintergrund, Karten, Text, Akzente
Layout
Abstände, Größen, Proportionen
Karten-Design
Eckenradius, Schatten, Rahmen
Interaktionen
Like-Button, Kommentar-Bereich
Der Feed-Editor bietet:
- Live-Vorschau aller Änderungen
- Komplette Freiheit bei der Gestaltung
- Speichern & Wiederherstellen von Designs
Nächste Schritte
Abschnitt betitelt „Nächste Schritte“ Feed-Editor Passe das Design nach der Einrichtung an
Zurück zur Übersicht Feed-Modul Setup Übersicht