محمود أبوالحسن

مطور ويب شامل

تصميم الرسومات

مطور ووردبريس

مطور لارافيل

مصمم باستخدام فيغما

مستقل

محمود أبوالحسن
محمود أبوالحسن

مطور ويب شامل

تصميم الرسومات

مطور ووردبريس

مطور لارافيل

مصمم باستخدام فيغما

مستقل

أفكار وتجارب تستحق المشاركة

الوضع الداكن: إعادة توزيع التباين

1 دقيقة قراءة تقريبًا
ابدأ القراءة
الوضع الداكن: إعادة توزيع التباين

الوضع الداكن ليس قلب الألوان حسابيًا. تحتاج الأسطح والحدود والنصوص الثانوية والصور إلى علاقات جديدة تحافظ على العمق والقراءة دون إضاءة مزعجة.

الفكرة الأساسية

استخدم أدوارًا دلالية للأسطح والنصوص بدل قيم موزعة على المكونات. بعض الظلال تصبح أقل فائدة في الخلفيات الداكنة، ويمكن أن تساعد الحدود والفروق الهادئة بين الأسطح.

خطوات عملية

  1. ابدأ بسطح الصفحة ثم البطاقات ثم العناصر المرتفعة.
  2. راجع حالات الأزرار والحقول والروابط في المظهرين.
  3. اختبر الصور ذات الخلفية البيضاء والشعارات الشفافة.

تصميم الواجهات وتجربة المستخدم — صورة توضيحية

مثال تطبيقي

قد تحتاج بطاقة مقال إلى سطح أفتح قليلًا من الصفحة وحد واضح، بينما يظل لون النص الثانوي مقروءًا دون منافسة العنوان.

خطأ شائع ينبغي تجنبه

لا تضع مرشح invert على كل الصفحة؛ فهو يغيّر ألوان الصور والشعارات ويعطي نتائج غير متوقعة.

للتوسع في الموضوع

التوثيق والمرجع الرسمي

صور توضيحية: الغلاف من Unsplash، الصورة الداخلية من Unsplash. ترخيص الاستخدام.

شارك المقال

شارك هذه الفكرة مع من تهمّه.

لنتحدث عن فكرتك القادمة

لديك سؤال أو فكرة مشروع؟ يسعدني التواصل معك.

اتصل بنا
Dark Mode EN English Buy Me A Coffee Buy Me A Coffee