تعریف
حالت تاریک چیست؟
پیش از خواب در رختخواب گوشی را برمی‌دارید، چراغ اتاق خاموش است و صفحه سفید مثل یک چراغ توی صورتتان می‌تابد. حالت تاریک درست برای همین لحظه ساخته شده است.
حالت تاریک (Dark Mode) روشی برای نمایش صفحههای سایت یا اپلیکیشن با پسزمینه تیره و نوشتهها و آیکون‌های روشن است، به جای نوشته سیاه روی زمینه سفید که همیشه می‌بینیم. محتوا همان می‌ماند: همان دکمه‌ها، همان منوها، همان کلمه‌ها. فقط رنگها تغییر می‌کنند تا وقتی نور اطرافتان کم است، صفحه برای چشم آرام باشد.
به آن حالت شب یا تم تیره هم می‌گویند. امروز در سیستم گوشی‌ها و رایانه‌ها و در بیشتر اپلیکیشن‌هایی که هر روز استفاده می‌کنیم وجود دارد، برای همین مردم آن را از هر سایت یا اپلیکیشن تازه‌ای هم انتظار دارند.
حالت تاریک چطور کار میکند؟
گوشی و رایانه یک تنظیم کلی دارند که کاربر در آن ظاهر روشن یا تیره را انتخاب میکند و بعضی دستگاه‌ها هنگام غروب خودشان بین این دو جابه‌جا میشوند. سایت یا اپلیکیشنی که خوب ساخته شده باشد، این تنظیم را می‌خواند و از همان لحظه اول با رنگهای مناسب باز میشود.
راه دومی هم هست. یک دکمه کوچک داخل سایت یا اپلیکیشن، که اغلب شکل خورشید و ماه دارد، به کاربر اجازه میدهد خودش حالت را عوض کند. بعد از آن سیستم انتخاب او را به خاطر می‌سپارد و در هر بازدید به حالت روشن برنمی‌گردد.
در پشت صحنه، طراح برای همه چیزهای روی صفحه دو دسته رنگ آماده میکند: پسزمینه، نوشته، دکمه‌ها، حاشیه‌ها و جدول‌ها. سپس سیستم دسته مناسب را بر اساس حالت انتخاب میکند. مثل اتاقی که دو نوع نور دارد، یکی برای روز و یکی برای شب، در حالی که وسایل اتاق سر جایشان می‌مانند.
چرا حالت تاریک برای شما مهم است؟
اگر سایت یا اپلیکیشن دارید، بازدیدکنندگان در ساعتهای مختلف روز آن را باز می‌کنند. بسیاری از آنها شب‌ها گشت می‌زنند. حالت تاریک تجربه آنها را در این ساعت‌ها به‌روشنی تغییر میدهد:
- آسودگی چشم در نور کم: صفحه تیره در اتاق تاریک چشم را نمیزند، پس خواننده می‌تواند مقاله را تا آخر بخواند یا مدت بیشتری محصولات را ببیند بی‌آنکه اذیت شود.
- صرفهجویی در باتری: در گوشیهایی که صفحه OLED دارند، هر نقطه سیاه تقریباً خاموش است و برق مصرف نمیکند. برای همین حالت تاریک روی این صفحهها باتری کمتری مصرف میکند.
- خستگی کمتر برای کسانی که ساعت‌ها کار می‌کنند: کارمندی که تمام روز جلوی داشبورد یا سیستم مدیریت می‌نشیند، تفاوت را آخر روز حس میکند، به‌ویژه در شیفت شب.
- احترام به انتخاب کاربر: کسی که در گوشی‌اش ظاهر تیره را انتخاب کرده و بعد سایت سفید و براق شما را باز میکند، حس میکند سایت به او توجهی ندارد.
یعنی حالت تاریک همیشه بهتر است؟ نه. زیر آفتاب یا در دفتری که نور خوبی دارد، بسیاری از افراد نوشته سیاه روی سفید را راحتتر می‌خوانند. هدف این است که انتخاب در دست کاربر باشد.
فرق حالت روشن و حالت تاریک
| جنبه | حالت روشن | حالت تاریک |
|---|---|---|
| پسزمینه | سفید یا روشن | خاکستری تیره یا سرمه‌ای |
| نوشته | سیاه یا تیره | سفید متمایل به خاکستری |
| بهترین زمان | روز و جاهای روشن | شب و اتاق‌های کم‌نور |
| باتری | مصرف معمولی | مصرف کمتر در صفحههای OLED |
| خواندن متن‌های طولانی | در نور خوب برای بیشتر افراد آسان‌تر | در تاریکی راحتتر |
چطور حالت تاریکی طراحی کنیم که چشم را آسوده نگه دارد؟
فقط برعکس کردن رنگها معمولاً نتیجه بدی میدهد. حالت تاریکی که مردم با آن راحت باشند، به تصمیم‌های کوچک زیادی نیاز دارد:
- خاکستری تیره به جای سیاه مطلق: سیاه کامل کنار سفید درخشان تضاد تندی می‌سازد که چشم را خسته میکند. پسزمینه خاکستری تیره یا سرمه‌ای آرام‌تر است.
- نوشته روشن اما نه براق: سفیدی که کمی به خاکستری می‌زند، راحتتر از سفید خالص خوانده میشود.
- کنتراست کافی: کنتراست یعنی تفاوت رنگ نوشته با رنگ پسزمینه. اگر خیلی کم باشد، خواندن سخت میشود، بهخصوص برای سالمندان و کسانی که دید ضعیفی دارند. استاندارد دسترس‌پذیری WCAG برای این تفاوت یک حداقل تعیین کرده است.
- رنگهای برند کمی ملایم‌تر: آبی یا قرمز پررنگ روی پسزمینه تیره زیادی توی چشم می‌زند و به سایه‌ای کمی آرام‌تر نیاز دارد.
- لوگو و تصویرهایی که با هر دو پسزمینه جور باشند: لوگوی سیاه روی پسزمینه تیره دیده نمی‌شود، پس به نسخه روشن نیاز دارد. عکس‌های خیلی روشن هم شاید کمی نیاز به ملایم شدن داشته باشند.
- جدول‌ها و نمودارها: در داشبوردها باید رنگ ستون‌ها و خط‌ها را بررسی کرد تا در هر دو حالت قابل فهم بمانند.
اشتباه‌های رایج هنگام اضافه کردن حالت تاریک
- روشن کردن حالت تاریک در صفحه اصلی و فراموش کردن صفحههای دیگر، مثل صفحه پرداخت یا پنجره ورود، که ناگهان سفید ظاهر میشوند.
- نوشتههای خاکستری کم‌رنگ روی پسزمینه تیره که تقریباً هیچ‌کس نمی‌تواند بخواند.
- ذخیره نکردن انتخاب کاربر، طوری که سایت هر بار به حالت روشن برمی‌گردد.
- نادیده گرفتن تنظیم دستگاه و تحمیل یک حالت به همه.
- آزمایش نکردن حالت تاریک روی گوشی‌های واقعی پیش از راه‌اندازی، در حالی که رنگها از صفحه‌ای به صفحه دیگر متفاوت دیده میشوند.
- اضافه کردن آن در پایان پروژه و بعد از تمام شدن طراحی، که باعث میشود به جای بخشی از رابط کاربری، به یک وصله تبدیل شود.
حالت تاریک در سایت‌ها و اپلیکیشن‌هایی که می‌سازیم
در Linkysoft حالت تاریک را از روز اول طراحی برنامهریزی می‌کنیم، نه بعد از تمام شدن آن. هر سایتی که در خدمت طراحی و توسعه وب‌سایت می‌سازیم، حالت تاریک داخلی، پشتیبانی از زبان عربی و نوشتن از راست به چپ (RTL) و استاندارد دسترس‌پذیری WCAG 2.2 دارد و پیش از راه‌اندازی آن را روی گوشی‌های واقعی آزمایش می‌کنیم.
در توسعه اپلیکیشن موبایل هر اپلیکیشن را برای iPhone و Android از صفر طراحی می‌کنیم، با حالت روشن و تاریک و صفحه‌هایی که استفاده از آنها برای همه آسان است. سپس آن را در App Store و Google Play منتشر می‌کنیم و به‌روزرسانی‌هایش را پیگیری می‌کنیم.
پروژه شما یک سیستم مدیریت است که تیمتان تمام روز با آن کار میکند، مثل سیستم فروش، انبار یا منابع انسانی؟ در این صورت آن را در خدمت اپلیکیشن‌های وب و سیستم‌های مدیریت و بر اساس شیوه کار شرکت شما می‌سازیم و روی همه دستگاه‌ها کار میکند. اینجا آسودگی چشم باید جایی در برنامه داشته باشد، چون همان صفحه هشت ساعت یا بیشتر جلوی کارمند باز می‌ماند.
به یک سایت یا اپلیکیشن تازه فکر می‌کنید؟ با یک مشاوره رایگان با ما شروع کنید تا با هم ببینیم کاربرانتان در روز و شب به چه چیزی نیاز دارند.
پرسش‌های متداول درباره حالت تاریک
فرق حالت تاریک با حالت روشن چیست؟
آیا حالت تاریک واقعاً باتری گوشی را کمتر مصرف میکند؟
آیا حالت تاریک برای سلامت چشم بهتر است؟
سایت از کجا میفهمد که کاربر حالت تاریک را ترجیح میدهد؟
آیا کافی است رنگهای سایتم را برعکس کنم تا حالت تاریک داشته باشم؟
آیا در سیستم مدیریت یا داشبورد به حالت تاریک نیاز دارم؟
آیا میشود حالت تاریک را به سایت یا اپلیکیشنی که از قبل وجود دارد اضافه کرد؟
هنوز مطمئن نیستید این موضوع چه ارتباطی با پروژه شما دارد؟
به ما بگویید چه چیزی می‌سازید و ما با زبانی ساده و روشن پاسخ خواهیم داد.