Light Mode: bu nima, interfeysning yorug' mavzusi va uning roli
Light Mode (yorug' mavzu) — mobil ilova interfeysining yorug' fonli (oq yoki och kulrang) va qorong'u matnli rang sxemasi bo'lib, iOS va Android-da standart sifatida o'rnatilgan. Yorug' mavzu qog'oz tashuvchini taqlid qiladi va normal yoritishda maksimal o'qish qulayligini ta'minlaydi. Light Mode tarixan mobil ilovalarda birinchi iPhone (2007) va Android G1 (2008) dan beri hukmronlik qiladi. Dark Mode-dan farqli o'laroq, yorug' mavzu tabiiy rang uzatilishini saqlaydi va kontent idrokini buzmaydi. Batafsil — Apple-ning qorong'u va yorug' mavzular haqidagi hujjatlarida.
Asosiy ma'lumotlar
- Light Mode — oq fonli va qorong'u matnli yorug' rang sxemasi, mobil OS uchun standart
- O'qish qulayligi — normal yoritishda yorug' mavzu 15–20% yuqori o'qish tezligini ta'minlaydi
- OLED energiya sarfi — OLED da yorug' mavzu qorong'udan 2–3 baravar ko'p energiya sarflaydi
- Rang uzatilishi — yorug' mavzu tasvirlarning ranglarini buzmaydi va tabiiy kontrastni saqlaydi
- HIG va Material — Apple HIG va Google Material Design ikkala mavzuni qo'llab-quvvatlashni tavsiya qiladi
Light Mode nima va nima uchun standart?
Light Mode — interfeys foni yorug' (odatda oq #FFFFFF yoki och kulrang #F5F5F5), matn va asosiy elementlar qorong'u bo'lgan rang sxemasi. Yorug' mavzu bosma tipografiyadan meros bo'lgan dizayn konvensiyasidir: oq qog'ozdagi qora matn — inson uchun eng tanish axborot iste'moli formati. Birinchi GUI-lar (Macintosh 1984, Windows 1.0 1985, Xerox Alto 1973) yorug' fondan foydalangan, bu Light Mode-ni vizual standart sifatida mustahkamladi.
Light Mode hukmronligining tarixiy sababi — texnologik cheklovlar. Dastlabki CRT monitorlari va LCD displeylari past kontrast va yorqinlikka ega edi. Qorong'u fon porlashga olib kelar va o'qish qulayligini pasaytirardi. Yorug' fon texnologiyaning kamchiliklarini kompensatsiya qilardi. 2019 yilga kelib, OLED displeylari ommaviy tus olganda (iPhone X, Samsung Galaxy S10), qorong'u mavzuning energiya samaradorligi dalilga aylandi, ammo foydalanuvchilarning yorug' interfeysga odati hukmron bo'lib qoldi. Material Design (2021) ma'lumotlariga ko'ra, Android foydalanuvchilarining 70% Light Mode dan foydalanadi.
Idrok psixologiyasi ham rol o'ynaydi. Yorug' interfeys tozalik, ochiqlik va ishonchlilik bilan bog'lanadi — bu rang psixologiyasi tadqiqotlari (Satyendra Singh, 2006) tomonidan tasdiqlanadi. Oq fon kenglik va minimalizm hissini yaratadi, bu zamonaviy UI-dizayn trendlariga mos keladi. Asosan yorug' interfeysli ilovalar (Instagram, Facebook, YouTube 2019 gacha) foydalanuvchilarda vizual odatni shakllantirgan, bu bugungi kungacha saqlanib qolgan.
Light Mode va Dark Mode: asosiy farqlar
Mavzular o'rtasidagi asosiy farq — yorqinlikning taqsimlanishida. Light Mode yorqinlikni fonda jamlaydi, Dark Mode — matn va elementlarda. Bu idrokka ta'sir qiladi: Light Mode da uzun matnlarni o'qishda ko'z yuqori umumiy yorqinlik tufayli tezroq charchaydi, lekin harflarni tanib olish tezligi yuqori (oq fonda qora shrift maksimal kontrast beradi). Dark Mode da ko'z uzoq muddatli foydalanishda kamroq charchaydi, lekin o'qish tezligi halo-effekti tufayli 10–15% kamayishi mumkin.
Energiya sarfi — asosiy texnik farq. OLED ekranlarida har bir piksel mustaqil ravishda yorug' chiqaradi. Oq piksel maksimal energiya sarflaydi, qora — nol. Google (Android Developers, 2019) ma'lumotlariga ko'ra, Pixel 4 da 100% yorqinlikda yorug' mavzuli eslatma ilovasi 348 mVt sarflaydi, qorong'u — 142 mVt (59% tejash). Brauzer uchun farq 42%, xaritalar uchun — 32% ni tashkil qiladi. LCD ekranlarda energiya sarfi ikkala mavzuda bir xil, chunki matritsaning orqa yoritgichi doimo ishlaydi.
| Parametr | Light Mode | Dark Mode | Izoh |
|---|---|---|---|
| Fon | #FFFFFF / #F5F5F5 | #121212 / #1C1C1E | Material / HIG standarti |
| Matn primary | #000000 (87% shaffoflik) | #FFFFFF (87% shaffoflik) | Kontrast > 15:1 |
| O'qish tezligi | 15–20% yuqori | Halo-effekti tufayli past | Nielsen Norman Group, 2020 |
| OLED energiyasi | Yuqori (348 mVt) | Past (142 mVt) | 59% gacha tejash |
| LCD energiyasi | Bir xil | Bir xil | Orqa yoritgich mustaqil |
| Rang uzatilishi | Tabiiy | Kamaytirilgan to'yinganlik | Idrok buzilishi |
Mavzuni tanlash — texnik emas, balki foydalanuvchi qarori. Ko'p foydalanuvchilar matnli kontent ilovalari (o'quvchilar, muharrirlar, pochta) uchun Light Mode ni va multimedia (pleyerlar, foto, video) uchun Dark Mode ni afzal ko'radi. Eng yaxshi amaliyot — foydalanuvchiga uch variant bilan tanlov berish: yorug', qorong'u, tizim. Android Developers (2023) so'roviga ko'ra, foydalanuvchilarning 42% Light Mode ni, 35% — Dark Mode ni, 23% — tizim sozlamasini afzal ko'radi.
Yorug' mavzu dizayni: palitra, tipografiya, kontrast
Light Mode palitrasi vizual ierarxiya uchun kichik o'zgaruvchanlik bilan oq fonda quriladi. Material Design 3 tavsiya qiladi: fon — #FFFBFE (engil tusli), sirt (surface) — #FFFFFF, kartalar (surface variant) — #E7E0EC. iOS HIG da: tizim foni — UIColor.systemBackground, guruhlangan fon (grouped) — UIColor.systemGroupedBackground. Fon va karta o'rtasidagi farq rang o'zgarishi bilan emas, balki soyalar (elevation/shadow) orqali yaratiladi.
Yorug' mavzuda tipografiya kontrastga e'tibor talab qiladi. Asosiy matn — 87% shaffoflik bilan qora (oq fonda ≈#212121), bu 15.8:1 kontrast beradi — WCAG AA bo'yicha minimal 4.5:1 dan sezilarli darajada yuqori. Yordamchi matn — 60% qora (≈#757575) kontrast 4.6:1. Matn uchun sof qora #000000 ishlatish taqiqlanadi — uzoq muddatli o'qishda haddan tashqari zo'riqish hosil qiladi. Apple HIG UIColor.label (avtomatik moslashuv bilan dinamik qora) ni tavsiya qiladi.
Yorug' mavzuda rang aksenti asosiy rol o'ynaydi. Fon maksimal neytral bo'lgani uchun, aksent ranglari navigatsiya va ierarxiyaning asosiy vositasiga aylanadi. Material Design to'yingan, ammo yorqin bo'lmagan aksentlarni tavsiya qiladi: ko'k (#1976D2), yashil (#388E3C), to'q sariq (#F57C00). Light Mode da aksent ranglari Dark Mode dan quyuqroq bo'lishi kerak — qorong'u fonda bir xil ranglar yorqinroq ko'rinadi va to'yinganlikni kamaytirishni talab qiladi.
| Vazifa | Material Color | iOS Color | Oq fonda kontrast |
|---|---|---|---|
| Primary | #6750A4 | UIColor.systemBlue (#007AFF) | 7.1:1 |
| Error | #B3261E | UIColor.systemRed (#FF3B30) | 5.8:1 |
| Success | #4F772D | UIColor.systemGreen (#34C759) | 4.7:1 |
| Warning | #986600 | UIColor.systemOrange (#FF9500) | 4.5:1 |
| Surface | #FFFBFE | UIColor.systemBackground | — |
Yorug' mavzuning UX va foydalanish imkoniyatiga ta'siri
Foydalanish imkoniyati (accessibility) — mavzuni tanlashda muhim jihat. Light Mode astigmatizmi bo'lgan foydalanuvchilar uchun majburiydir — Amerika Oftalmologiya Akademiyasi ma'lumotlariga ko'ra, aholining 30% gacha qismi astigmatizmning qandaydir shakliga ega. Qorong'u fonda yorug' matn xiralashadi va ikkilanadi (halo-effekti), bu Dark Mode ni o'qish uchun yaroqsiz qiladi. WCAG 2.1 minimal kontrast 4.5:1 ni talab qiladi, bu yorug' mavzuda oson erishiladi, ammo qorong'uda tekshirishni talab qiladi.
Light Mode va yoritish sharoiti — yorqin quyosh nurida (10000+ lyuks) yorug' mavzu yagona o'qiladigan variant bo'lib qoladi. Quyoshda qorong'u fon porlash va ko'zgu aks etishini beradi, interfeysni amalda o'qib bo'lmaydigan qiladi. UX tadqiqotlariga (Android Developers, 2022) ko'ra, ilovadan tashqarida foydalanganda foydalanuvchilarning 90% Light Mode ga o'tadi yoki yorqinlikni maksimalga oshiradi. Yoritishga qarab mavzuning avtomatik sozlanishi (sensor orqali) hali tizimli qo'llab-quvvatlanmaydi — dasturchi uni yorug'lik sensori orqali amalga oshirishi mumkin.
Professional stsenariylar — Light Mode ranglarni aniq uzatish muhim bo'lgan dizayn, foto va video tahrirlash ilovalarida afzalroqdir. Qorong'u mavzu ko'zning xromatik adaptatsiyasi tufayli ranglarni idrok etishni buzadi. IT Sectr da biz mijozlarimizga ilova sozlamalarida tanlovni eslab qoladigan va „tizimdagi kabi“ opsiyasi bilan mavzu kalitini qo'shishni tavsiya qilamiz. Bu tashqarida ishlashdan to to'liq qorong'uda foydalanishgacha foydalanuvchi stsenariylarining 100% ni qamrab oladi.
Yorug' va qorong'u mavzu o'rtasida almashishni amalga oshirish
iOS amalga oshirish mavzu almashinuvi UIUserInterfaceStyle ga asoslanadi. overrideUserInterfaceStyle = .light sozlamasi ma'lum oyna yoki boshqaruvchi uchun yorug' mavzuni majburiy yoqadi. .light va .dark appearance uchun Asset Catalog da turli qiymatlarga ega UIColor(named:) avtomatik ravishda kerakli rangni tanlaydi. SwiftUI da @Environment(\.colorScheme) var colorScheme ishlatiladi — mavzu o'zgarganda View avtomatik qayta chiziladi.
Android amalga oshirish AppCompatDelegate.setDefaultNightMode() orqali. Rejimlar: MODE_NIGHT_NO (yorug'), MODE_NIGHT_YES (qorong'u), MODE_NIGHT_FOLLOW_SYSTEM (tizim). Resurslar values/styles.xml (yorug') va values-night/styles.xml (qorong'u) ga bo'linadi. Material Design 3 komponentlari (Button, Card, TopAppBar) Theme.Material3.DayNight mavzusi ishlatilsa, avtomatik ravishda mavzuga moslashadi. Joriy mavzuni tekshirish uchun: (resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK).
IT Sectr tavsiyalari — biz uch holatli mavzu almashinuvini amalga oshiramiz. Foydalanuvchi sozlamalarda tanlaydi: „Yorug'“, „Qorong'u“, „Tizim“. Tanlov SharedPreferences (Android) yoki UserDefaults (iOS) da saqlanadi va keyingi ishga tushirishda qo'llaniladi. Mavzular o'rtasida silliq o'tish uchun crossfade animatsiyasidan (0.3–0.5 soniya) foydalanamiz. Tizim mavzusi fonda o'zgarganda, ilova ekranni qayta yuklamasdan yangi mavzuni qabul qiladi — bu Android da DayNight va iOS da traitCollectionDidChange uchun standart xatti-harakatdir.
Tez-tez beriladigan savollar
Nima uchun Light Mode standart sifatida ishlatiladi?
Light Mode — 1980-yillardan beri foydalanuvchi interfeyslarining tarixiy standartidir. Oq fon qog'ozni taqlid qiladi, normal yoritishda maksimal kontrast va o'qish qulayligini ta'minlaydi. Barcha birinchi GUI-lar (Mac OS, Windows) yorug' mavzudan foydalangan, bu foydalanuvchilarda odatni shakllantirgan. Apple va Google Light Mode ni standart mavzu sifatida saqlaydi.
Light Mode batareyani tezroq zaryadsizlantiradimi?
Ha, OLED ekranlarida oq piksellar maksimal energiya sarflaydi. Google (2019) ma'lumotlariga ko'ra, yorug' mavzu 348 mVt sarflaydi, qorong'uda 142 mVt (±59%). LCD ekranlarida farq minimal — 5% gacha, chunki matritsaning orqa yoritgichi doimo ishlaydi. OLED qurilmalari bo'lgan foydalanuvchilar uchun Dark Mode sezilarli tejash beradi.
Light Mode o'qish uchun yaxshiroqmi?
Nielsen Norman Group (2020) tadqiqotlari ko'rsatadi: normal yoritishda Light Mode 15–20% yuqori o'qish tezligini ta'minlaydi. Oq fonda qora matnning kontrasti inson ko'zi uchun maksimaldir. Biroq, yorug' mavzuda uzoq muddatli o'qish (1+ soat) yuqori umumiy yorqinlik tufayli ko'zning ko'proq charchashiga olib kelishi mumkin.
iOS kodida Light Mode ga qanday o'tish mumkin?
iOS da global o'tish uchun window.overrideUserInterfaceStyle = .light ni AppDelegate da sozlang. Alohida ViewController uchun: self.overrideUserInterfaceStyle = .light. SwiftUI da ma'lum View uchun .preferredColorScheme(.light) modifieridan foydalaning. Bu usullar tanlangan daraja uchun tizim sozlamasini bekor qiladi.
Ilovada ikkala mavzuni qo'llab-quvvatlash kerakmi?
Ha, Apple va Google tavsiya qiladi 2019 yildan boshlab yorug' va qorong'u mavzuni qo'llab-quvvatlashni. Dark Mode bo'lmasa, ilova tizim qorong'u mavzusida noto'g'ri ko'rinishi mumkin. IT Sectr da biz barcha loyihalar uchun ikkala mavzuni amalga oshiramiz — bu foydalanuvchilar kutadigan sanoat standartidir. Faqat Light Mode ni qo'llab-quvvatlash ilova do'konlarida reytingni pasaytiradi.
Xulosalar
- Light Mode — oq fonli yorug' rang sxemasi, 2007–2008 yillardan iOS va Android uchun standart
- O'qish qulayligi — normal yoritishda 15–20% yuqori (Nielsen Norman Group, 2020)
- OLED — Dark Mode dan 2–3 baravar ko'p energiya sarflaydi
- Dizayn — oq fon #FFFFFF, matn 87% qora, to'yingan aksentlar
- Foydalanish imkoniyati — astigmatizmli foydalanuvchilar va yorqin yoritishda majburiy
- Amalga oshirish — overrideUserInterfaceStyle (iOS) / AppCompatDelegate (Android) uch variant bilan
- Standart — zamonaviy mobil ilovalar uchun ikkala mavzuni qo'llab-quvvatlash majburiy
Biz kalit topshirig'i bilan mobil ilovani ishlab chiqamiz
IT Sectr 2017-yildan beri startaplar va korxonalar uchun iOS va Android ilovalarini yaratadi. Biz sizga maslahat beramiz va eng yaxshi yechimni taklif qilamiz.
Shuningdek o'qing