تصميم شاشة اللوغين

1. تصميم شاشة اللوغين

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

2. حفظ التصميم ديالك

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

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

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

4. بانيل ديال البراند

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

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

   اختار الخلفية اللي ورا فورم اللوغين: سادة، هادئة ولا توشيحة خفيفة ديال البراند.

6. نقشة البانيل

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

7. اللوغين البيومتري

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

8. آيقونات زخرفية

   بيّن آيقونات صغار فبانيل ديال البراند وقدّر تختار حتى لـ4. هاد السيكسيون كيبان غير فاللاياوت ديال جوج بانيلات.

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

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

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

    ماكاب ديال شاشة اللوغين ديالك كيتبع كل تغيير، حتى زرّات ديال Social login اللي مجهّزهم. بدّل بين Desktop وMobile، ولا حلّ صفحة اللوغين ديالك فتاب جديدة باش تشوف النسخة الحيّة اللي متسجّلة.