Dark Mode | حالت تاریک

حالت تاریک سبک رابط کاربری است که به‌جای پس‌زمینهٔ روشن و متن تیره، سطوح تیره‌تر را پایه قرار می‌دهد و محتوا و کنترل‌ها را روشن‌تر می‌سازد. این انتخاب از یک مد زودگذر عبور کرده و در سیستم‌عامل‌ها، اپلیکیشن‌ها و وب به انتظار رایج تبدیل شده است؛ ترکیبی از راحتی در نور کم، ترجیح زیبایی‌شناختی، و در برخی نمایشگرها مزیت مصرف انرژی. از نگاه تجربهٔ کاربری، پشتیبانی از حالت تاریک بیشتر از یک پوسته‌سازی سطحی است: احترام به تفاوت ادراک راحتی میان کاربران و ارائهٔ انتخاب، نه تحمیل یک تم واحد به همه.

راحتی شبانه و افسانهٔ یک نسخهٔ جهانی

در محیط کم‌نور، صفحهٔ بسیار روشن می‌تواند خیرگی و خستگی ایجاد کند؛ بسیاری از کاربران می‌گویند تم تیره در استفادهٔ طولانی شبانه تحمل‌پذیرتر است. شواهد علمی دربارهٔ کاهش قطعی فشار چشم یکدست نیست و عوامل دیگری مثل روشنایی محیط، تنظیم نور صفحه، و طراحی حروف هم نقش دارند. بنابراین حالت تاریک را نباید دارو برای همه تجویز کرد. بعضی افراد متن طولانی را هنوز روی زمینهٔ روشن خواناتر می‌بینند. محصول بالغ هر دو مسیر را آسان می‌کند و فرض نمی‌کند یک سلیقه جهان‌شمول است.

ارائهٔ گزینهٔ روشن/تاریک و پیروی از تنظیم سیستم دستگاه، سیگنال احترام به ترجیح کاربر است. وقتی اپ با تم سیستم هماهنگ می‌شود، اصطکاک ورود کمتر می‌شود؛ کاربر مجبور نیست در هر محصول جداگانه دنبال کلید بگردد. با این حال، کلید دستی داخل تنظیمات همچنان ارزشمند است چون گاهی کاربر می‌خواهد از تم سیستم منحرف شود—مثلاً روزها تم روشن سیستم و شب‌ها تم تیرهٔ همان اپ برای تمرکز.

صرفه‌جویی انرژی روی OLED؛ انتظار واقع‌بینانه روی LCD

روی نمایشگرهای OLED و AMOLED پیکسل‌های سیاه می‌توانند خاموش بمانند و انرژی کمتری مصرف کنند؛ بنابراین سطوح تیرهٔ وسیع ممکن است باتری را در موبایل کمک کند، به‌ویژه وقتی روشنایی صفحه بالاست و استفاده مکرر است. روی LCD بک‌لایت کل صفحه را روشن نگه می‌دارد و اثر صرفه‌جویی معمولاً ناچیز است. مدیر محصول و طراح باید این تمایز را در وعده‌های بازاریابی رعایت کنند تا انتظار نادرست نسازند. مزیت انرژی معمولاً فایدهٔ ثانویه است؛ اولویت اصلی خوانایی، راحتی و یکپارچگی برند است.

طراحی «مشکی مطلق همه‌جا» همیشه بهترین استراتژی باتری یا زیبایی نیست. لایه‌بندی سطوح خاکستری تیره اغلب عمق، تفکیک کارت‌ها و خوانایی بهتری می‌دهد و همزمان می‌تواند با محدودیت‌های ساخت و نمایش سازگارتر باشد. تصمیم دربارهٔ سیاه خالص در برابر خاکستری‌های سطح‌بندی‌شده باید با آزمون کنتراست و بافت واقعی رابط گرفته شود، نه با شعار مینیمال.

کنتراست، پالت جدا و رنگ‌هایی که روی تیره می‌میرند

