توقف عن استخدام اللون الأسود الصرف في وضع Dark Mode
الأسود الصرف مع النصوص البيضاء يرهق العين ويسطح التصميم. اكتشف كيف تستخدم الرمادي الداكن وتدرجات الإضاءة لتصميم واجهة Dark Mode مريحة واحترافية.
Read this in Englishجميعنا اتجهنا نحو وضع Dark Mode، لكن معظمنا اختار الأسود الخاطئ. اللون الأسود الصرف (#000000) يبدو جريئاً في لوحة الألوان لكنه متعب جداً على الشاشة. إذا كان التصميم الخاص بك يسبب تشتت العين، فهذا هو السبب غالباً.
المشكلة تكمن في المبالغة في التباين. النص الأبيض على خلفية سوداء صرفة يمثل أقصى درجات التباين التي يمكن للشاشة عرضها، والعين تدفع الثمن. يتسبب هذا في تأثير هالة (halation) عند حواف الحروف، وهو ما يؤثر بشكل خاص على المصابين بالاستجماتيزم، مما يجعل جلسات الاستخدام الطويلة مرهقة للعين.
لذا، لا تبدأ بالأسود. ابدأ بلون رمادي داكن، قريباً من #121212، واجعله بمثابة لوحتك الأساسية. سيظل التصميم يبدو داكناً وفخماً، ولن يرهق القارئ. اجعل الأسود الصرف مجرد لمسة نادرة، وليس كامل الخلفية.
بعد ذلك، ابنِ العمق باستخدام الإضاءة لا الظلال. في الواجهات الفاتحة نستخدم الظلال لإبراز العناصر، لكن في الوضع الداكن لا يمكنك ذلك، لذا قم برفع مستوى السطح بجعله أفتح قليلاً. كلما ارتفع العنصر، زادت درجة تفتيح لونه الرمادي. هذه القاعدة البسيطة تمنح الواجهة الداكنة عمقاً وتدرجاً كانت ستفقده في الفراغ الأسود المسطح.
انتبه للألوان أيضاً. ألوان العلامة التجارية المشبعة التي تبدو رائعة على خلفية بيضاء ستتوهج بشكل مزعج على خلفية داكنة. قم بتقليل تشبع الألوان وتفتيحها، وأعد فحص تباين النصوص، لأن الألوان التي كانت مناسبة على الخلفية البيضاء غالباً ما تفشل على الداكنة. استهدف الراحة البصرية، لا أقصى درجات التباين.
وضع Dark Mode ليس مجرد فلتر تقوم بتفعيله. إنه تصميم مستقل بقواعده الخاصة. اختر رمادياً داكناً، واستخدم الإضاءة لرفع العناصر، وخفف حدة الألوان، وسيشعر المستخدمون أن واجهتك مكان مريح يودون البقاء فيه، لا مكان يرغبون في الهروب منه.
أسئلة شائعة
هل يجب أن أستخدم الأسود الصرف في وضع Dark Mode؟
لا. الأسود الصرف مع النص الأبيض يخلق تبايناً حاداً يسبب إجهاداً للعين وتأثير هالة، خاصة لمن يعانون من الاستجماتيزم. استخدم رمادياً داكناً مثل #121212 كخلفية واحتفظ بالأسود الصرف للمسات نادرة.
ما هو اللون المناسب لخلفية Dark Mode؟
يفضل استخدام الرمادي الداكن بدلاً من #000000. اللون #121212 يعد خياراً ممتازاً. قم بإبراز العناصر المرتفعة بجعلها أفتح قليلاً، حيث لا يمكنك الاعتماد على الظلال لخلق العمق في الوضع الداكن.
كيف أستخدم ألوان العلامة التجارية في وضع Dark Mode؟
قم بتقليل تشبع الألوان وتفتيحها. الألوان المشبعة التي تبدو مناسبة على الأبيض قد تبدو متوهجة ومزعجة على الداكن. تأكد دائماً من إعادة فحص سهولة قراءة النصوص لأن معايير التباين تختلف بين الخلفيتين.