صفحة هبوط لموقع كورسات بالوضع الداكن - Landing Page

Eman Maged

مستقل التصميم والفيديو مصر

تفاصيل العمل

8 0

تفاصيل العمل

8 0

صفحة هبوط لموقع كورسات بالوضع الداكن - Landing Page - صورة الغلاف

صفحة هبوط لموقع كورسات بالوضع الداكن - Landing Page - صورة 1

صفحة هبوط لموقع كورسات بالوضع الداكن - Landing Page - صورة 2

وصف العمل

يستعرض هذا العمل تصميم قسمين رئيسيين لصفحة هبوط (Landing Page) بتوجه بصري عصري يعتمد على الـ Dark Mode ودرجات اللون البنفسجي، مع التركيز بشكل أساسي على الاستخدام المتقدم لأداة الـ Auto Layout في Figma لضمان استجابة (Responsiveness) وترتيب مثالي للعناصر.

السيكشن الأول: صفحة تسجيل الدخول (Sign-in Page)

المفهوم: تصميم شاشة تسجيل دخول (Login Screen) بسيطة وأنيقة (Minimalist) تتوسط الصفحة.

استخدام Auto Layout: تم استخدام الـ Auto Layout لضمان توسيط النموذج (Form) بشكل مثالي، وللحفاظ على مسافات متساوية ومنظمة بين عناصر الإدخال (Email, Password)، والأزرار (Sign-in, Google)، ونصوص الـ "نسيت كلمة المرور".

السيكشن الثاني: بطاقات الدورات (Course Cards Section)

المفهوم: تصميم قسم لعرض البطاقات (Cards) الخاصة بالدورات التدريبية المتاحة، مع تفاصيل كل دورة.

استخدام Auto Layout: تم الاعتماد كلياً على الـ Auto Layout في بناء البطاقات الثلاث:

لضمان ترتيب المحتوى الداخلي لكل بطاقة (الصورة، الوسوم، العنوان، المدة، النص الوصفي، قائمة المشاركين، والأزرار).

لتوزيع البطاقات الثلاث بشكل متساوي ومتجاوب داخل حاوية واحدة (Container)، مما يسهل عملية تعديل المحتوى أو زيادة عدد البطاقات دون الإخلال بالهيكل العام.