مجموعة مكونات واجهة المستخدم Glassmorphism

{ "type": "عرض مكونات واجهة المستخدم من الزجاج المصنفر", "style": "مجموعة واجهة مستخدم متطورة وبسيطة، أكريليك أبيض شبه شفاف مصنفر، ظلال ناعمة، انعكاسات دقيقة، زوايا مستديرة، خلفية بيضاء نقية، لمسات من الفيروزي والبرتقالي، عرض ثلاثي الأبعاد فائق الدقة للمنتج، عرض من الأعلى.", "palette": { "background": "رمادي فاتح ناعم مائل للأبيض", "primary": "أزرق مخضر داكن", "secondary": "برتقالي ساطع", "material": "زجاج أبيض حليبي شفاف مع تفاصيل بلاستيكية ساتان" }, "layout": { "composition": "لوحة واحدة مع عناصر واجهة مستخدم عائمة موزعة بالتساوي تقدم عرضًا توضيحيًا لنظام تصميم نظيف وغير مزدحم.", "sections": [ { "title": "مقبض كبير", "position": "أعلى اليسار", "count": 1, "labels": [ "مقبض دوار دائري مع مقياس شعاعي ومؤشر برتقالي" ] }, { "title": { "مفاتيح الأسهم", "الموقع": "أعلى المنتصف", "العدد": 1, "التسميات": [ "وحدة تحكم دائرية رباعية الاتجاهات مع زر مركزي وأربعة أيقونات أسهم." ] }, { "العنوان": "زر التشغيل", "الموقع": "أعلى المنتصف الأيمن", "العدد": 1, "التسميات": [ "زر دائري مع مثلث تشغيل سماوي وقوس تقدم برتقالي." ] }, { "العنوان": "مفتاح التبديل", "الموقع": "أعلى اليمين", "العدد": 1, "التسميات": [ "مفتاح التبديل الأفقي على شكل حبة دواء في وضع التشغيل." }, { "title": "زر المفضلة", "position": "أعلى منتصف اليسار", "count": 1, "labels": [ "بلاطات مربعة مستديرة ذات إطار على شكل قلب" ] }, { "title": "نقطة الحالة", "position": "أعلى اليمين", "count": 1, "labels": [ "زر دائري صغير بنقطة برتقالية في المنتصف" ] }, { "title": "الخطوة المتدرجة", "position": "أعلى اليمين", "count": 1, "labels": [ "مكون أفقي على شكل حبة دواء مع علامتي زائد وناقص" ] }, { "title": "شريط تمرير الصوت", "position": "وسط اليسار", "count": 1, "labels": [ "شريط تمرير طويل أفقي لمستوى الصوت مع أيقونة مكبر صوت على اليسار وتصميم بارز على شكل موجة على اليمين." ] }, { "title": "مقياس النسبة المئوية", "position": "الوسط إلى اليمين", "count": 1, "labels": [ "مقياس دائري يعرض 60% مع تدريجات ​​شعاعية." ] }, { "title": "مربع الإشعارات", "position": "وسط اليمين", "count": 1, "labels": [ "مغناطيس مربع ذو حواف دائرية مع شكل جرس" ] }, { "title": "بطاقات الموسيقى", "position": "أسفل اليسار", "count": 1, "labels": [ "بطاقات الوسائط، بما في ذلك صور مصغرة للغابات وعناوين {argument name="عنوان المسار" default="Forest Drive"}، وعنوان فرعي {argument name="عنوان المسار الفرعي" default="Ambient Journey"}، وشريط التقدم وزر التشغيل الدائري" ] }, { "title": "أيقونات مفيدة", "position": "أسفل اليسار وسط", "count": 4, "labels": [ "أيقونة إعدادات شريط التمرير،" "أيقونة البحث،" "أيقونة المشاركة،" "المزيد من أيقونات القائمة" ] }, { "title": "البوصلة", "position": "شيموناكا", "count": 1, "labels": [ "بوصلة كبيرة مستديرة مع علامات NESW ومؤشر بلون أزرق مخضر برتقالي. ] }, { "title": "شريط تمرير عمودي", "position": "أسفل اليمين الأوسط", "count": 1, "labels": [ "شريط تمرير دائري مرتفع مع مسار سماوي، ومقبض سماوي، ونقاط نهاية برتقالية، وأيقونة مكبر صوت صغيرة." ] }, { "title": "التنقل السفلي", "position": "أسفل اليسار", "count": 1, "labels": [ "يحتوي شريط التنقل على شكل حبة دواء على أربعة رموز: الصفحة الرئيسية، والمخطط الشريطي، والبوصلة، والملف الشخصي." }, { "title": "دعوة للعمل", "position": "أسفل اليمين", "count": 1, "labels": [ "زر على شكل حبة دواء، مُصنّف {argument name="button text" default="Explore"} أجزاء بأسهم دائرية برتقالية" ] }, { "title": "مغناطيس بيومتري", "position": "أسفل اليمين", "count": 1, "labels": [ "بلاطة مربعة مستديرة مع أيقونة بصمة الإصبع" ] } ] }, "rendering": { "lighting": "إضاءة استوديو ناعمة من أعلى اليسار", "shadow": "ظلال متراكبة منتشرة لعمق عائم", "finish": "جماليات إلكترونيات استهلاكية راقية، رائعة وبسيطة", "quality": "نموذج واجهة ثلاثي الأبعاد واضح ونظيف وواقعي، مناسب لتصميم صورة الشاشة الرئيسية للنظام." } }