تصميم واجهة مستخدم (UI) تفاعلية بنظام الغروب المتدرج. تصميم واجهة مستخدم (UI) تفاعلية بنظام الغروب المتدرج. تصميم واجهة مستخدم (UI) تفاعلية بنظام الغروب المتدرج. تصميم واجهة مستخدم (UI) تفاعلية بنظام الغروب المتدرج.
تفاصيل العمل

واجهة مستخدم (UI) مبتكرة لصفحات تسجيل الدخول، تعتمد على الأنيميشن التفاعلي عند تحميل الصفحة. تبدأ التجربة بمشهد غروب شمس بطيء يبعث على الهدوء، وينتهي بظهور استمارة دخول بتصميم الزجاج الشفاف (Glassmorphism). المميزات التقنية : الحركة (Animation): استخدام خاصية CSS Transition مع منحنيات حركة cubic-bezier لضمان نزول الشمس بشكل انسيابي يحاكي الحقيقة. التصميم البصري: الاعتماد على تدرجات لونية (Gradients) مشبعة ومطابقة لألوان الغروب الحقيقية (نارِيّ، برتقالي، أسود). تأثير الزجاج (Glassmorphism): استخدام backdrop-filter: blur لإنشاء استمارة شفافة تسمح بمرور ألوان الخلفية من خلالها بشكل جمالي تبديل النوافذ (Toggle Logic): نظام برمجي بـ JavaScript للتبديل بين "تسجيل الدخول" و"إنشاء حساب" داخل نفس الحاوية دون الحاجة لإعادة تحميل الصفحة المكونات (Deliverables) : ملف HTML5: هيكلية نظيفة تدعم المعايير القياسية للويب. ملف CSS3: مخصص للتنسيقات المتقدمة، الألوان النارية، وحركات الأنيميشن. ملف JavaScript: للتحكم في توقيتات الظهور (Timing) ومنطق التفاعل مع المستخدم.

مهارات العمل
شارك
بطاقة العمل
تاريخ النشر
منذ يوم
المشاهدات
8
المستقل
Adham Ashraaf
Adham Ashraaf
مبرمج فرونت اند
طلب عمل مماثل
مهارات العمل
شارك
مركز المساعدة