واجهة مستخدم لوحة تحكم برمجة الذكاء الاصطناعي المظلم

{ "type": "واجهة مستخدم لوحة تحكم تحليلات SaaS داكنة", "product": { "brand": "{argument name="اسم العلامة التجارية" default="AICode"}", "theme": "تتميز الواجهة بنسيج زجاجي أزرق داكن مصنفر مع تدرجات لونية دقيقة، وإضاءة ناعمة، وبطاقات مستديرة، وحدود رفيعة، مما يجسد جماليات أدوات المطورين الحديثة." }, "canvas": { "aspect_ratio": "16:9", "background": "أزرق داكن في منتصف الليل، مع تأثيرات تظليل خفيفة وإضاءة شعاعية ناعمة." }, "layout": { "structure": "الشريط الجانبي الأيسر بالإضافة إلى منطقة المحتوى الرئيسية", "sections": [ { "title": "الشريط الجانبي", "position": "الجانب الأيسر", "count": 8, "labels": [ "AICode", "نظرة عامة", "project", "مساعدو الذكاء الاصطناعي", "واجهة برمجة التطبيقات والاستخدام", "جودة الكود", "team", "setup" ], "details": "يظهر الشعار في الأعلى، ويتم تمييز "نظرة عامة" باللون الأرجواني عند تحديده. تعرض بطاقة الاشتراك في الأسفل خطة Pro، والتي تنتهي صلاحيتها خلال 12 يومًا. يعرض شريط التقدم الأفقي 75%. يتضمن ملف تعريف المستخدم في الأسفل صورة رمزية {argument name="user name" default="Alex Morgan"} وعنوان البريد الإلكتروني [email protected]" }, { "title": "الرأس", "position": "المنطقة الرئيسية العلوية", "count": 4, "labels": [ "مرحبًا بعودتك، أليكس 👋", "هذا هو تحديث اليوم من منصة برمجة الذكاء الاصطناعي الخاصة بك."، "12 مايو 2024 - 12 يونيو 2024"، "تصدير التقرير"، "التفاصيل": "يحتوي الجانب الأيسر على تحية كبيرة، بينما يعرض الجانب الأيمن محدد نطاق التاريخ وزر التصدير." }, { "title": "بطاقة المؤشر", "position": "السطر الأول أسفل العنوان", "count": 4, "labels": [ "إجمالي عدد المستخدمين", "المشاريع النشطة", "حجم استدعاءات واجهة برمجة التطبيقات", "تقييم جودة الكود" ], "values": [ "12,842", "2,153", "1.28 مليون", "876" ], "details": "تتضمن كل بطاقة أيقونة صغيرة، وقيمة رئيسية كبيرة، ونصًا يقارن الفترة من 12 أبريل إلى 12 مايو 2024، موضحًا نسب نمو إيجابية قدرها 14.6%، و8.3%، و23.7%، و5.9% على التوالي. يُعرض رسم بياني خطي مصغر في الأسفل؛ الألوان هي البنفسجي والأخضر والعنبري والأزرق." }, { "title": "لوحة التحليل الرئيسية", "position": "الصفوف الوسطى والسفلية", "count": 4, "labels": [ "اتجاهات استدعاء واجهة برمجة التطبيقات", "المشاريع الشائعة", "خريطة حرارية لنشاط المستخدم", "اتجاهات جودة الكود" ], "details": "مخطط "اتجاهات استدعاء واجهة برمجة التطبيقات" هو رسم بياني واسع النطاق مع قائمة منسدلة "يومي"؛ يُظهر الخط البنفسجي اتجاهًا تصاعديًا، وينتهي بالقرب من 250 ألفًا. "العناصر الشائعة" هي قائمة تصنيف لخمسة عناصر، مع أشرطة تقدم ونسب مئوية للتغيرات. "خريطة حرارية لنشاط المستخدم" هي خريطة حرارية أسبوعية من 7 صفوف مع تسميات كل ساعة من الساعة 12 ظهرًا إلى الساعة 9 مساءً. مخطط "اتجاهات جودة الكود" هو رسم بياني خطي مع قائمة منسدلة "أسبوعي"؛ يرتفع المنحنى البنفسجي بسلاسة، من حوالي 70 إلى ما يزيد قليلاً عن 90." }, { "title": "قائمة المشاريع الشائعة", "position": "اللوحة الوسطى اليمنى", "count": 5, "labels": [ "مساعد كود الذكاء الاصطناعي", "إعادة هيكلة ذكية", "روبوت مراجعة الكود", "مولد المستندات", "منشئ الاختبارات" ], "values": [ "485 ألف", "321 ألف", "214 ألف", "132 ألف", "98 ألف" ], "details": "أظهرت العناصر الأربعة الأولى نموًا إيجابيًا باللون الأخضر، بنسبة 12.4% و8.7% و3.1% و6.8% على التوالي، بينما أظهر منشئ الاختبارات نموًا سلبيًا باللون الأحمر، بنسبة -1.2%؛ يحتوي كل صف على أيقونة مربعة ملونة وشريط تقدم أفقي رفيع." } ] }, "style": { "visual_language": "نموذج أولي لتصميم منتج عالي الجودة في مجال التكنولوجيا المالية والذكاء الاصطناعي", "rendering": "نموذج أولي واضح وعالي الدقة لواجهة المستخدم، مع ظلال خفيفة، وتأثيرات إضاءة حواف نيون، ورسوم بيانية رائعة، وخط sans-serif أنيق.", "primary_accent": "{argument name=\"accent color\" default=\"Electric Violet\"}", "secondary_accents": [ "Emerald Green", "Amber Yellow", "Cyan" ], "density": "غني بالمعلومات ومتوازن مكانيًا، مع شبكة متوازنة جيدًا وقابلية قراءة عالية." } }