Interfaccia utente per la generazione di guide al brand tramite AI
Crea uno screenshot pulito di un'area di lavoro AI che mostra un file di brand in markdown trasformato in un foglio di contatto di una guida al brand in sei Slides in stile Dacoit.
Istruzione
Obiettivo: Creare un mockup dell'interfaccia utente in stile screenshot che mostri un'area di lavoro di una chat o di un agente AI che genera con successo Slides di una guida al brand a partire da un file markdown.
Canvas: Composizione orizzontale 4:3, circa 1024×768. Lo sfondo è una griglia da taglio verde scuro con segni di graduazione lungo i bordi superiore e sinistro, sottili linee di griglia color menta, numeri di misurazione da 5 a 50, piccoli segni di spunta e alcune deboli linee guida diagonali. Centrare un'ampia finestra dell'app bianca con angoli arrotondati e un'ombra morbida, lasciando visibile la griglia verde come bordo.
Layout della finestra dell'app: Il pannello bianco ha angoli arrotondati e una barra degli strumenti minimale. In alto a sinistra, mostrare il titolo "Create brand guide slides" seguito da un menu a tre punti. In alto a destra, includere esattamente 4 piccole icone della barra degli strumenti: un'icona quadrata scura con una freccia a discesa, un'icona elenco/impostazioni, un'icona a rettangolo piccolo e un'icona a pannello diviso. Un sottile divisore orizzontale scorre sotto la barra degli strumenti. Vicino alla parte superiore destra dell'area della chat, mostrare un chip di allegato arrotondato etichettato "DACOIT-DESIGN.md", quindi sotto di esso un fumetto di messaggio utente grigio chiaro con scritto "Read this and generate a brand guide slides based on this". Aggiungere una sottile barra di scorrimento verticale all'estrema destra all'interno della finestra.
Contenuto principale della risposta: Nell'area centrale sinistra, mostrare una riga di stato tenue "Worked for 5m 3s ›". Sotto un divisore, mostrare il testo di risposta: "Generated above using GPT image generation." Quindi un paragrafo: "It’s a single raster contact-sheet concept for six Dacoit brand-guide slides based on `DACOIT-DESIGN.md`: cover, brand signal, color system, typography, layout rules, and motion/footer. Tiny generated text can have minor artifacts, but the overall brand direction is captured." Utilizzare una tipografia UI sans-serif moderna e pulita, testo nero e grigio, spaziatura generosa.
Miniatura dell'immagine generata incorporata: Sotto il paragrafo, posizionare un'anteprima in miniatura con angoli arrotondati di un foglio di contatto di una guida al brand in sei Slides. Deve contenere esattamente 6 pannelli di slide in miniatura in una griglia 3×2. Lo stile delle mini Slides è un branding editoriale grintoso con color sabbia, arancione bruciato, nero, crema e rosso. Contare e rappresentare i sei argomenti delle slide visibili: 1) slide di copertina con testo enorme "DACOIT DESIGN CO", 2) slide del segnale del brand con "REBELLIOUS / EARTHY / DECLARATIVE", 3) slide del sistema colore con campioni verticali etichettati approssimativamente TAN, RED, INK, BLACK, SMOKE, 4) slide della tipografia con grandi parole "WORDS BECOME ARCHITECTURE", 5) slide delle regole di layout con "DESIGN WITHOUT APOLOGY", 6) slide di movimento/piè di pagina con sfondo scuro e "START A RIOT". Il testo minuscolo può essere imperfetto, ma le etichette grandi dovrebbero essere riconoscibili.
Stile visivo: Screenshot del prodotto ad alta fedeltà, interfaccia bianca nitida, ombre sottili, cromo del browser/app realistico, icone monocromatiche minimali, testo nitido e leggibile, spaziatura pulita. Lo sfondo dovrebbe richiamare un'area di lavoro di design o un tappetino da disegno.
Dettagli personalizzabili di origine/brand: Utilizzare Create brand guide slides come titolo della finestra se modificato. Utilizzare DACOIT-DESIGN.md per il chip dell'allegato e il riferimento nel paragrafo. Utilizzare Dacoit per il soggetto della guida al brand. Utilizzare Read this and generate a brand guide slides based on this come testo del fumetto del messaggio.
Vincoli: Non aggiungere persone, mani, barre degli indirizzi del browser, popup extra, filigrane o UI non correlata. Mantenere esattamente una finestra dell'app, un chip di allegato, un fumetto di messaggio utente, una riga di stato, un blocco di paragrafo di risposta e una miniatura incorporata contenente esattamente sei mini Slides.
Come usare questo prompt
- 1
Copia il prompt completo qui sopra.
- 2
Apri una piattaforma che supporta GPT Image 2, come YouMind, e incolla il prompt.
- 3
Cambia soggetto, stile o dettagli in base alla tua idea, poi genera.
Questo è un prompt IA gratuito della libreria di prompt di YouMind. Esplora altre migliaia di prompt immagine, tutti liberi da copiare e adattare.
Esplora altri prompt immagineAltro da GPT Image 2
Storyboard per rituale nella foresta fantasy con GPT Image 2
@Kōda
Mockup di smartphone per app di viaggio in stile acquerello
@Cherry 2.O
Logo d'artista minimalista d'avanguardia
@輪廻タヲ ☯ AI Artist
Moodboard di design di moda anime
@shah_zadii
Collage di moda in un attico di lusso in vetro tra le nuvole
@Cherry 2.O
Da schizzo a design UI professionale
@miroburn
Tutte le categorie Immagine
01
Casi d’uso
02
Stili
Scopri di più
Libreria IA
Ricerca prompt con IA
Lascia che l'IA cerchi tra decine di migliaia di prompt. Filtra per modello, intervallo di date e parole chiave e ordina per interazione: visualizzazioni, preferiti, condivisioni e altro.
Strumenti visivi
Da immagine a prompt
Trasforma qualsiasi foto in un prompt di immagine AI dettagliato. Il convertitore gratuito da immagine a prompt analizza composizione, stile e luce per ricreare ogni look in pochi secondi.
Pensato per i creator. Gratis per sempre.
YouMind è il copilota creativo IA scelto da creator in tutto il mondo. Ogni prompt è curato per aiutarti a creare meglio e più velocemente.