
Demo av annotering av lokale webapper
Genererer en realistisk forhåndsvisning av localhost-webappen som viser et annotasjonsoverlegg som brukes til å be om justeringer av brukergrensesnittet i en arbeidsflyt for webappbygging.
Dette er et tilfelle av en gpt-image-2 -ledetekst for Andre inspirasjoner . Bruk den kopieringsklare ledeteksten nedenfor for å generere lignende visuelle elementer, og gjennomgå Awesome Nano Banana Pro Prompts -attribusjonen pluss kommersielle bruksrettigheter før gjenbruk.
Trenger du hele settet med ledetekster? Bruk Andre inspirasjoner emnehub for flere relaterte eksempler, eller åpne GPT Image 2-ledetekstbibliotek for den fullstendige eksempelindeksen, gjenbrukbare strukturer og kildeattribusjon.
Spørsmål
Klar til kopiering
Bruk REFERENCE_0 som kontekst, og lag et oppfølgingsskjermbilde som viser det valgte verktøyet «Build Web Apps» som en forhåndsvisning av en lokal webapplikasjon. Erstatt programtilleggslistevisningen med et nettleserlignende localhost-arbeidsområde med et rent hvitt brukergrensesnitt, myke skygger og avrundede hjørner. Viktige endringer: Vis et programbyggings-/annoteringsgrensesnitt i stedet for den opprinnelige programtilleggskatalogen. Legg til en topplinje som viser den lokale adressen til venstre og tre små vinduer/kontrollikoner til høyre. Legg til en blå annoteringsstatuskapsel øverst til høyre med teksten «annoteringsstatus» og en vertikal trepunktsmeny ved siden av. Innholdsområde: Lag et brukergrensesnitt i galleristil som viser kinesiske plakat-/kortdesign i et avrundet hvitt panel. Inkluder en verktøylinjerad på venstre side med en søkeknapp og en blå kommentar-/annoteringsknapp merket med en «1». Vis minst to synlige plakat-/kortminiatyrbilder i en mørkebrun, tradisjonell kinesisk visuell stil, samtidig som du beholder noen gjennomsiktige sjakkbrettplassholderområder i høyre panel. Overlegg: Plasser en stor, flytende annoteringsboble med avrundede hjørner sentrert øverst i innholdsområdet. Den skal ligne en innebygd kommentarredigerer med AI, med et glidebryter-/innstillingsikon til venstre, som inneholder kinesisk instruksjonstekst {argument name="comment text" default="Denne knappens visuelle utseende og generelle design matcher ikke; juster den."}, en "Avbryt"-knapp, et lite mikrofonikon og en svart, sirkulær bekreftelsesknapp med et hvitt hakemerke. Nederst i forhåndsvisningspanelet til høyre: Legg til tre handlingsknapper merket "Åpne", "Mappe" og "Bane", hver med et enkelt linjeikon. Behold skjermbildets realisme, som om du bruker Bygg webapper med innebygde HTML-annoteringer for å be om brukergrensesnittoptimalisering i en produktdemo.Promptvariabler
Redigerbare argumentplassholdere funnet i ledeteksten, med standardverdiene.
Variabel
local address
Misligholde
127.0.0.1:4392
Variabel
annotation status
Misligholde
Annotating
Variabel
comment text
Misligholde
This button's visual appearance doesn't match the overall design; please adjust it.
Gjenbruk og kildenotater
Bruk denne ledeteksten på en trygg måte etter at du har forhåndsvist saken.
- 1.Kopier ledeteksten eller åpne den direkte i Dovoo med genereringsknappen.
- 2.Juster variabler, sideforhold og referansebilder for ditt eget brukstilfelle.
- 3.Før publisering eller betalt bruk, kontroller kilderettigheter, krav til kreditering og risikoer knyttet til merkevare eller likhet.