UI-Mockup einer Video-Streaming-Plattform

Erstellt ein detailliertes Mockup der Startseite einer Video-Streaming-Website, inklusive Seitenleiste, Kategorie-Tags und einem Raster aus Video-Thumbnails mit Titeln und Metadaten.

Video Streaming Platform Homepage UI reference

Prompt

Bild kostenlos generieren
{
  "type": "Webbrowser-UI-Mockup",
  "platform": "{argument name=\"Plattformname\" default=\"YouTube\"}",
  "browser_window": {
    "style": "macOS Light Mode",
    "tab": "YouTube",
    "url_bar": "youtube.com"
  },
  "layout": {
    "header": {
      "components": ["Hamburger-Menü", "Plattform-Logo", "Suchleiste", "Video-erstellen-Symbol", "Benachrichtigungsglocke", "Benutzerprofil-Avatar"]
    },
    "sidebar": {
      "position": "links",
      "item_count": 11,
      "sections": [
        {
          "name": "Hauptmenü",
          "items": ["Start", "Shorts", "Abos", "Originals", "YouTube Music"]
        },
        {
          "name": "Entdecken",
          "items": ["Trends", "Shopping", "Musik", "Filme", "Live", "Gaming"]
        }
      ]
    },
    "main_content": {
      "category_tags": {
        "count": 10,
        "labels": ["Alle", "Gaming", "Musik", "Live", "Podcasts", "KI", "Autos", "Mixes", "Nachrichten", "Kürzlich hochgeladen"]
      },
      "video_grid": {
        "card_count": 5,
        "cards": [
          {
            "position": "oben links",
            "size": "groß",
            "thumbnail_description": "Sam Altman und Greg Brockman sitzen auf einer Bühne neben einem stehenden humanoiden Roboter, Text-Overlay 'OpenAI Introducing Our Humanoid Robot', LIVE-Badge",
            "video_title": "{argument name=\"Titel des Live-Streams\" default=\"Introducing Our Humanoid Robot\"}",
            "channel_name": "{argument name=\"Kanal des Live-Streams\" default=\"OpenAI\"}",
            "metadata": "482.000 Zuschauer"
          },
          {
            "position": "oben rechts",
            "size": "groß",
            "thumbnail_description": "Überraschtes Gesicht eines Mannes links, eine große Villa versteckt in einem Wald mit einer Explosion rechts, fettes gelbes Text-Overlay '{argument name=\"Text für Thumbnail oben rechts\" default=\"TOTAL SECRECY\"}'",
            "video_title": "{argument name=\"Titel des Videos oben rechts\" default=\"I Bought 100 Million Dollar Secret House!\"}",
            "channel_name": "MrBeast",
            "metadata": "4,1 Mio. Aufrufe, vor 19 Stunden, 20:49 Dauer"
          },
          {
            "position": "unten links",
            "size": "klein",
            "thumbnail_description": "Steve Carell hält einen Laptop, auf dem eine Szene aus The Office zu sehen ist",
            "video_title": "Steve Carell analysiert seine ikonischsten Charaktere | GQ",
            "channel_name": "GQ",
            "metadata": "987.000 Aufrufe, vor 2 Tagen, 17:46 Dauer"
          },
          {
            "position": "unten mitte",
            "size": "klein",
            "thumbnail_description": "Mann schaut durch ein Fernrohr auf ein Segelschiff auf dem Ozean bei Sonnenuntergang",
            "video_title": "Black Sails ist wunderschön!",
            "channel_name": "Savage Books",
            "metadata": "606.000 Aufrufe, vor 2 Tagen, 17:46 Dauer"
          },
          {
            "position": "unten rechts",
            "size": "klein",
            "thumbnail_description": "Gruseliger maskierter Killer-Charakter aus einem Videospiel mit Text-Overlay 'DEAD OF DAYLIGHT'",
            "video_title": "Spielen als die Sucher in Dead By Daylight",
            "channel_name": "Unknown",
            "metadata": "806.000 Aufrufe, vor 1 Tag, 28:39 Dauer"
          }
        ]
      }
    }
  }
}

So verwendest du diesen Prompt

  1. 1Kopiere den Prompt exakt und füge ihn dann in dein bevorzugtes Modell oder Ideart-Projekt ein.
  2. 2Ersetze Produkt-, Motiv-, Zielgruppen- und Stildetails durch deinen eigenen Kontext.
  3. 3Generiere zuerst ein Basisergebnis und remixe dann die stärkste Richtung in eine Kampagne, Bildserie oder ein Videokonzept.

Aus diesem Prompt bauen

Verwandle einen bild-Prompt in ein fertiges Kreativprojekt.

Speichere den Prompt, füge Referenzbilder oder Notizen hinzu und lass Ideart den nächsten Produktionsschritt aus demselben kreativen Thread formen.