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

{ "type": "مشروع توضيحي لنظام تصميم واجهة المستخدم/تجربة المستخدم", "theme": "وضع داكن، مستوحى من الطبيعة، جماليات متلألئة متقزحة الألوان", "header": { "title": "نظام تصميم واجهة مستخدم/تجربة مستخدم مستوحى من الطبيعة {argument name="system title" default="Butterfly Rainbow"}", "description": "{argument name="chinese description" default="استلهامًا من أجنحة الفراشات، يدمج التصميم اللمعان المتقزح للألوان الهيكلية والأزرق الداكن لخلق تجربة رقمية خفيفة وديناميكية وحيوية."}", "hero_image": "أجنحة فراشة كبيرة ومفصلة للغاية ومتلألئة باللون الأزرق البنفسجي" }, "layout": { "sections": [ { "title": "إلهام التصميم", "count": 4, "description": "صورة مصغرة مربعة تُظهر لقطة مقرّبة لأجنحة فراشة متقزحة الألوان وانكسار الضوء." }, { "title": "الكلمات المفتاحية", "count": 5, "labels": [ "iris", "Agile", "Light", "Profound", "nature" ] }, { "title": "نظام الألوان", "subsections": [ { "title": "اللون الرئيسي", "count": 3, "labels": [ "Morpho Blue #1E5BFF", "Rainbow Purple #7A5CFF", "Skylight #00E6FF" ] }, { "title": "لون محايد", "count": 3, "labels": [ "Midnight Black #0B0F19", "Soft Navy Blue #141A2E", "Pearl White #F3F6FC" ] }, { "title": "التركيز على اللون والتدرج اللوني", "count": 2, "labels": [ "Rainbow gloss", "Butterfly Light" ] } ] }, { "title": "التنضيد", { "content": "Aa Poppins Light / Regular / Medium / SemiBold" }, { "title": "App icon", "count": 1, "text": "Application Name{argument name=\"app name\" default=\"Winglet\"} Light. Agile. Graceful." }, { "title": "مكونات واجهة المستخدم", "subsections": [ { "title": "زر", "count": 6, "labels": [ "الزر الرئيسي", "الأزرار الثانوية", "نسيج زجاجي", "أيقونة قلب", "أيقونة كرة متوهجة", "مفتاح تبديل" ] }, { "title": "عناصر أخرى", "count": 5, "labels": [ "شريط البحث", "الوسم (جديد)", "شريط التقدم (72%)", "البطاقة (تحول أزرق)", "شريط التمرير" ] } ] }, { "title": "واجهة مستخدم الجوال", "count": 3, "screens": [ "صفحة الاستكشاف", "صفحة اليوم بأجنحة فراشة كبيرة", "صفحة تشغيل الصوت مع رسم بياني للموجة" ] }, { "title": "معاينة تصميم الويب", "count": 1, "details": "نموذج متصفح سطح المكتب، تحتوي منطقة الشاشة الأولى على '{argument name=\"عنوان بطل الويب\" default=\"حياة أزرار "الضوء" و"استكشف الآن" }, { "العنوان": "خلفية مرئية", "العدد": 4, "الوصف": "صورة مصغرة مستطيلة تعرض تموجات قزحية مجردة" } ], "التذييل": "مصمم مع وضع الطبيعة في الاعتبار، وُلد من أجل التجربة." } }