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

{
  "type": "عرض لوحة نظام تصميم واجهة المستخدم/تجربة المستخدم",
  "theme": "الوضع الداكن، مستوحى من الطبيعة، جمالية قزحية الألوان المتوهجة",
  "language": "الصينية",
  "canvas": {
    "aspect_ratio": "ملصق مربع",
    "background": "أزرق داكن منتصف الليل إلى أسود مع توهج خافت",
    "style": "لوحة عرض مستقبلية فاخرة مع خطوط لوحة زرقاء نيون رفيعة، وإبرازات لامعة، وتوهج ناعم، وتباين عالٍ"
  },
  "header": {
    "title": "إلهام طبيعي لواجهة المستخدم\n{argument name=\"system title\" default=\"تألق الفراشة\"}\nنظام تصميم واجهة المستخدم/تجربة المستخدم",
    "description": "{argument name=\"chinese description\" default=\"مستوحى من أجنحة الفراشات، قم بدمج ألوان هيكلية قزحية الألوان مع الأزرق الداكن في تصميم الواجهة، مما يخلق تجربة رقمية خفيفة وديناميكية ونابضة بالحياة.\"}",
    "hero_image": "جناح فراشة متوهج مفصل للغاية بحجم كبير باللون الأزرق الكهربائي والبنفسجي والسماوي القزحي الألوان يملأ النصف الأيمن العلوي، مع هيكل وريدي مرئي، وحواف شفافة، وجسيمات تشبه الشرر، وجناح ضبابي ثانٍ خلفه"
  },
  "layout": {
    "sections": [
      {
        "title": "1. مصدر الإلهام",
        "position": "أعلى اليسار أسفل الرأس",
        "count": 4,
        "labels": [
          "صورة مقربة لجناح فراشة قزحي الألوان",
          "لمسة قريبة من نسيج الجناح الأرجواني والأزرق",
          "وميض منشور انكسار الضوء",
          "نمط خلية جناح الفراشة"
        ]
      },
      {
        "title": "2. الكلمات المفتاحية",
        "position": "أعلى اليمين أسفل الصورة البطلة",
        "count": 5,
        "labels": [
          "قزحي الألوان",
          "ديناميكي",
          "خفيف الوزن",
          "عميق",
          "طبيعي"
        ],
        "icon_style": "أيقونات خطوط متوهجة بسيطة داخل بطاقات داكنة مستديرة"
      },
      {
        "title": "3. نظام الألوان",
        "position": "منتصف اليسار",
        "subsections": [
          {
            "title": "اللون الأساسي",
            "count": 3,
            "labels": [
              "أزرق فراشة فلاش الكبير #1E5BFF",
              "أرجواني قزحي الألوان #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=\"app 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٪)",
          "بطاقة Blue Morpho"
        ],
        "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": "glassmorphism, neon edge lighting, smooth gradients, subtle reflections",
    "colors": "electric blue, indigo, violet, cyan, white",
    "composition": "شبكة نظيفة مع 9 أقسام محتوى مرقمة، مسافات كبيرة، حدود مستديرة رفيعة، وصورة بطلة فراشة مهيمنة",
    "render_quality": "تصميم نظام فاخر وأنيق بأسلوب Behance، خطوط واضحة، وجودة عرض عالية"
  }
}