Carte mère système d'interface utilisateur papillon irisé

{ "type": "Projet de démonstration de système de conception UI/UX", "theme": "Mode sombre, esthétique irisée lumineuse inspirée par la nature", "language": "Chinois", "canvas": { "aspect_ratio": "Affiche carrée", "background": "Bleu nuit profond à noir, avec un halo subtil", "style": "Un projet d'affichage haut de gamme et futuriste présentant un contour de panneau bleu néon mince, des reflets brillants, un halo doux et un contraste élevé." }, "header": { "title": "Système de conception d'interface utilisateur/expérience utilisateur inspiré par la nature{argument name=\"system title\" default=\"Butterfly Rainbow\"}", "description": "{argument name=\"chinese description\" default=\"S'inspirant des ailes de papillon, le design intègre l'éclat irisé des couleurs structurelles et du bleu profond pour créer une expérience numérique légère, dynamique et vibrante."}", "hero_image": "Une aile de papillon lumineuse et très détaillée, affichant du bleu électrique, du violet et du cyan irisé, occupe la moitié du coin supérieur droit. On distingue les nervures, les bords translucides et les particules scintillantes, avec une seconde aile floue en arrière-plan." }, "layout": { "sections": [ { "title": "1. Inspiration design", "position": "Coin supérieur gauche, sous le titre", "count": 4, "labels": [ "Macro d'ailes de papillon irisées", "Gros plan de la texture bleu-violet de l'aile", "Halo de prisme réfractant la lumière", "Motif cellulaire de l'aile de papillon" ] }, { "title": "2. Mots-clés", "position": "Coin supérieur droit, sous l'image principale", "count": 5, "labels": [ "iris", "Agile", "Lumière", "Profond", "nature" ], "icon_style": "Icônes minimalistes lumineuses dans des cartes sombres arrondies" }, { "title": "3. Système de couleurs", "position": "centre gauche", "subsections": [ { "title": "Couleur principale", "count": 3, "labels": [ "Bleu Morpho #1E5BFF", "Violet arc-en-ciel #7A5CFF", "Lumière du ciel #00E6FF" ] }, { "title": "Couleur neutre", "count": 3, "labels": [ "Noir minuit #060F19", "Bleu marine doux #141A2E", "Blanc perle #F3F6FC" ] }, { "title": "Mise en valeur de la couleur et du dégradé", "count": 2, "labels": [ "Brillant arc-en-ciel", "Lumière papillon" ] } ], "visual": "Échantillons de couleurs circulaires et sphères dégradées, avec des étiquettes chinoises en dessous." }, { "title": "4. Mise en page", "position": "centre droit", "count": 1, "labels": [ "Aa Poppins Léger / Normal / Moyen / Semi-gras" ], "visual": "Grand Aa blanc sur une carte sombre" }, { "title": "5. Icône d'application", "position": "Gauche et Centre", "count": 1, "text": "{argument name=\"nom de l'application\" default=\"Winglet\"} Léger. Agile. Élégant.", "visual": "L'icône d'application papillon lumineuse à côté du nom de l'application" }, { "title": "6. Composants d'interface utilisateur", "position": "centre", "subsections": [ { "title": "Bouton", "count": 3, "labels": [ "Bouton principal", "Boutons secondaires", "texture de verre" ] }, { "title": "icône", "count": 2, "labels": [ "Collection en forme de cœur", "Anneau lumineux" ] }, { "title": "interrupteur", "count": 1, "labels": [ "switch" ] } ], "visual": "Boutons bleus arrondis, boutons à icônes néon et interrupteurs rétroéclairés sur le panneau sombre" }, { "title": "Autres éléments", "position": "Centre droit", "count": 4, "labels": [ "zone de recherche", "Étiqueter nouveau", "Barre de progression (72 %)", "Carte Morpho bleue" ], "visual": "Composants d'interface utilisateur petits et pratiques dans des cartes horizontales compactes" }, { "title": "7. Interface utilisateur mobile", "position": "En bas à gauche", "count": 3, "labels": [ "Page de recherche", "Page du jour avec une grande illustration de papillon", "Page de lecture audio avec graphique de forme d'onde" ], "visual": "Trois prototypes de smartphones aux coins arrondis avec une interface sombre et un effet visuel de papillon bleu-violet." }, { "title": "8. Aperçu de la conception du site web", "position": "En bas à droite", "count": 1, "labels": [ "Life of Light" ], "visual": "Maquette de page d'accueil pour ordinateur, comprenant une image principale de papillon, une navigation supérieure, un bouton d'appel à l'action bleu vif et du texte chinois." }, { "title": "9. Arrière-plan visuel", "position": "En bas, pleine largeur", "count": 4, "labels": [ "Arrière-plan ruban fluide 1", "Arc-en-ciel tourbillonnant", "Arrière-plan ruban fluide 2", "Éclat de cristal radieux" ], "visual": "Quatre exemples d'arrière-plan rectangulaires en violet, bleu et cyan." } ], "footer": { "count": 1, "text": "Conçu en s'inspirant de la nature, né pour l'expérience.", "center_icon": "Petite icône papillon" } }, "art_direction": { "materials": "Imitation de verre, éclairage néon sur les bords, dégradés doux, reflets subtils", "colors": "Bleu électrique, indigo, violet, cyan, blanc", "composition": "La mise en page épurée comprend neuf sections de contenu numérotées, un espace blanc généreux, des bordures arrondies fines et une image de papillon dominante.", "render_quality": "Très raffiné, clairement agencé, un projet de système de conception haut de gamme de style Behance." } }