Design d'interface interactive · #104 Image d'exemple

Cliquer pour agrandir · Rendu de référence original

Source de l'exemple

@marouane53 ↗ · Exemple #104

Contenu d'origine préservé. Le résultat final dépend de la version du modèle, des images de référence et des paramètres ; la reproduction exacte n'est pas garantie.

UI & Interfaces / PROMPT #104

Design d'interface interactive · #104

InterfaceMarqueTech

Observez le rendu puis copiez le prompt d'origine ; remplacez les variables ci-dessous avec vos propres éléments.

01 / Personnalisez votre version

Aucune variable détectée dans cet exemple. Après copie, ajustez librement le sujet, la palette de couleurs, le texte et le format.

02 / Prompt complet · Texte original

{
  "type": "YouTube livestream UI",
  "top_nav": {
    "logo": "YouTube Premium",
    "search": "{argument name=\"search query\" default=\"bilal fraiha\"}",
    "icons": 3
  },
  "player": {
    "subjects": [
      "{argument name=\"female guest\" default=\"Sydney Sweeney\"} in white cardigan",
      "bearded man in beige jacket laughing"
    ],
    "bg": "couch, 2 silver play buttons, ram logo 'SARDI'",
    "overlays": {
      "chat": {"pos": "left", "count": 15, "desc": "colored usernames, white text"},
      "goal": {"pos": "top right", "text": "TONIGHT'S GOAL: 0 to 25"},
      "banner": {"pos": "bottom center", "text": "K {argument name=\"streamer name\" default=\"MOREBILAL\"}"}
    },
    "controls": {"count": 10}
  },
  "details": {
    "title": "{argument name=\"video title\" default=\"FULL STREAM | سيدني سويني مع بلال\"}",
    "channel": "{argument name=\"channel name\" default=\"More Bilal No Filter\"}",
    "buttons": 5
  }
}

Copiez ce prompt dans votre outil de génération d'images habituel ; ce site sert à explorer et éditer des prompts, sans génération directe d'images.

03 / Vérifications avant génération

  • Remplacez les variables par des termes précis et vérifiez si une image de référence est requise.
  • Si l'image comporte du texte, définissez clairement les mots exacts et relisez attentivement après génération.
  • N'ajustez qu'un seul élément à la fois (sujet, lumière ou composition) pour comparer facilement les résultats.
Consulter le guide des prompts →

Continuer à explorer les inspirations similaires

Plus d'exemples de type UI & Interfaces

Tout afficher ↗