Iridescent Butterfly UI System Board

{ "type": "Projekt demonstracyjny systemu projektowania UI/UX", "theme": "Tryb ciemny, inspirowany naturą, świetlista, opalizująca estetyka", "language": "Chiński", "canvas": { "aspect_ratio": "Plakat kwadratowy", "background": "Od głębokiego granatu do czerni, z subtelną poświatą", "style": "Ekskluzywny, futurystyczny projekt wyświetlacza z cienkim, neonowoniebieskim konturem panelu, błyszczącymi refleksami, delikatną poświatą i wysokim kontrastem." }, "header": { "title": "Interfejs użytkownika inspirowany naturą{argument name=\"system title\" default=\"Butterfly Rainbow\"} System projektowania UI/UX", "description": "{argument name=\"chinese description\" default=\"Inspirowany skrzydłami motyla, projekt wykorzystuje opalizujący połysk barw strukturalnych i głęboki błękit, aby stworzyć lekkie, dynamiczne i żywe cyfrowe doświadczenie.\"}", "hero_image": "Połowę prawego górnego rogu zajmuje niezwykle szczegółowe, świetliste skrzydło motyla, prezentujące elektryzujący błękit, fiolet i opalizujący cyjan. Widoczne są struktury żył, półprzezroczyste krawędzie i błyszczące cząsteczki, a za nim drugie, rozmyte skrzydło." }, "layout": { "sections": [ { "title": "1. Inspiracja projektowa", "position": "Lewy górny róg, poniżej tytułu", "count": 4, "labels": [ "Makro opalizujących skrzydeł motyla", "Zbliżenie niebiesko-fioletowej tekstury skrzydeł", "Aureola pryzmatu załamującego światło", "Wzór komórek skrzydeł motyla" ] }, { "title": "2. Słowa kluczowe", "position": "Prawy górny róg, poniżej głównego obrazu", "count": 5, "labels": [ "irys", "Zwinny", "Jasny", "Głęboki", "natura" ], "icon_style": "Minimalistyczne ikony świecących linii wewnątrz zaokrąglonych, ciemnych kart" }, { "title": "3. System kolorów", "position": "środek z lewej", "subsections": [ { "title": "kolor główny", "count": 3, "labels": [ "Morpho Blue #1E5BFF", "Rainbow Purple #7A5CFF", "Skylight #00E6FF" ] }, { "title": "Kolor neutralny", "count": 3, "labels": [ "Midnight Black #060F19", "Soft Navy Blue #141A2E", "Pearl White #F3F6FC" ] }, { "title": "Nacisk na kolor i gradient", "count": 2, "labels": [ "Rainbow gloss", "Butterfly Light" ] } ], "visual": "Okrągłe próbki kolorów i gradientowe kule z chińskimi etykietami poniżej." }, { "title": "4. Układ", "position": "środek po prawej", "count": 1, "labels": [ "Aa Poppins Light / Regular / Medium / SemiBold" ], "visual": "Duże białe Aa na ciemnej karcie" }, { "title": "5. Ikona aplikacji", "position": "Lewa i środek", "count": 1, "text": "{argument name=\"nazwa aplikacji\" default=\"Winglet\"} Jasna. Zwinna. Elegancka.", "visual": "Świecąca ikona aplikacji motyl obok nazwy aplikacji" }, { "title": "6. Komponenty interfejsu użytkownika", "position": "środek", "subsections": [ { "title": "Przycisk", "count": 3, "labels": [ "Główny przycisk", "Przyciski drugorzędne", "tekstura szkła" ] }, { "title": "ikona", "count": 2, "labels": [ "Kolekcja w kształcie serca", "Podświetlany pierścień" ] }, { "title": "switch", "count": 1, "labels": [ "switch" ] } ], "visual": "Zaokrąglone niebieskie przyciski, przyciski z neonowymi ikonami i podświetlane przełączniki na ciemnym panelu" }, { "title": "Inne elementy", "position": "Prawy środek", "count": 4, "labels": [ "pole wyszukiwania", "Tag Nowy", "Pasek postępu (72%)", "Niebieska karta Morpho" ], "visual": "Małe, praktyczne elementy interfejsu użytkownika na kompaktowych, poziomych kartach" }, { "title": "7. Interfejs użytkownika dla urządzeń mobilnych", "position": "Lewy dolny róg", "count": 3, "labels": [ "Strona wyszukiwania", "Dzisiejsza strona z dużą ilustracją motyla", "Strona odtwarzania dźwięku z wykresem przebiegu" ], „wizualny”: „Trzy prototypy smartfonów z zaokrąglonymi narożnikami, ciemnym interfejsem i niebiesko-fioletowym efektem wizualnym motyla”. }, { „tytuł”: „8. Podgląd projektu strony internetowej”, „pozycja”: „Prawy dolny róg”, „liczba”: 1, „etykiety”: [ „Życie światła”], „wizualny”: „Makieta strony docelowej na komputer, zawierająca główny obraz motyla, górny pasek nawigacyjny, jasnoniebieski przycisk wezwania do działania i chiński tekst”. }, { „tytuł”: „9. Tło wizualne”, „pozycja”: „Pełna szerokość dołu”, „liczba”: 4, „etykiety”: [ „Płynące tło wstążki 1”, „Tęcza wirowa”, „Płynące tło wstążki 2”, „Promienny kryształowy wybuch”], „wizualny”: „Cztery prostokątne próbki tła w kolorze fioletowym, niebieskim i cyjanowym”. } ], "footer": { "count": 1, "text": "Zaprojektowany z myślą o naturze, stworzony do doświadczania.", "center_icon": "Mała ikona motyla" } }, "art_direction": { "materials": "Imitacja szkła, neonowe oświetlenie krawędzi, płynne gradienty, subtelne odbicia", "colors": "Elektryczny błękit, indygo, fiolet, cyjan, biel", "composition": "Przejrzysty układ siatki obejmuje dziewięć ponumerowanych sekcji treści, dużo białej przestrzeni, smukłe zaokrąglone obramowania i dominujący obraz motyla.", "render_quality": "Wysoce dopracowany, przejrzysty układ, projekt systemu projektowania premium w stylu Behance." } }