🎨 Dark UI  |  فناوری‌های نوین وب

طراحی رابط‌های کاربری تاریک (Dark Mode UI): اصول ارگونومی بصری و روانشناسی کنتراست

طراحی دارک‌مود صرفاً معکوس کردن رنگ‌های صفحه سفید نیست. پیاده‌سازی غیراصولی تم تاریک می‌تواند به خستگی شدید عضلات چشم (Asthenopia) و ناخوانایی متن‌ها منجر شود.

اشتباه مرگبار: استفاده از سیاه مطلق (#000000)

کنتراست شدید متن سفید خالص روی پس‌زمینه سیاه مطلق باعث پدیده «هاله نور» (Halation Effect) در چشم کاربر می‌شود. در سیستم دیزاین MHB Studio، رنگ پایه از خاکستری فوق‌العاده عمیق #0a0a0b استفاده می‌کند و سطوح مرتفع‌تر با #121214 و #161618 از یکدیگر تفکیک می‌شوند.

اصول کلیدی دارک‌مود لوکس و کاربردی

  • سطوح ارتفاع بصری (Elevation): در تم تاریک، سطوح بالاتر به جای سایه انداختن، روشن‌تر طراحی می‌شوند تا فاصله از منبع نور فرضی را نشان دهند.
  • رنگ‌های تاکیدی اشباع‌نشده (Desaturated Accents): استفاده از رنگ‌های نئونی با شفافیت ملایم برای جلوگیری از زنندگی چشم.
  • بافت‌های ارگانیک (Subtle Noise): افزودن لایه نویز بسیار محو (Opacity 0.03) برای از بین بردن حالت تخت دیجیتالی و ایجاد حس متریال فیزیکی.
← بازگشت به فهرست تمام مقالات