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

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

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

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

   التغييرات كيبانو فالمعاينة دابا، ولكن الشاشات ديال اللوگين، التسجيل وكلمة السر فالواقع ما كيتبدلو حتى كتكليكِي على حفظ.

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

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

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

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

5. خلفية النموذج

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

6. نمط اللوحة

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

7. لوگين بيومتري

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

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

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

9. بطاقات Cross-sell والحملات

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

10. معاينة مباشرة

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