أو ما يجب مراعاته عند تطوير وضع مظلم لتطبيق أو موقع
أظهر 2018: أوضاع الظلام في الطريق. الآن وقد وصلنا إلى منتصف الطريق حتى عام 2019 ، يمكننا أن نقول بثقة: إنهم هنا ، وهم في كل مكان.
مثال على شاشة خضراء سوداء قديمةبادئ ذي بدء ، الوضع المظلم ليس مفهومًا جديدًا على الإطلاق. تم استخدامه لبعض الوقت. ومرة واحدة ، في الواقع ، تم استخدامه فقط لفترة طويلة: كانت الشاشات "خضراء سوداء" ، ولكن فقط لأن الطبقة المضيئة من الداخل تنبعث منها توهج أخضر عندما تتعرض للإشعاع.
ولكن حتى بعد إدخال شاشات ملونة ، استمر الوضع المظلم في العيش. لماذا هكذا؟
هناك نوعان من الدوافع الرئيسية التي تشرح لماذا يتعجل كل شخص ثانٍ إضافة سمة مظلمة إلى طلبه اليوم. بادئ ذي بدء: أجهزة الكمبيوتر في كل مكان. في كل مكان ننظر إليه ، هناك نوع من الشاشة. نستخدم أجهزتنا المحمولة من الصباح حتى وقت متأخر من الليل. إن وجود وضع مظلم يقلل من الحمل على العينين عندما تكون في السرير قبل الذهاب للنوم "آخر مرة" تقلب عبر soc. الشبكة. (إذا كنت تبدو لي ، فإن "آخر مرة" قد تعني التمرير لمدة 3 ساعات من
R / EngineeringPorn . الوضع المظلم؟ نعم ، من فضلك!)
سبب آخر هو تقنية العرض الجديدة. النماذج الرئيسية للشركات الكبيرة - Apple و Google و Samsung و Huawei - كلها مجهزة بشاشات OLED ، والتي ، على عكس شاشات LCD ، لا تتطلب الإضاءة الخلفية. وهذه أخبار جيدة حقًا للبطارية. تخيل أنك تشاهد صورة مربعة سوداء على هاتفك ؛ مع شاشة LCD ، ستضيء الإضاءة الخلفية الشاشة بأكملها ، على الرغم من أن معظمها أسود. ولكن عند عرض نفس الصورة على شاشة OLED ، يتم إيقاف تشغيل وحدات البكسل التي يتكون منها المربع الأسود. وهذا يعني أنهم لا يستهلكون الطاقة على الإطلاق.
هذه الأنواع من شاشات العرض تجعل أوضاع الظلام أكثر تشويقًا. باستخدام واجهة مظلمة ، يمكنك إطالة عمر بطارية جهازك بشكل ملحوظ. تحقق من الحقائق والأرقام من Android Dev Summit في نوفمبر الماضي لترى بنفسك . الأوضاع المظلمة ، بالطبع ، تسير جنبًا إلى جنب مع تغييرات واجهة المستخدم ، لذلك دعونا نقوم بتحديث معرفتنا!
أوضاع الظلام 101
بادئ ذي بدء: "الظلام" لا يساوي "الأسود". لا تحاول استبدال الخلفية البيضاء باللون الأسود ، لأن هذا سيجعل من المستحيل استخدام الظلال. تصميم مماثل سيكون مسطحًا للغاية (بطريقة سيئة).
من المهم أن تضع في الاعتبار المبادئ الأساسية للتظليل / الإضاءة. يجب أن تكون الكائنات الأكثر ارتفاعًا أفتح في الظل ، محاكية الإضاءة والتظليل الحقيقي. وبالتالي ، فمن الأسهل التمييز بين المكونات المختلفة والتسلسل الهرمي.
مربعان رماديان متساويان بظل ، أحدهما على خلفية سوداء 100٪ ، والآخر على # 121212. عند الرفع ، يكتسب الجسم ظلًا أفتح من اللون الرمادي.
في النسق المظلم ، لا يزال بإمكانك العمل باللون الأساسي المعتاد ، إذا كان التباين جيدًا. دعونا توضيح مع مثال.
في هذه الواجهة ، يتمثل الإجراء الرئيسي في الزر الأزرق الكبير في اللوحة السفلية. لا توجد مشكلة من حيث التباين عند التبديل بين وضع الضوء أو الظلام ، لا يزال الزر يجذب الانتباه ، الرمز واضح ، بشكل عام ، كل شيء على ما يرام.
عند استخدام نفس اللون بشكل مختلف ، على سبيل المثال في النص ، ستكون هناك مشاكل. حاول استخدام تدرج أقل تشبعًا (بكثير) من اللون الأساسي ، أو ابحث عن طرق أخرى لدمج ألوان العلامة التجارية في الواجهة.
اليسار: أحمر على الأسود يبدو سيئًا. صحيح: تقليل التشبع - وكل شيء يصبح جيدا. - تقريبا. العابرة.
ينطبق الشيء نفسه على جميع الألوان المشبعة الأخرى التي يمكنك استخدامها ، مثل ألوان التحذير أو الأخطاء. تستخدم Google تراكبًا أبيض بنسبة 40٪ فوق لون الخطأ الافتراضي في إرشادات تصميم المواد الخاصة بها للتبديل إلى الوضع المظلم. هذه نقطة انطلاق جيدة ، حيث ستعمل على تحسين مستويات التباين للوفاء بمعايير AA. بالطبع ، يمكنك دائمًا تغيير الإعدادات حسب رغبتك ، لكن لا تنسى التحقق من مستويات التباين. بالمناسبة ، هناك أداة مفيدة لهذا الغرض هي المكون الإضافي Sketch - Stark ، الذي يوضح بدقة مقدار التباين بين الطبقتين.
ماذا عن النص؟
كل شيء بسيط هنا: لا شيء يجب أن يكون 100٪ أسود ، 100٪ أبيض والعكس صحيح. الأبيض يعكس موجات الضوء من جميع الأطوال ، أسود - تمتص. إذا وضعت نصًا أبيض 100٪ على خلفية سوداء 100٪ ، فستعكس الحروف الضوء وتشويه وتصبح أقل قابلية للقراءة ، مما يؤثر سلبًا على قابلية القراءة.
الأمر نفسه ينطبق على خلفية بيضاء بنسبة 100 ٪ والتي تعكس الكثير من الضوء للتركيز بشكل كامل على الكلمات. حاول تلطيف اللون الأبيض قليلاً ، واستخدم اللون الرمادي الفاتح للخلفيات والنصوص على الخلفيات السوداء. هذا سوف يقلل من الضغط على العين ، ويمنعهم من الضغط الزائد.
الوضع المظلم هنا لن يزول
يتزايد حجم الوقت الذي نقضيه على الشاشات باستمرار ، وكل يوم جديد ، تظهر شاشات جديدة في حياتنا ، من اللحظة التي نستيقظ فيها حتى ننام. هذه ظاهرة جديدة إلى حد ما ، لم تعتاد أعيننا حتى الآن على مثل هذه الزيادة في الوقت في الشاشة في وقت متأخر من الليل. هذا هو المكان الذي يأتي فيه الوضع المظلم. بعد إدخال هذه الوظيفة في نظام التشغيل MacOS وتصميم المواد (وعلى الأرجح في نظام التشغيل iOS) ، نعتقد أنه سيتم عاجلاً أو آجلاً تخلفها في جميع التطبيقات ، سواء على الأجهزة المحمولة أو سطح المكتب. ومن الأفضل أن تكون مستعدًا لهذا!
السبب الوحيد لعدم تقديم الوضع المظلم هو عندما تكون متأكدًا تمامًا بنسبة 100٪ من أن التطبيق الخاص بك يستخدم بشكل حصري في وضح النهار. هذا ، ومع ذلك ، يحدث بشكل غير منتظم.
تجدر الإشارة إلى بعض الأشياء التي تتطلب عناية خاصة عند تطبيق النظام المظلم ، بالإضافة إلى المبادئ الأساسية التي تم تلخيصها مسبقًا.
من وجهة نظر إمكانية الوصول ، فإن الوضع الغامق ليس هو الأكثر ملاءمة ، نظرًا لأن التباين أقل عمومًا ، وهذا بدوره لا يحسن إمكانية القراءة على الإطلاق.
مصدر
لكن ، تخيل أنك تستعد للنوم ، وترغب حقًا في النوم ، ولكن قبل أن تغفو مباشرة ، تذكرت أنك بحاجة إلى إرسال رسالة مهمة لشخص ما لا تستطيع الانتظار حتى ليلة واحدة. يمكنك أخذ هاتفك وتشغيله و AAAAAA ... لن تسمح لك الخلفية الفاتحة لـ iMessage بالنوم لمدة 3 ساعات أخرى ، بينما لا يُمكن الوصول إلى نص فاتح على خلفية داكنة قدر الإمكان ، إلا أن وجود وضع مظلم يمينًا في هذه اللحظة الثانية سيزيد من راحتك بمقدار مليون. كل هذا يتوقف على الموقف الذي يكون فيه المستخدم حاليًا.
لهذا السبب نحن نعتبر الوضع المظلم التلقائي فكرة رائعة. يتم تشغيله في المساء وينطفئ في الصباح. لا يحتاج المستخدم حتى للتفكير في الأمر ، وهو مريح للغاية. قام Twitter بعمل رائع باستخدام إعدادات الوضع المظلم. بالإضافة إلى ذلك ، لديهم كلاهما وضع مظلم فقط ووضع أكثر قتامة لكل شاشات OLED هذه ، مما يوفر البطارية وكل ما يتعلق بها. من المهم أن نلاحظ هنا: اسمح للمستخدم بالتبديل يدويًا عندما يريد: لا يوجد شيء أسوأ من تغيير الواجهة تلقائيًا دون القدرة على التبديل مرة أخرى.
يحتوي Twitter على وضع مظلم تلقائي يعمل في المساء وينطفئ في الصباح.
أيضا ، عند وضع موضوع ، ينبغي أن يؤخذ في الاعتبار أن بعض الأشياء ببساطة لا يمكن أن تصبح مظلمة.
خذ محرر نصوص ، مثل الصفحات. يمكنك جعل الواجهة مظلمة ، لكن الورقة نفسها ستكون دائمًا بيضاء ، تحاكي ورقة حقيقية.
تم تمكين الصفحات ذات الوضع الداكنينطبق الشيء نفسه على جميع أنواع برامج تحرير المحتوى ، مثل Sketch أو Illustrator. على الرغم من أنه يمكن جعل الواجهة مظلمة ، إلا أن لوحة التثبيت التي تعمل بها ستكون دائمًا بيضاء بشكل افتراضي.
يوجد رسم في وضع مظلم ولا يزال يحتوي على لوحة فنية بيضاء ناصعة.
لذلك ، وبغض النظر عن التطبيق ، نعتقد أن الأوضاع المظلمة ستصبح أصلية لنظام التشغيل الذي تستخدمه ، مما يعني أنه من الأفضل الاستعداد للمستقبل مقدمًا ، سيكون الظلام.
إذا كنت ترغب في معرفة المزيد حول تطوير واجهات مظلمة ، تأكد من مراجعة إرشادات تصميم المواد ، فكان هذا هو مصدر المعلومات الرئيسي لهذه المقالة.