كيف تقدر تحول تصميم الواجهات من الوضع النهاري (light mode) إلى الوضع الليلي (dark mode) في ٣ خطوات.
ثريد 🧵
ثريد 🧵
بالبداية ماهي فائدة ان يكون للتطبيق وضع ليلي:
١- توفير بطارية الجهاز
٢- تخفيف من إرهاق إضاءة الشاشة للعينين
٣- إرضاء لمفضلي الوضع الليلي
١- توفير بطارية الجهاز
٢- تخفيف من إرهاق إضاءة الشاشة للعينين
٣- إرضاء لمفضلي الوضع الليلي
أولاً نختار لون للخلفية ويفضل نبعد عن اللون الأسود النقي #000000 ونختار لون للخط ايضاً ونبعد عن اللون الأبيض النقي #FFFFFF عشان نسبة التباين قوية جداً وبتسبب إرهاق للعين واذا كانت لون الخلفية أبيض والخط أسود فيحتاج انك تقلب الألوان فقط
ثانياً الأشياء المرتفعة عن السطح يكون لها لون افتح من الخلفية مثل الرمادي الغامق عشان يظهر ارتفاعها عن السطح مثل شريط التنقل في التصميم
ثالثاً اللون الرئيسي مثل لون الزر في التصميم يفضل تزيد من سطوع اللون في الوضع الليلي لان الألوان الخافتة تكون غير مناسبة مع الوضع الليلي مثل الصورة
تقدر تستخدم نظام HSB في الألوان وتزيد قيمة B (Brightness) إلى ما يكون اللون ساطع وبارز.
تقدر تستخدم نظام HSB في الألوان وتزيد قيمة B (Brightness) إلى ما يكون اللون ساطع وبارز.
مقالة جميلة من material design تتكلم عن الموضوع:
#ui-application" target="_blank" rel="noopener" onclick="event.stopPropagation()">m2.material.io
#ui-application" target="_blank" rel="noopener" onclick="event.stopPropagation()">m2.material.io
في نهاية الثريد، لاتنسون المشاركة لإفادة الغير وشكراً💜
جاري تحميل الاقتراحات...