Плата системы пользовательского интерфейса «Переливающаяся бабочка»

{ "type": "Демонстрационный проект системы UI/UX дизайна", "theme": "Темный режим, вдохновленный природой, светящаяся переливающаяся эстетика", "language": "Китайский", "canvas": { "aspect_ratio": "Квадратный постер", "background": "Глубокий темно-синий до черного с едва заметным ореолом", "style": "Высококачественный футуристический дисплейный проект с тонкой неоново-синей панелью, глянцевыми бликами, мягким ореолом и высоким контрастом." }, "header": { "title": "Система дизайна пользовательского интерфейса/UX, вдохновленная природой", "description": "{argument name=\"system title\" default=\"Butterfly Rainbow\"}", "Вдохновленный крыльями бабочек, дизайн включает в себя переливающийся блеск структурных цветов и глубокий синий, создавая легкий, динамичный и яркий цифровой опыт."}", "hero_image": "Высокодетализированное, светящееся крыло бабочки, демонстрирующее электрический синий, фиолетовый и переливающийся голубой цвета, занимает половину верхнего правого угла. Видны структуры жилок, полупрозрачные края и сверкающие частицы, а позади него находится второе, размытое крыло." }, "layout": { "sections": [ { "title": "1. Вдохновение для дизайна", "position": "Верхний левый угол, под заголовком", "count": 4, "labels": [ "Макроснимок переливающихся крыльев бабочки", "Крупный план сине-фиолетовой текстуры крыльев", "Гало преломления света призмы", "Узор ячеек крыла бабочки" ] }, { "title": "2. Ключевые слова", "position": "Верхний правый угол, под основным изображением", "count": 5, "labels": [ "iris", "Agile", "Light", "Profound", "nature" ], "icon_style": "Минималистичные светящиеся линейные иконки внутри закругленных темных карточек" }, { "title": "3. Цветовая система", "position": "center left", "subsections": [ { "title": "основной цвет", "count": 3, "labels": [ "Morpho Blue #1E5BFF", "Rainbow Purple #7A5CFF", "Skylight #00E6FF" ] }, { "title": "Нейтральный цвет", "count": 3, "labels": [ "Полуночно-черный #060F19", "Мягкий темно-синий #141A2E", "Жемчужно-белый #F3F6FC" ] }, { "title": "Акцент на цвете и градиенте", "count": 2, "labels": [ "Радужный блеск", "Светлая бабочка" ] } ], "visual": "Круглые образцы цвета и градиентные сферы с китайскими подписями ниже." }, { "title": "4. Макет", "position": "center right", "count": 1, "labels": [ "Aa Poppins Light / Regular / Medium / SemiBold" ], "visual": "Большая белая буква Aa на темной карточке" }, { "title": "5. Значок приложения", "position": "Left and Middle", "count": 1, "text": "{argument name=\"app name\" default=\"Winglet\"} Light. Agile. Elegant.", "visual": "Светящийся значок приложения в виде бабочки рядом с названием приложения" }, { "title": "6. Компоненты пользовательского интерфейса", "position": "center", "subsections": [ { "title": "Кнопка", "count": 3, "labels": [ "Главная кнопка", "Вторичные кнопки", "текстура стекла" ] }, { "title": "значок", "count": 2, "labels": [ "Коллекция в форме сердца", "Подсвеченное кольцо" ] }, { "title": "переключатель", "количество": 1, "метки": [ "переключатель" ] } ], "визуальное оформление": "Синие кнопки со скругленными углами, неоновые кнопки-иконки и переключатели с подсветкой на темной панели" }, { "заголовок": "Другие элементы", "позиция": "Справа по центру", "количество": 4, "метки": [ "поле поиска", "тег "Новый"", "индикатор выполнения (72%)", "карточка Blue Morpho" ], "визуальное оформление": "Небольшие, практичные компоненты пользовательского интерфейса в компактных горизонтальных карточках" }, { "заголовок": "7. Мобильный пользовательский интерфейс", "позиция": "Внизу слева", "количество": 3, "метки": [ "Страница поиска", "Сегодняшняя страница с большим изображением бабочки", "Страница воспроизведения аудио с графиком волновой формы" ], "визуальное оформление": "Три прототипа смартфонов со скругленными углами, темным интерфейсом и визуальным эффектом сине-фиолетовой бабочки." }, { "title": "8. Предварительный просмотр дизайна веб-сайта", "position": "Внизу справа", "count": 1, "labels": [ "Жизнь света" ], "visual": "Макет целевой страницы для настольных компьютеров, включающий основное изображение бабочки, верхнюю навигацию, ярко-синюю кнопку призыва к действию и текст на китайском языке." }, { "title": "9. Визуальный фон", "position": "Внизу, на всю ширину", "count": 4, "labels": [ "Фон с струящейся лентой 1", "Радуга вихря", "Фон с струящейся лентой 2", "Сияющий кристаллический взрыв" ], "visual": "Четыре прямоугольных образца фона фиолетового, синего и голубого цветов." } ], "footer": { "count": 1, "text": "Разработано с учетом природы, создано для впечатлений."", "center_icon": "Маленькая иконка бабочки" } }, "art_direction": { "materials": "Имитация стекла, неоновая подсветка краев, плавные градиенты, тонкие отражения"", "colors": "Электрический синий, индиго, фиолетовый, голубой, белый""composition": "Чистая сеточная структура включает девять пронумерованных разделов контента, достаточное количество белого пространства, тонкие закругленные границы и доминирующее изображение бабочки.""render_quality": "Высококлассный, четко структурированный дизайн-проект в стиле Behance." } }