واجهة تسجيل دخول وتسجيل مستخدم حديثة ومتجاوبة لتطبيق اندرويد.

هذا العمل هو تصميم وتنفيذ كامل لواجهتي تسجيل الدخول (Sign In) وإنشاء حساب جديد (Sign Up) لتطبيق جوال اندرويد ركزت في هذا التصميم على: ١. البنية والتخطيط (Layout & Structure): استخدمت ConstraintLayout لضمان استجابة الواجهة لكل أحجام الشاشات. صممت ثلاث واجهات منفصلة (نشاطات Activity) لكل من: واجهة تسجيل الدخول (Sign In) واجهة إنشاء حساب جديد (Sign Up) واجهة تمهيدية (Splash Screen) بشعار التطبيق وشريط تقدم. ٢. عناصر واجهة المستخدم (UI Components) وتجربة المستخدم (UX): حقول الإدخال (TextInputLayout): استخدمت مكتبة Material Design (com.google.android.material) لإنشاء حقول إدخال عصرية ذات تلميحات (Hints) تختفي عند الكتابة، مع دعم لعرض رسائل الخطأ (app:errorEnabled="true"). التحقق من صحة البيانات: نفذت التحقق من صحة عنوان البريد الإلكتروني وتطابق كلمة المرور وتأكيدها في واجهة التسجيل. أزرار واضحة: زر كبير ذو زوايا مدورة (app:cornerRadius="12dp") لإجراءات "تسجيل الدخول" و"إنشاء حساب". خيارات تسجيل الدخول الاجتماعية: أضفت أيقونات واضحة وقابلة للنقر (android:clickable="true") للتسجيل باستخدام Google وFacebook وLinkedIn لتحسين تجربة المستخدم وتقديم خيارات متنوعة. وجود روابط أو نصوص مثل "Or sign up with" و"Sign in Here" لتوجيه المستخدم بين الواجهات. ٣. التصميم البصري (Visual Design): الألوان: لوحة ألوان متجانسة باستخدام اللون الرمادي (@color/gray) للنصوص الثانوية والأبيض (@color/white) للنص على الخلفية الملونة، مع لون خلفية رئيسي (@color/background). الشعار (Logo): وضعت شعار التطبيق (@drawable/logo_app و @drawable/light_logo) في مكان بارز في أعلى الواجهة. التماسك: حافظت على نفس نمط الأزرار، وحقول الإدخال، وأيقونات الوسائط الاجتماعية عبر جميع الواجهات لخلق هوية بصرية موحدة. ٤. التفاصيل التقنية والإضافات: شاشة التمهيد (Splash Screen): لتحسين تجربة المستخدم وإعطاء وقت لتحميل البيانات. إمكانية الوصول (Accessibility):صوف محتوى (android:contentDescription) لكل الأيقونات لمساعدة مستخدمي قارئات الشاشة. نوع الإدخال الصحيح: تحديد inputType (مثل textEmailAddress و textPassword) لتحسين experience إدخال البيانات علي العهواتف.