بزرگ‌ترین چالش فنی-طراحی، حفظ خوانایی است. متنی که روی سفید عالی است ممکن است روی تیره کم‌جان یا پخش‌نور به‌نظر برسد. نسبت کنتراست باید برای متن اصلی، متن ثانویه، آیکون و حالت‌های غیرفعال جداگانه سنجیده شود. رنگ تأکیدی برند روی زمینهٔ تیره اغلب نیاز به نسخهٔ بازتنظیم‌شده دارد؛ اشباع و روشنایی‌ای که در تم روشن می‌درخشید ممکن است در تم تیره جیغ یا بالعکس بی‌رمق شود. سایه‌ها، حاشیه‌ها و افکت‌های شیشه‌ای هم رفتار متفاوتی پیدا می‌کنند و باید بازنویسی شوند نه فقط معکوس رنگی خام.

تصاویر با پس‌زمینهٔ شفاف روشن، نمودارهای داده‌ای، و تصویرسازی‌هایی که برای کاغذ سفید ساخته شده‌اند در تم تیره لکه یا هاله می‌سازند. سیستم طراحی باید توکن معنایی داشته باشد: رنگ سطح، متن، مرز، هشدار، موفقیت و تعامل برای هر دو تم تعریف شود تا توسعه‌دهنده مجبور به حدس نشود. بدون توکن، پشتیبانی حالت تاریک به مجموعه‌ای از استثناهای پراکنده تبدیل می‌شود که در هر صفحه می‌شکند.

از انتظار کاربر تا استاندارد پلتفرم

اپل، گوگل و مایکروسافت حالت تاریک را در سطح سیستم عرضه کرده‌اند و اپ‌های پرمخاطب ارتباطی، بهره‌وری و رسانه از آن پیروی کرده‌اند. کاربر امروز وقتی محصولی فقط تم روشن دارد، گاهی آن را ناتمام حس می‌کند—به‌ویژه در ابزارهای شبانه مثل مطالعه، پیام‌رسان یا داشبوردهای مانیتورینگ. این انتظار به معنای اولویت مطلق بر ویژگی‌های حیاتی نیست، اما در نقشهٔ راه تجربهٔ بصری جای جدی دارد.

یکپارچگی با prefers-color-scheme در وب و APIهای تم بومی در موبایل، هزینهٔ نگهداری را کم و رفتار را پیش‌بینی‌پذیر می‌کند. انیمیشن تغییر تم نباید محتوا را بپراند یا باعث چشمک آزارنده شود. حالت بارگذاری، اسکلتون و صفحات خطا هم باید در هر دو تم طراحی شوند؛ فراموشی این حالات لبه‌ای کیفیت را پایین می‌آورد.

آزمون با کاربر واقعی در نور واقعی

بازبینی فقط روی مانیتور روشن دفتر کافی نیست. باید در نور کم، زیر نور روز، روی OLED و LCD، و با بزرگنمایی دسترس‌پذیری دیده شود. کاربران با حساسیت نور یا نیازهای کنتراست ممکن است رفتار متفاوتی داشته باشند. آزمون وظیفه‌محور—خواندن مقاله، پر کردن فرم، مقایسهٔ اعداد در جدول—نشان می‌دهد آیا تم تیره فقط زیباست یا واقعاً کارآمد است. بازخورد ذهنی راحتی مهم است، اما بگذارید کنار سنجش موفقیت وظیفه بنشیند.

مستندسازی برای تیم محتوا و بازاریابی هم لازم است: دارایی‌های تصویری کمپین، اسکرین‌شات فروشگاه اپ و ویدئوهای معرفی باید نسخهٔ تیره داشته باشند یا دست‌کم در زمینهٔ تیره شکیل بمانند. ناهماهنگی بین وعدهٔ «پشتیبانی کامل تم تیره» و اسکرین‌شات‌های فقط روشن اعتماد را کم می‌کند.

معیار پذیرش تم تیره قبل از انتشار

قبل از عرضه مطمئن شوید متن اصلی و ثانویه کنتراست قابل قبول دارند، رنگ خطا و هشدار در هر دو تم متمایز است، فوکوس صفحه‌کلید دیده می‌شود، تصاویر و چارت‌ها بازبینی شده‌اند، تغییر تم وضعیت کاربر را خراب نمی‌کند، و همگام‌سازی با سیستم به‌علاوهٔ اختیار دستی کار می‌کند. اگر بخشی از محصول تم تیره دارد و بخشی ندارد، گسست ادراکی شدیدتر از نداشتن کامل است. پوشش یکدست، حتی با دامنهٔ تدریجی مشخص، بهتر از پچ‌ورک تصادفی است.

