تصميم شاشة تسجيل الدخول

1. تصميم شاشة تسجيل الدخول

   نسّق الشاشات ديال الدخول، التسجيل وكلمة السر اللي كيشوفوها الكليان: التخطيط، لوحة البراند، الخلفية، النصوص وكارتات الترويج. المعاينة لايف كتبرز حتى الأزرار ديال social login اللي مجهّزتيهم. هاد الجولة غادي تدوز معاك على كل قسم.

2. سجّل التصميم ديالك

   التغييرات كتبان فالمعاينة لايف دابا، ولكن الشاشات الحقيقية ديال الدخول، التسجيل وكلمة السر ما كيتبدلو حتى كتكليكّي على Save.

3. اختار التخطيط

   اختار Two-panel (animated)، Split panel ولا Centered card. تخطيطات two-panel كيديرو لوحة البراند حدّ الفورم؛ Centered card كيبان فيه غير الفورم، دونك إعدادات لوحة البراند والأيكونات الزخرفية كيتخباو.

4. لوحة البراند

   حدّد فين غادي تكون اللوحة والخلفية ديالها: لون البراند، غراديان ولا صورة مرفوعة (PNG، JPG ولا WebP). العنوان والسلوغان تقدر تترجمهم لكل لغة وتبدّل الستايل ديالهم بإعدادات النص ديالهم.

5. خلفية الفورم

   اختار الخلفية اللّي ورا فورم الدخول: Plain، Muted ولا لون خفيف ديال البراند.

6. نقشة اللوحة

   كتزيد تيكستشر زخرفي للوحة ديال الدخول. إلا بغيت تحيدها، كليكّي مرّة خرا على الباترن المختار، ولا اختار None.

7. الدخول البيومتري

   كتخلّي الكليان يدخلو بـ Face ID، البصمة ولا PIN ديال الجهاز بلا كلمة السر. إلا كان مطفي، زر passkey كيتخبا فشاشة الدخول؛ الأجهزة اللي ديجا تسجّلو ما كيتحيدوش.

8. أيكونات زخرفية

   بيّن أيكونات صغار فلوحة البراند واختر حتى لـ 4 منهم. هاد القسم كيبان غير فـ two-panel layouts.

9. كارتات Cross-sell والحملات

   زد حتى لـ 4 كارتات باش تروّج الباكّات ولا الكامباينات فلوحة ديال الدخول والتسجيل، وكل وحدة فيها عنوان، بادج، وصف قصير، نص ديال الزر ورابط. العناوين والنصوص تقدر تترجمهم لكل لغة.

10. معاينة لايف

    نسخة تجريبية من شاشة الدخول ديالك كتواكب أي تغيير، وباش حتى الأزرار ديال social login اللي مجهّزتيهم كيبانو. قدّر تبدّل بين desktop و mobile، ولا حلّ صفحة الدخول ديالك فتبويب جديد باش تشوف النسخة الحية المحفوظة.