Ontwerpsysteem voor de gebruikersinterface in lichte modus
Genereert een uitgebreide presentatie van een UI-ontwerpsysteem met kleurenpaletten, typografie, componenten en responsieve mockups met een futuristische, iriserende esthetiek.
Dit is een voorbeeld van een gpt-image-2 prompt voor Poster afdrukken . Gebruik de onderstaande kant-en-klare prompt om vergelijkbare afbeeldingen te genereren en controleer de Awesome Nano Banana Pro Prompts en de rechten voor commercieel gebruik voordat u de afbeeldingen hergebruikt.
Heb je de volledige set prompts nodig? Gebruik dan de Poster afdrukken Ga naar het themacentrum voor meer gerelateerde voorbeelden, of open de GPT-afbeelding 2 promptbibliotheek Voor de volledige voorbeeldenindex, herbruikbare structuren en bronvermelding.
Snel
Schrijfklare prompt
{ "type": "Demonstratieproject UI-ontwerpsysteem", "thema": "{argumentnaam=\"visueel thema\" standaard=\"Optische wetenschap en lichtbreking\"}", "algemene_esthetiek": "Een schone witte achtergrond, lichte kleurmodus, futuristische en verfijnde uitstraling; het onderscheidende kenmerk ligt in de versiering met {argumentnaam=\"primaire gradiëntkleuren\" standaard=\"Iriserend, zacht oranje, geel, cyaan, paars, roze\"}", "koptekst": { "titel": "{argumentnaam=\"systeemnaam\" standaard=\"LIGHTCORE PRISM\"}", "ondertitel": "UI-ontwerpsysteem - Lichtmodus", "tags": [ "Futuristisch", "gevoel van verfijning", "Focus" ], "hero_graphic": "3D transparante glazen ring die iriserend licht breekt" }, "lay-out": { "secties": [ { "titel": "kleur", "aantal": 5, "labels": [ "Wit #FFFFFF", "Sneeuw #FAFAFC", "Leisteenkleur #F2F4F8", "Randkleur #E6E8EF", "Zwart #0A0A0C" ], "beschrijving": "5 afgeronde vierkante effen kleurblokken" }, { "titel": "Prisma-gradiënt", "aantal": 1, "beschrijving": "Een lange horizontale gradiëntbalk met vijf hexadecimale kleurcodes eronder." }, { "titel": "Zetwerk", "beschrijving": "Het grote lettertype 'Aa' wordt weergegeven in vier gewichten (Licht, Normaal, Medium, Halfvet) samen met het complete alfabet/de cijfers." }, { "titel": "icoon", "aantal": 12, "beschrijving": "12 minimalistische lijnstijlpictogrammen gerangschikt in een raster van 2x6." }, { "title": "Knop", "count": 8, "categories": [ "main", "secondary", "text", "icon" ], "description": "Er zijn in totaal 8 knoppen, die de normale en uitgeschakelde status voor elke categorie weergeven. De hoofdknop heeft een iriserende rand en de tekst {argument name=\"primary button text\" default=\"Start using\"}." }, { "title": "navigation", "count": 2, "variants": [ "Desktop", "mobile" ], "description": "De desktopnavigatie bevat een logo, vier tekstlinks, een zoekbalk, een inlogknop en een mobiele navigatiebalk." }, { "title": "Componenten", "count": 6, "items": [ "Kaart: 'Photon Engine' met abstracte regenboogafbeeldingen en knoppen", "Invoervakken: een zoekbalk met labels en een e-mailinvoervak.", "Voortgangsbalk: 68% regenboogvoortgangsbalk", "Tabbladen: Overzicht, Analyse, Instellingen", "Schakelaars: 2 schakelaars (aan/uit)", "Gegevensvisualisatie: een cirkeldiagram met 3 legenda-items en een lijndiagram van 7 dagen." ] }, { "title": "Webpagina", "description": "Desktopbrowsermodel, inclusief titel '{argument name=\"hero headline\" default=\"De toekomst bouwen met licht en kleur\"} Het ontwerp bevat twee knoppen, een vloeiende 3D-regenbooggolfafbeelding en vijf partnerlogo's onderaan." }, { "title": "Mobiele applicatie", "description": "Het smartphone-model toont een saldo van $24.880, een lijngrafiek, vier sneltoetspictogrammen, een lijst met recente activiteiten met drie items en een navigatiebalk onderaan met vier pictogrammen." } ] } }Vraagvariabelen
Bewerkbare argumentplaceholders in de prompt, met hun standaardwaarden.
Variabele
visual theme
Standaard
Optical Science and Light Refraction
Variabele
primary gradient colors
Standaard
Iridescent, soft orange, yellow, cyan, purple, pink
Variabele
system name
Standaard
LIGHTCORE PRISM
Variabele
primary button text
Standaard
Start using
Variabele
hero headline
Standaard
Building the future with light and color
Hergebruik en bronvermeldingen
Gebruik deze prompt veilig nadat u de casus hebt bekeken.
- 1.Kopieer de prompt of open deze direct in Dovoo met de knop 'Genereren'.
- 2.Pas de variabelen, beeldverhouding en referentieafbeeldingen aan uw eigen toepassing aan.
- 3.Controleer vóór publicatie of betaald gebruik de auteursrechten, de vereisten voor naamsvermelding en de risico's met betrekking tot merk of beeltenis.