کامپوننت‌های تعاملی مثل فیلد، سوییچ، تولتیپ و مودال باید در حالت شناور، فشرده و غیرفعال روی سطح تیره آزمایش شوند. بسیاری از باگ‌های تم تیره دقیقاً در حالت‌های میانی ظاهر می‌شوند نه در نمای استاتیک ماکت. همچنین محتوای تولیدشده توسط کاربر—آواتار با پس‌زمینهٔ سفید، تصویر اسکرین‌شات روشن، یا نمودار خروجی ابزار ثالث—ممکن است داخل کارت تیره ناهماهنگ بنشیند؛ برای این موارد چارچوب بصری یا قاب خنثی در نظر بگیرید.

مرحله‌بندی پوشش تم بدون وعدهٔ توخالی

از منظر مدیریت محصول، پشتیبانی حالت تاریک را می‌توان مرحله‌بندی کرد: ابتدا پوسته‌های اصلی و مسیرهای پرکاربرد، سپس صفحات نادر و ابزارهای داخلی. مهم این است که وعدهٔ عمومی با پوشش واقعی هم‌خوان باشد. انتشار ناقص بدون برچسب شفاف، شکایت «نیمه‌کاره بودن» می‌آورد. ارتباط با پشتیبانی هم لازم است تا گزارش‌های خوانایی در تم تیره مسیر اولویت مشخصی داشته باشند. برخلاف دارک پترن که دربارهٔ دستکاری تصمیم است، اینجا موضوع نور، کنتراست و انتخاب تم است—قابلیتی بصری برای راحتی ادراک، نه ابزاری برای فریب قیف.

توکن معنایی و بدهی پوسته‌سازی خام

پشتیبانی پایدار معمولاً از معکوس‌کردن هگزهای ثابت شروع نمی‌شود؛ از توکن سطح، متن، مرز و وضعیت معنایی برای هر دو تم شروع می‌شود. کپی رنگ داخل اجزا بدهی می‌سازد و هر اصلاح کنتراست را پرهزینه می‌کند. قرارداد نام‌گذاری میان طراحی و مهندسی، به‌همراه پوشش حالات لبه‌ای مثل اسکلتون و خطا، تم تیره را از پچ‌ورک تصادفی به لایهٔ قابل نگهداری سیستم طراحی تبدیل می‌کند.

حالت تاریک در نهایت یک قرارداد بصری دربارهٔ نور، سلسله‌مراتب و انتخاب کاربر است. وقتی با دقت رنگی، آزمون واقعی و احترام به تفاوت ترجیح پیاده شود، از ژست مُد روز به قابلیت پایهٔ محصول مدرن تبدیل می‌شود و شب‌های طولانی کار با صفحه را مهربان‌تر می‌کند بدون اینکه روز روشن را از کاربر بگیرد. محصولی که هر دو جهان نوری را با کیفیت برابر پشتیبانی کند، انعطاف ادراکی کاربر را جدی گرفته است. در نقشهٔ راه تجربه، این قابلیت کمتر از یک ویژگی درخشان و بیشتر شبیه زیرساخت اعتماد بصری است: کاربر انتظار دارد شب و روز، بدون غافلگیری رنگی، همان سلسله‌مراتب معنا را ببیند.

سوالات متداول

بسیاری در نور کم راحت‌ترند، اما شواهد علمی یکدست نیست؛ روشنایی محیط، کنتراست و طراحی حروف هم مؤثرند. بهتر است اختیاری باشد.

روی OLED معمولاً معنادار است چون پیکسل سیاه می‌تواند خاموش بماند؛ روی LCD اثر انرژی اغلب ناچیز است.

کنتراست خوانا، پالت بازتنظیم‌شده برای رنگ‌های تأکیدی، بازبینی تصاویر و نمودارها، و توکن‌های رنگی جدا برای هر تم.

غالباً سطوح خاکستری لایه‌بندی‌شده عمق و تفکیک بهتری می‌دهند؛ مشکی مطلق همیشه بهترین انتخاب نیست.

بله به‌عنوان پیش‌فرض خوب است، همراه با امکان تغییر دستی تا کاربر در صورت نیاز از تم سیستم جدا شود.