التصميم
ابدأ في الظلام
التصميم بأولوية الظلام أجبرنا على أن نكون متعمّدين في التباين والعمق واللون, وجعل الوضع الفاتح أفضل أيضاً.
حين تبدأ في الوضع الداكن، لا يمكنك الاتّكاء على الظلال والحدود الثقيلة لخلق التسلسل؛ عليك أن تكسبه بالمسافة والتباين وضبط النفس. وهذه القرارات انتقلت مباشرةً إلى وضع فاتح أنظف.
يعمل النظام كلّه على مجموعة صغيرة من خصائص CSS المخصّصة, ألوان وحدود وأنصاف أقطار, فيتردّد صدى تغيير واحد في كل مكان ويبقى الوضعان متزامنين دون عمل مكرّر.
لماذا يصمد في الوضعين
الداكن كأساس
التباين والعمق يُحسمان حيث الأمر أصعب.
رموز دلالية
ألوان تُسمّى بدورها، فتبديل الثيمة بعمق طبقة واحدة.
الفاتح كنِدّ
ثيمة ثانية سلسة لا فكرة لاحقة.
المقاربة
التصميم بالوضع الداكن أولاً يغيّر النتيجة
إضافة الوضع الداكن لاحقاً تظهر دائماً تقريباً.
أغلب المنتجات تُصمَّم بالوضع الفاتح ثم تُعتَّم, ولهذا تبدو أوضاع داكنة كثيرة كنسخة باهتة. البدء في الظلام يفرض قرارات التباين والعمق الصعبة مبكراً حيث تنتمي.
بمجموعة صغيرة من الرموز الدلالية يصير الوضع الفاتح ثيمةً ثانية نظيفة لا معركة, البنية نفسها بكسوة جديدة، وكلاهما يبدو مقصوداً.
النظام
ما يُبقيه متّسقاً
رموز، لا حالات فردية
مجموعة صغيرة من المتغيّرات تقود اللون والسطح، فلا ينحرف شيء.
وضعان، مصدر واحد
الوضع الفاتح مشتقّ من الرموز ذاتها، لا مصون على حدة.
تسلسل بالبنية
المسافة والتباين يؤدّيان العمل، لا الحدود والظلال الثقيلة.
من الواقع العملي
التصميم الداكن أولاً يغيّر الأسئلة التي تطرحها
البدء من خلفية داكنة يفرض صدقاً في التسلسل البصري. فمن دون ظلال ثقيلة تتكئ عليها، يجب أن يأتي الارتفاع من الدرجة اللونية والتباين، وعلى كل سطح أن «يستحق» سطوعه. الواجهات المصممة بهذه الطريقة تعود إلى الوضع الفاتح ببنية أنظف في الغالب.
الأسود الخالص والأبيض الخالص فخّان معاً: الخلفيات السوداء تجعل النص يومض بهالة مزعجة، والنص الأبيض بكامل قوته يتوهج. لذلك نُزيح كليهما درجات نحو الرمادي، ونترك للألوان المميزة حمل الطاقة البصرية.
وأخيراً نختبر بمحتوى حقيقي ليلاً، على شاشات OLED، وبأدنى سطوع, أي في الظروف التي يستخدم الناس فيها الوضع الداكن فعلاً. ما يبدو أنيقاً في لقطة معرض الأعمال قد يكون غير مقروء في القطار؛ واختبار الليل يكشف ذلك.
القيود أداة تصميم. البدء في الظلام أزال خيارات, وكانت النتيجة أوضح بذلك.
نبني برمجيات لفرق تريد أدواتها أن تناسب طريقة عملها الفعلية — الويب والموبايل والذكاء الاصطناعي والأنظمة التي تربطها. نكتب هنا عمّا نتعلّمه أثناء إطلاقها.