Scheda di sistema dell'interfaccia utente a farfalla iridescente

{ "type": "Progetto dimostrativo del sistema di progettazione UI/UX", "theme": "Modalità scura, estetica luminosa e iridescente ispirata alla natura", "language": "Cinese", "canvas": { "aspect_ratio": "Poster quadrato", "background": "Dal blu notte intenso al nero, con un alone sottile", "style": "Un progetto di display futuristico di alta gamma caratterizzato da un sottile profilo del pannello blu neon, riflessi lucidi, alone morbido e contrasto elevato." }, "header": { "title": "Sistema di progettazione UI/UX ispirato alla natura{argument name=\"system title\" default=\"Arcobaleno di farfalla\"}", "description": "{argument name=\"chinese description\" default=\"Traendo ispirazione dalle ali di farfalla, il design incorpora la lucentezza iridescente dei colori strutturali e del blu intenso per creare un'esperienza digitale leggera, dinamica e vibrante.\"}", "hero_image": "Un'ala di farfalla luminosa e ricca di dettagli, che mostra blu elettrico, viola e ciano iridescente, occupa metà dell'angolo in alto a destra. Sono visibili le strutture delle venature, i bordi traslucidi e le particelle scintillanti, con una seconda ala sfocata dietro di essa." }, "layout": { "sections": [ { "title": "1. Design Inspiration", "position": "In alto a sinistra, sotto il titolo", "count": 4, "labels": [ "Macro di ali di farfalla iridescenti", "Primo piano della texture dell'ala blu-viola", "Alone prismatico che rifrange la luce", "Motivo cellulare dell'ala di farfalla" ] }, { "title": "2. Parole chiave", "position": "In alto a destra, sotto l'immagine principale", "count": 5, "labels": [ "iride", "Agile", "Luce", "Profondo", "natura" ], "icon_style": "Icone minimaliste luminose all'interno di schede scure arrotondate" }, { "title": "3. Sistema di colori", "position": "centro sinistra", "subsections": [ { "title": "colore principale", "count": 3, "labels": [ "Blu Morpho #1E5BFF", "Viola Arcobaleno #7A5CFF", "Chiaro del cielo" #00E6FF" ] }, { "titolo": "Colore neutro", "conteggio": 3, "etichette": [ "Nero mezzanotte #060F19", "Blu navy tenue #141A2E", "Bianco perla #F3F6FC" ] }, { "titolo": "Enfasi sul colore e sulla sfumatura", "conteggio": 2, "etichette": [ "Lucido arcobaleno", "Luce farfalla" ] } ], "visuale": "Campioni di colore circolari e sfere sfumate, con etichette cinesi sotto." }, { "title": "4. Layout", "position": "center right", "count": 1, "labels": [ "Aa Poppins Light / Regular / Medium / SemiBold" ], "visual": "Grande Aa bianca su una scheda scura" }, { "title": "5. Icona dell'applicazione", "position": "Sinistra e Centro", "count": 1, "text": "{argument name=\"nome app\" default=\"Winglet\"} Leggera. Agile. Elegante.", "visual": "L'icona dell'app a forma di farfalla luminosa accanto al nome dell'app" }, { "title": "6. Componenti dell'interfaccia utente", "position": "center", "subsections": [ { "title": "Pulsante", "count": 3, "labels": [ "Pulsante principale", "Pulsanti secondari", "texture vetro" ] }, { "title": "icona", "count": 2, "labels": [ "Collezione a forma di cuore", "Anello illuminato" ] }, { "title": "interruttore", "conteggio": 1, "etichette": [ "interruttore" ] } ], "visuale": "Pulsanti blu arrotondati, pulsanti con icone al neon e interruttori retroilluminati sul pannello scuro" }, { "titolo": "Altri elementi", "posizione": "Centro destro", "conteggio": 4, "etichette": [ "casella di ricerca", "Tag nuovo", "barra di avanzamento (72%)", "scheda Morpho blu" ], "visuale": "Componenti UI piccoli e pratici in schede orizzontali compatte" }, { "titolo": "7. Interfaccia utente mobile", "posizione": "In basso a sinistra", "conteggio": 3, "etichette": [ "Pagina di ricerca", "Pagina di oggi con una grande illustrazione di una farfalla", "Pagina di riproduzione audio con grafico della forma d'onda" ], "visuale": "Tre prototipi di smartphone con angoli arrotondati, interfaccia scura ed effetto visivo di una farfalla blu-viola." }, { "title": "8. Anteprima del design del sito web", "position": "In basso a destra", "count": 1, "labels": [ "Vita di Luce" ], "visual": "Mockup di landing page per desktop, inclusa un'immagine principale di una farfalla, navigazione superiore, pulsante call-to-action blu brillante e testo cinese." }, { "title": "9. Sfondo visivo", "position": "In basso a larghezza intera", "count": 4, "labels": [ "Sfondo a nastro fluido 1", "Arcobaleno vorticoso", "Sfondo a nastro fluido 2", "Esplosione di cristallo radiosa" ], "visual": "Quattro esempi di sfondo rettangolari in viola, blu e ciano." } ], "footer": { "count": 1, "text": "Progettato pensando alla natura, nato per l'esperienza.", "center_icon": "Piccola icona a forma di farfalla" } }, "art_direction": { "materials": "Imitazione del vetro, illuminazione dei bordi al neon, sfumature morbide, riflessi sottili", "colors": "Blu elettrico, indaco, viola, ciano, bianco", "composition": "Il layout a griglia pulito include nove sezioni di contenuto numerate, ampio spazio bianco, bordi arrotondati sottili e un'immagine dominante di una farfalla.", "render_quality": "Altamente raffinato, chiaramente disposto, un progetto di sistema di design in stile Behance di alta qualità." } }