لوحة نظام واجهة المستخدم على شكل فراشة متقزحة

{ "type": "مشروع عرض توضيحي لنظام تصميم واجهة المستخدم/تجربة المستخدم", "theme": "الوضع الداكن، مستوحى من الطبيعة، جماليات متلألئة متقزحة الألوان", "language": "الصينية", "canvas": { "aspect_ratio": "ملصق مربع", "background": "أزرق داكن إلى أسود، مع هالة خفيفة", "style": "مشروع عرض راقٍ ومستقبلي يتميز بإطار رفيع من اللون الأزرق النيون، ولمسات لامعة، وهالة ناعمة، وتباين عالٍ." }, "header": { "title": "نظام تصميم واجهة مستخدم/تجربة مستخدم مستوحى من الطبيعة {argument name="system title" default="Butterfly Rainbow"}", "description": "{argument name="chinese description" default="يستوحي التصميم إلهامه من أجنحة الفراشات، حيث يدمج اللمعان المتلألئ للألوان الهيكلية والأزرق الداكن لخلق تجربة رقمية خفيفة وديناميكية وحيوية."}", "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": "الوسط الأيسر", "subsections": [ { "title": "اللون الرئيسي", "count": 3, "labels": [ "Morpho Blue #1E5BFF", "Rainbow { "أرجواني #7A5CFF", "ضوء السماء #00E6FF" ] }, { "title": "لون محايد", "count": 3, "labels": [ "أسود منتصف الليل #060F19", "أزرق داكن ناعم #141A2E", "أبيض لؤلؤي #F3F6FC" ] }, { "title": "التركيز على اللون والتدرج", "count": 2, "labels": [ "لمعان قوس قزح", "ضوء الفراشة" ] } ], "visual": "عينات ألوان دائرية وكرات متدرجة، مع تسميات صينية في الأسفل." }, { "title": "4. التخطيط", "position": "وسط اليمين", "count": 1, "labels": [ "Aa Poppins Light / Regular / Medium / SemiBold" ], "visual": "حرف Aa أبيض كبير على خلفية داكنة" }, { "title": "5. أيقونة التطبيق", "position": "يسار ووسط", "count": 1, "text": "{argument name=\"اسم التطبيق\" default=\"Winglet\"} خفيف. رشيق. أنيق.", "visual": "أيقونة تطبيق الفراشة المتوهجة بجوار اسم التطبيق" }, { "title": "6. مكونات واجهة المستخدم", "position": "وسط", "subsections": [ { "title": "زر", "count": 3, "labels": [ "الزر الرئيسي", "الأزرار الثانوية", "ملمس زجاجي" ] }, { "title": "أيقونة", "count": 2, "labels": [ "مجموعة على شكل قلب", { "حلقة مضيئة" ] }, { "title": "مفتاح", "count": 1, "labels": [ "مفتاح" ] } ], "visual": "أزرار زرقاء مستديرة، وأزرار أيقونات نيون، ومفاتيح بإضاءة خلفية على اللوحة الداكنة" }, { "title": "عناصر أخرى", "position": "وسط اليمين", "count": 4, "labels": [ "مربع البحث", "وسم جديد", "شريط التقدم (72%)", "بطاقة مورفو الزرقاء" ], "visual": "مكونات واجهة مستخدم صغيرة وعملية في بطاقات أفقية مدمجة" }, { "title": "7. واجهة مستخدم الهاتف المحمول", "position": "أسفل اليسار", "count": 3, "labels": [ "صفحة البحث", "صفحة اليوم مع رسم توضيحي كبير لفراشة", "صفحة تشغيل الصوت مع رسم بياني للموجة" ], "visual": "ثلاثة نماذج أولية لهواتف ذكية ذات زوايا مستديرة بواجهة داكنة وتأثير بصري لفراشة زرقاء بنفسجية." }, { "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." } }