Usa il prompt
Aggiungi il tuo brief
Aggiungi qui sotto il tuo contesto. Verrà incluso nel prompt quando lo copi o lo scarichi.
Crea un prototipo di app modificabile, progettato prima di tutto per dispositivi mobili, usando lo stack di progetto esistente per [PROJECT] e [AUDIENCE]. L’attività è: Note sulle location fotografiche.
Contenuti e struttura obbligatori
Salva una location con note sull'accesso e foto di riferimento, prepara un piano di scatto e registra la data in cui le informazioni sono state verificate.
Schermate e navigazione
Realizza tre viste collegate: Luoghi salvati; Nota sulla location; Piano di scatto. Mantieni il record selezionato visibile nel titolo o nel riepilogo della schermata. Offri un’azione esplicita per tornare indietro e conserva i dati inseriti ma non ancora completati durante il passaggio tra le viste. Mantieni l’azione principale vicino ai contenuti pertinenti e considera le aree sicure dei dispositivi mobili, una tastiera software visibile e le etichette tradotte più lunghe. Alle larghezze desktop, adatta la composizione senza eliminare passaggi né modificare l’attività.
Dati del progetto
Usa [APPROVED_CONTENT] per nomi, record, etichette, quantità e destinazioni. Chiedi i dati mancanti anziché inventare affermazioni operative. I record dimostrativi possono usare il marchio fittizio Scout; contrassegnali come dati di esempio. Spiega quali azioni sono interazioni locali del prototipo e quali richiederebbero autenticazione, persistenza, autorizzazioni o un backend. Non collegare servizi esterni né dichiarare che una transazione è stata completata, a meno che l’integrazione non sia stata esplicitamente implementata e testata.
Direzione del design
Segui [BRAND_RULES]. Se non viene fornito alcun marchio, usa antracite, argento, ambra tenue e fotografie di paesaggi. Rendi il flusso di lavoro riconoscibile attraverso contenuti e controlli specifici, anziché ripetere generiche schede da dashboard. Usa una scala di spaziatura coerente e una gerarchia testuale chiara. Includi un indicatore visibile del focus da tastiera, nomi accessibili, contrasto sufficiente ed etichette di stato non basate solo sul colore. Rispetta la preferenza di riduzione del movimento e mantieni facoltative le transizioni animate.
Verifica di accettazione specifica dell'attività
- Mantieni private le note riservate sulle location ed evita di presentare vecchie informazioni di accesso come un’autorizzazione attuale a entrare.
Stati di interazione
Implementa il percorso ideale su tre schermate con dati di esempio locali. Includi uno stato vuoto utile, una convalida prima di completare un’azione, uno stato di caricamento o in sospeso e uno stato di errore recuperabile. Le modifiche distruttive richiedono un passaggio di revisione o la possibilità di annullarle. Mantieni coerente lo stato di un record in tutte e tre le viste. Non eliminare senza avviso i dati inseriti solo in parte e non modificare la scelta dell’utente dopo un nuovo tentativo.
Consegna e revisione
Fornisci le viste modificabili dell’app e illustra il modello dei dati, l’eventuale comportamento dell’archiviazione locale e le integrazioni non implementate. Esegui i test a 320px e in un viewport più ampio, usando la navigazione da tastiera e contenuti lunghi. Prima di aggiungere funzionalità, verifica il risultato usando il controllo di accettazione specifico per l’attività riportato sopra. Mantieni il comportamento dimostrativo chiaramente distinto da quello di un servizio di produzione operativo.
Allegato di riferimento e obiettivo di ricostruzione
Allega reference.webp, incluso nel pacchetto scaricabile di questo prompt, insieme al prompt in OpenDesign. Crea un risultato modificabile con composizione e gerarchia simili; non incorporare l'intera immagine di riferimento come interfaccia finale. Mantieni i contenuti di progetto approvati e le regole del brand se sono in conflitto con le etichette fittizie dell'esempio. Se l'immagine manca o è illeggibile, richiedila invece di dichiarare fedeltà visiva.
Composizione e contenuti di riferimento
Usa il file reference.webp allegato come riferimento visivo per Note sulle location fotografiche. Prima di iniziare la realizzazione, identifica le principali aree dall’alto verso il basso, le relative larghezze e altezze, l’allineamento, la spaziatura, la gerarchia tipografica, i colori delle superfici, i bordi, le immagini e i componenti ripetuti. Preserva tali relazioni anziché sostituirle con un modello generico. Contenuto obbligatorio dell’attività: salva una location con note di accesso e foto di riferimento, crea un piano di scatto e registra la data in cui le informazioni sono state verificate. Quando traduci l’immagine in elementi modificabili, segui queste indicazioni specifiche per il layout: inizia da Luoghi salvati come schermata iniziale, assegna a Nota sulla location un’azione principale chiara e fai in modo che Piano di scatto spieghi che cosa è successo e che cosa può succedere dopo. Usa antracite, argento, ambra tenue e fotografie di paesaggi come punto di partenza, adattandoli al marchio fornito. Mantieni visibili l’identità del record e il contesto di navigazione nelle tre schermate. Dai priorità a controlli facilmente raggiungibili con il pollice e a etichette leggibili rispetto ai pannelli decorativi; sugli schermi più ampi, mantieni coerente il flusso di lavoro anziché estendere da un bordo all’altro una composizione mobile.
Direzione visiva dal brief di esempio
antracite, argento, ambra tenue, fotografie di paesaggi.
Specifiche di interazione
Il riferimento è un concept statico: il comportamento descritto di seguito è un requisito da implementare, non la prova che l’immagine sia già funzionante. Copia il prompt personalizzato nel progetto e realizza il flusso collegato: salva una location con note di accesso e foto di riferimento, crea un piano di scatto e registra la data in cui le informazioni sono state verificate. Mantieni private le note riservate sulle location ed evita di presentare vecchie informazioni di accesso come un’autorizzazione attuale a entrare. Per ogni controllo visibile, specifica l’evento di attivazione, lo stato interessato e il feedback; implementa le modifiche locali mantenendo lo stato coerente tra le viste correlate. Fai in modo che ricerca e filtri producano risultati reali, che i controlli di selezione abbiano uno stato attivo esplicito e che le azioni di salvataggio mostrino, ove pertinente, feedback visibili per gli stati in corso, riuscito e non riuscito. Non aggiungere flussi di lavoro non pertinenti. Usa link appropriati per la navigazione, pulsanti per le azioni e nomi accessibili per i controlli a icona. Non suggerire che un’operazione di backend sia riuscita quando è stata modificata solo una demo locale.
Confronto visivo e consegna
- Confronta il risultato con l'immagine allegata usando le stesse proporzioni. Prima di perfezionare i dettagli decorativi, verifica il posizionamento delle aree principali, le dimensioni relative delle immagini, le interruzioni di riga, la spaziatura, la gerarchia tipografica, il contrasto, gli stati attivi e la densità dei contenuti.
- Quindi testa il layout stretto senza comprimere il testo desktop in etichette minuscole.
- Mantieni loghi, foto e icone come risorse separate e tutte le etichette significative modificabili. Elenca eventuali caratteri o risorse non disponibili e qualsiasi scostamento intenzionale. Restituisci i file funzionanti insieme a una descrizione concisa dei comportamenti implementati e delle integrazioni ancora necessarie; non promettere un risultato identico al pixel basandoti solo sul prompt.
Scarica prompt + immagine
Include il prompt completo e l'immagine di riferimento a grandezza intera. Allega entrambi in OpenDesign per guidare il layout.
Come scrivere un prompt di design per Note sulle location fotografiche
Usa questo prompt di design per Note sulle location fotografiche per salvare una location con note di accesso e foto di riferimento, creare un piano di scatto e registrare la data in cui le informazioni sono state verificate.
Il riferimento è un concept generato dall'IA. Le istruzioni seguenti descrivono cosa creare e testare; l'immagine non dimostra un comportamento funzionante.
Preserva la fonte e l’età delle note di accesso
Un’app per location fotografiche aiuta a pianificare uno scatto usando informazioni che potrebbero diventare obsolete.
Le note private e le osservazioni di accesso datate non devono sembrare un’autorizzazione pubblica a entrare. Inizia da Luoghi salvati come schermata iniziale, assegna a Nota sulla location un’azione principale chiara e fai in modo che Piano di scatto spieghi che cosa è successo e che cosa può succedere dopo. Usa antracite, argento, ambra tenue e fotografie di paesaggi come punto di partenza, adattandoli al marchio fornito. Mantieni visibili l’identità del record e il contesto di navigazione nelle tre schermate. Dai priorità a controlli facilmente raggiungibili con il pollice e a etichette leggibili rispetto ai pannelli decorativi; sugli schermi più ampi, mantieni coerente il flusso di lavoro anziché estendere da un bordo all’altro una composizione mobile.
Dal prompt
Realizza tre viste collegate: Luoghi salvati; Nota sulla location; Piano di scatto.
Personalizzalo
Salva [LOCATION] con foto di riferimento, note di accesso private e una data di verifica. Crea un piano di scatto mantenendo evidenti la visibilità e l’età di ogni nota.
Prepara i contenuti per Note sulle location fotografiche
La fotografia di una location introduce le note e un avviso sull'accesso; distingui un'osservazione salvata dall'autorizzazione attuale a entrare.
Fornisci record fittizi di location, foto di riferimento, note di accesso private e date dell’ultima verifica. Scegli i campi inclusi in un piano di scatto e identifica quali note devono rimanere private quando il piano viene condiviso.
Dal prompt
Salva una location con note sull'accesso e foto di riferimento, prepara un piano di scatto e registra la data in cui le informazioni sono state verificate.
Personalizzalo
Per [PROJECT], usa [APPROVED_CONTENT] come fonte per queste note sulle location fotografiche. Fornisci i record e le etichette dei campi approvati per Luoghi salvati; Nota sulla location; Piano di scatto; le regole relative alle azioni e alla persistenza; le risorse del marchio e i requisiti di autorizzazione. Identifica i dati mancanti prima di sostituirli con contenuti dimostrativi.
Riutilizza una vecchia location
Il piano di scatto separa le condizioni previste dagli scatti pianificati; richiedi indicazioni temporali e un percorso per ricontrollare le condizioni soggette a variazioni.
Il piano deve conservare la data dell’ultima verifica e qualsiasi incertezza relativa all’accesso. Salvare una location non deve pubblicare note private né suggerire l’esistenza di un’autorizzazione attuale a entrare. Testa prima questo specifico caso limite: mantieni private le note riservate sulle location ed evita di presentare vecchie informazioni di accesso come un’autorizzazione attuale a entrare. Esegui quindi il flusso principale con un titolo del record lungo, nessun record salvato e un’azione non riuscita. L’utente deve poter distinguere ciò che è salvato, ciò che è in sospeso e ciò che può essere annullato senza affidarsi al colore. Verifica che il ritorno alla schermata precedente conservi i dati inseriti e che uno screen reader incontri titolo, stato e azione principale in un ordine logico.
Dal prompt
Mantieni private le note private sulla location ed evita di presentare informazioni di accesso obsolete come un'autorizzazione attuale a entrare.
Personalizzalo
Verifica le note sulle location fotografiche rispetto a questo requisito: mantieni private le note riservate sulle location ed evita di presentare vecchie informazioni di accesso come un’autorizzazione attuale a entrare. Testa prima questo specifico caso limite: mantieni private le note riservate sulle location ed evita di presentare vecchie informazioni di accesso come un’autorizzazione attuale a entrare. Esegui quindi il flusso principale con un titolo del record lungo, nessun record salvato e un’azione non riuscita. L’utente deve poter distinguere ciò che è salvato, ciò che è in sospeso e ciò che può essere annullato senza affidarsi al colore. Verifica che il ritorno alla schermata precedente conservi i dati inseriti e che uno screen reader incontri titolo, stato e azione principale in un ordine logico. Preserva i contenuti approvati e modifica solo le parti che non superano questa verifica.
Verifica il risultato di Note sulle location fotografiche
L'esempio è un concept visivo generato dall'IA. I servizi connessi, le autorizzazioni del dispositivo e i dati persistenti richiedono implementazione e test separati.
- Mantieni private le note private sulla location ed evita di presentare informazioni di accesso obsolete come un'autorizzazione attuale a entrare.
Prompt di follow-up
Usalo dopo il primo risultato. Restringe la revisione alla parte più importante di questa attività.
Perfeziona solo la transizione da Nota sulla location a Piano di scatto. Mantieni private le note private sulla location ed evita di presentare informazioni di accesso obsolete come un'autorizzazione attuale a entrare. Mostra gli stati pertinenti in sospeso, non riuscito e completato con etichette esplicite. Mantieni la navigazione, la tipografia e le altre schermate approvate. Restituisci le viste modificate e descrivi come i dati inseriti vengono conservati durante un nuovo tentativo.
