
Esempio di annotazione per app Web locale
Genera un'anteprima realistica di un'app Web in locale, mostrando una sovrapposizione di annotazioni utilizzata per richiedere modifiche all'interfaccia utente in un flusso di lavoro di creazione di app Web.
Questo è un esempio di prompt gpt-image-2 per Altre ispirazioni . Utilizza il prompt pronto per la copia qui sotto per generare immagini simili e verifica l'attribuzione Awesome Nano Banana Pro Prompts e i diritti di utilizzo commerciale prima del riutilizzo.
Hai bisogno del set completo di prompt? Usa il Altre ispirazioni hub tematico per ulteriori esempi correlati oppure apri il Libreria di prompt GPT Image 2 per l'indice completo degli esempi, le strutture riutilizzabili e l'attribuzione delle fonti.
Richiesta
prompt pronto per la copia
Utilizzando REFERENCE_0 come contesto, crea uno screenshot successivo che mostri lo strumento "Crea applicazioni Web" selezionato come anteprima di un'applicazione Web locale. Sostituisci la visualizzazione dell'elenco dei plugin con un'area di lavoro localhost in stile browser con un'interfaccia utente bianca pulita, ombre morbide e angoli arrotondati. Modifiche chiave: mostra un'interfaccia di creazione/annotazione dell'applicazione invece della directory dei plugin originale. Aggiungi una barra superiore che visualizzi l'indirizzo locale a sinistra e tre piccole finestre/icone di controllo a destra. Aggiungi una capsula blu per lo stato dell'annotazione nell'angolo in alto a destra con il testo "stato dell'annotazione" e un menu verticale a tre punti accanto. Area dei contenuti: crea un'interfaccia utente in stile galleria che visualizzi disegni di poster/cartoline cinesi all'interno di un pannello bianco arrotondato. Includi una riga di barra degli strumenti a sinistra con un pulsante di ricerca e un pulsante blu per commenti/annotazioni contrassegnato da un "1". Visualizza almeno due miniature di poster/cartoline in uno stile visivo tradizionale cinese marrone scuro, mantenendo alcune aree segnaposto a scacchiera trasparenti nel pannello di destra. Sovrapposizione: Posiziona una grande bolla di input per le annotazioni, fluttuante e con angoli arrotondati, centrata nella parte superiore dell'area dei contenuti. Dovrebbe assomigliare a un editor di commenti AI incorporato, con un cursore/icona delle impostazioni a sinistra, contenente il testo di istruzioni in cinese {nome argomento="testo commento" predefinito="L'aspetto e il design generale di questo pulsante non corrispondono; si prega di regolarlo."}, un pulsante "Annulla", una piccola icona a forma di microfono e un pulsante di conferma circolare nero con un segno di spunta bianco. Nella parte inferiore del pannello di anteprima a destra: Aggiungi tre pulsanti di azione etichettati "Apri", "Cartella" e "Percorso", ciascuno con una semplice icona a forma di linea. Mantieni il realismo dello screenshot, come se stessi usando Build Web Apps con annotazioni HTML integrate per richiedere l'ottimizzazione dell'interfaccia utente in una demo del prodotto.Variabili di richiesta
Segnaposto per gli argomenti modificabili presenti nel prompt, con i relativi valori predefiniti.
Variabile
local address
Predefinito
127.0.0.1:4392
Variabile
annotation status
Predefinito
Annotating
Variabile
comment text
Predefinito
This button's visual appearance doesn't match the overall design; please adjust it.
Note sul riutilizzo e sulla fonte
Utilizza questo prompt in tutta sicurezza dopo aver visualizzato in anteprima il caso.
- 1.Copia il prompt oppure aprilo direttamente in Dovoo tramite il pulsante di generazione.
- 2.Regola le variabili, le proporzioni e le immagini di riferimento in base alle tue esigenze.
- 3.Prima della pubblicazione o dell'utilizzo a pagamento, verificare i diritti di fonte, i requisiti di attribuzione e i rischi relativi al marchio o all'immagine.