Light Mode: bu nədir, interfeysin açıq rəng sxemi və onun rolu
Light Mode (açıq rəng sxemi) — mobil tətbiq interfeysinin açıq fonlu (ağ və ya açıq-boz) və tünd mətnli rəng sxemi olub, iOS və Android-də standart olaraq defolt olaraq istifadə olunur. Açıq rəng sxemi kağız daşıyıcını təqlid edir və normal işıqlandırmada maksimum oxunaqlılığı təmin edir. Light Mode tarixən mobil tətbiqlərdə ilk iPhone (2007) və Android G1 (2008)-dən bəri üstünlük təşkil edir. Dark Mode-dan fərqli olaraq, açıq rəng sxemi təbii rəng ötürməsini qoruyur və məzmun qavrayışını təhrif etmir. Ətraflı — Apple-ın qaranlıq və açıq rəng sxemləri haqqında sənədləşməsində.
Əsas məqamlar
- Light Mode — ağ fonlu və tünd mətnli açıq rəng sxemi, mobil OS üçün standart
- Oxunaqlılıq — normal işıqlandırmada açıq rəng sxemi 15–20% daha yüksək oxu sürəti təmin edir
- OLED enerji sərfiyyatı — OLED-də açıq rəng sxemi qaranlıqdan 2–3 dəfə çox enerji sərf edir
- Rəng ötürməsi — açıq rəng sxemi şəkillərin rənglərini təhrif etmir və təbii kontrastı qoruyur
- HIG və Material — Apple HIG və Google Material Design hər iki rəng sxeminin dəstəklənməsini tövsiyə edir
Light Mode nədir və niyə standartdır?
Light Mode — interfeys fonunun açıq (adətən ağ #FFFFFF və ya açıq-boz #F5F5F5), mətn və əsas elementlərin isə tünd olduğu rəng sxemidir. Açıq rəng sxemi çap tipoqrafiyasından miras qalmış dizayn konvensiyasıdır: ağ kağızda qara mətn — insan üçün ən tanış məlumat istehlakı formatıdır. İlk GUI-lər (Macintosh 1984, Windows 1.0 1985, Xerox Alto 1973) açıq fondan istifadə edirdi ki, bu da Light Mode-u vizual standart olaraq möhkəmləndirdi.
Light Mode-un üstünlük təşkil etməsinin tarixi səbəbi — texnoloji məhdudiyyətlər. İlk CRT monitorları və LCD displeyləri aşağı kontrast və parlaqlığa malik idi. Qaranlıq fon parıltıya səbəb olur və oxunaqlılığı azaldırdı. Açıq fon texnologiyanın çatışmazlıqlarını kompensasiya edirdi. 2019-cu ilə qədər, OLED displeyləri kütləvi hal aldıqda (iPhone X, Samsung Galaxy S10), qaranlıq rəng sxeminin enerji səmərəliliyi arqumentə çevrildi, lakin istifadəçilərin açıq interfeysə alışqanlığı üstünlük təşkil etməyə davam etdi. Material Design (2021) məlumatlarına görə, Android istifadəçilərinin 70%-i Light Mode-dan istifadə edir.
Qavrama psixologiyası da rol oynayır. Açıq interfeys təmizlik, açıqlıq və etibarlılıq ilə assosiasiya olunur — bu, rəng psixologiyası tədqiqatları (Satyendra Singh, 2006) tərəfindən təsdiqlənir. Ağ fon genişlik və minimalizm hissi yaradır ki, bu da müasir UI-dizayn trendlərinə uyğundur. Əsasən açıq interfeysli tətbiqlər (Instagram, Facebook, YouTube 2019-a qədər) istifadəçilərdə vizual vərdiş formalaşdırdı ki, bu da bu günə qədər qalmaqdadır.
Light Mode və Dark Mode: əsas fərqlər
Rəng sxemləri arasında əsas fərq — parlaqlığın paylanmasındadır. Light Mode parlaqlığı fonda cəmləşdirir, Dark Mode isə mətn və elementlərdə. Bu qavramaya təsir edir: Light Mode-da uzun mətnlər oxuyarkən göz yüksək ümumi parlaqlıq səbəbindən daha tez yorulur, lakin hərflərin tanınma sürəti daha yüksəkdir (ağ üzərində qara şrift maksimum kontrast verir). Dark Mode-da göz uzunmüddətli istifadədə daha az yorulur, lakin oxu sürəti halo-effekti səbəbindən 10–15% azala bilər.
Enerji sərfiyyatı — əsas texniki fərq. OLED ekranlarında hər piksel müstəqil işıq saçır. Ağ piksel maksimum enerji sərf edir, qara — sıfır. Google (Android Developers, 2019) məlumatlarına görə, Pixel 4-də 100% parlaqlıqda açıq rəng sxemli qeyd tətbiqi 348 mVt sərf edir, qaranlıq — 142 mVt (59% qənaət). Brauzer üçün fərq 42%, xəritələr üçün — 32% təşkil edir. LCD ekranlarda enerji sərfiyyatı hər iki rəng sxemində eynidir, çünki matrisin arxa işıqlandırması həmişə işləyir.
| Parametr | Light Mode | Dark Mode | Şərh |
|---|---|---|---|
| Fon | #FFFFFF / #F5F5F5 | #121212 / #1C1C1E | Material / HIG standartı |
| Mətn primary | #000000 (87% qeyri-şəffaflıq) | #FFFFFF (87% qeyri-şəffaflıq) | Kontrast > 15:1 |
| Oxu sürəti | 15–20% daha yüksək | Halo-effekti səbəbindən aşağı | Nielsen Norman Group, 2020 |
| OLED enerjisi | Yüksək (348 mVt) | Aşağı (142 mVt) | 59% qənaətədək |
| LCD enerjisi | Eyni | Eyni | Arxa işıqlandırma asılı deyil |
| Rəng ötürməsi | Təbii | Azaldılmış doyma | Qavrayışın təhrifi |
Rəng sxeminin seçimi — texniki deyil, istifadəçi qərarıdır. Bir çox istifadəçi mətn məzmunlu tətbiqlər (oxuyucular, redaktorlar, poçt) üçün Light Mode-u, multimedia (pleyerlər, foto, video) üçün isə Dark Mode-u üstün tutur. Ən yaxşı təcrübə — istifadəçiyə üç seçimlə seçim verməkdir: açıq, qaranlıq, sistem. Android Developers (2023) sorğusuna görə, istifadəçilərin 42%-i Light Mode-u, 35%-i Dark Mode-u, 23%-i sistem parametrini üstün tutur.
Açıq rəng sxeminin dizaynı: palitra, tipoqrafika, kontrast
Light Mode palitrası vizual iyerarxiya üçün kiçik dəyişkənliklə ağ fon üzərində qurulur. Material Design 3 tövsiyə edir: fon — #FFFBFE (yüngül çalarlı), səth (surface) — #FFFFFF, kartlar (surface variant) — #E7E0EC. iOS HIG-də: sistem fonu — UIColor.systemBackground, qruplaşdırılmış fon (grouped) — UIColor.systemGroupedBackground. Fon və kart arasındakı fərq rəng dəyişikliyi ilə deyil, kölgələr (elevation/shadow) vasitəsilə yaradılır.
Açıq rəng sxemində tipoqrafika kontrasta diqqət tələb edir. Əsas mətn — 87% qeyri-şəffaflıqda qara (ağ üzərində ≈#212121), bu da 15.8:1 kontrast verir — WCAG AA-ya görə minimal 4.5:1-dən əhəmiyyətli dərəcədə yüksəkdir. Köməkçi mətn — 60% qara (≈#757575) kontrast 4.6:1. Mətn üçün təmiz qara #000000 istifadəsi qadağandır — uzunmüddətli oxumada həddindən artıq gərginlik yaradır. Apple HIG UIColor.label (avtomatik adaptasiya ilə dinamik qara) tövsiyə edir.
Açıq rəng sxemində rəng vurğusu əsas rol oynayır. Fon maksimum neytral olduğundan, vurğu rəngləri naviqasiya və iyerarxiyanın əsas alətinə çevrilir. Material Design doymuş, lakin parlaq olmayan vurğular tövsiyə edir: mavi (#1976D2), yaşıl (#388E3C), narıncı (#F57C00). Light Mode-da vurğu rəngləri Dark Mode-dan daha tünd olmalıdır — qaranlıq fonda eyni rənglər daha parlaq görünür və doymanın azaldılmasını tələb edir.
| Təyinat | Material Color | iOS Color | Ağ üzərində 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 | — |
Açıq rəng sxeminin UX və əlçatanlığa təsiri
Əlçatanlıq (accessibility) — rəng sxemi seçərkən kritik aspektdir. Light Mode astiqmatizmi olan istifadəçilər üçün məcburidir — Amerika Oftalmologiya Akademiyasının məlumatlarına görə, əhalinin 30%-ə qədəri müəyyən astiqmatizm formasına malikdir. Qaranlıq fonda açıq mətn bulanıqlaşır və ikiləşir (halo-effekti), bu da Dark Mode-u oxumaq üçün yararsız edir. WCAG 2.1 açıq şəkildə minimal kontrast 4.5:1 tələb edir ki, bu da açıq rəng sxemində asanlıqla əldə olunur, lakin qaranlıqda yoxlanılmasını tələb edir.
Light Mode və işıqlandırma şəraiti — parlaq günəş işığında (10000+ lüks) açıq rəng sxemi yeganə oxuna bilən variant olaraq qalır. Günəşdə qaranlıq fon parıltı və güzgü əksi verir, interfeysi praktiki olaraq oxunmaz edir. UX tədqiqatlarına (Android Developers, 2022) görə, tətbiqdən çöldə istifadə edərkən istifadəçilərin 90%-i Light Mode-a keçir və ya parlaqlığı maksimuma qaldırır. İşıqlandırmadan asılı olaraq rəng sxeminin avtomatik tənzimlənməsi (sensor vasitəsilə) hələ sistemli şəkildə dəstəklənmir — tərtibatçı onu işıq sensoru vasitəsilə tətbiq edə bilər.
Peşəkar ssenarilər — Light Mode dəqiq rəng ötürməsinin vacib olduğu dizayn, foto və video redaktəsi tətbiqlərində daha üstündür. Qaranlıq rəng sxemi gözün xromatik adaptasiyası səbəbindən rəng qavrayışını təhrif edir. IT Sectr-də biz müştərilərimizə tətbiq parametrlərində seçimi yadda saxlayan və „sistemdəki kimi“ opsiyası olan rəng sxemi açarı əlavə etməyi tövsiyə edirik. Bu, çöldə işləməkdən tam qaranlıqda istifadəyə qədər istifadəçi ssenarilərinin 100%-ni əhatə edir.
Açıq və qaranlıq rəng sxemi arasında keçidin tətbiqi
iOS tətbiqi rəng sxemi keçidi UIUserInterfaceStyle üzərində qurulur. overrideUserInterfaceStyle = .light təyini müəyyən pəncərə və ya idarəedici üçün açıq rəng sxemini məcburi olaraq aktivləşdirir. .light və .dark appearance üçün Asset Catalog-da müxtəlif dəyərlərə malik UIColor(named:) avtomatik olaraq lazımi rəngi seçir. SwiftUI-də @Environment(\.colorScheme) var colorScheme istifadə olunur — rəng sxemi dəyişdikdə View avtomatik yenidən çəkilir.
Android tətbiqi AppCompatDelegate.setDefaultNightMode() vasitəsilə. Rejimlər: MODE_NIGHT_NO (açıq), MODE_NIGHT_YES (qaranlıq), MODE_NIGHT_FOLLOW_SYSTEM (sistem). Resurslar values/styles.xml (açıq) və values-night/styles.xml (qaranlıq) bölünür. Material Design 3 komponentləri (Button, Card, TopAppBar) Theme.Material3.DayNight mövzusu istifadə olunarsa, avtomatik olaraq rəng sxeminə uyğunlaşır. Cari rəng sxemini yoxlamaq üçün: (resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK).
IT Sectr tövsiyələri — biz üç vəziyyətli rəng sxemi keçidini tətbiq edirik. İstifadəçi parametrlərdə seçir: „Açıq“, „Qaranlıq“, „Sistem“. Seçim SharedPreferences (Android) və ya UserDefaults (iOS) saxlanılır və növbəti başlanğıcda tətbiq olunur. Rəng sxemləri arasında hamar keçid üçün crossfade animasiyası (0.3–0.5 saniyə) istifadə edirik. Sistem rəng sxemi fonda dəyişdikdə tətbiq ekranı yenidən yükləmədən yeni rəng sxemini qəbul edir — bu, Android-də DayNight və iOS-da traitCollectionDidChange üçün standart davranışdır.
Tez-tez verilən suallar
Niyə Light Mode defolt olaraq istifadə olunur?
Light Mode — 1980-ci illərdən bəri istifadəçi interfeyslərinin tarixi standartıdır. Ağ fon kağızı təqlid edərək normal işıqlandırmada maksimum kontrast və oxunaqlılığı təmin edir. Bütün ilk GUI-lər (Mac OS, Windows) açıq rəng sxemindən istifadə edirdi ki, bu da istifadəçilərdə vərdiş formalaşdırdı. Apple və Google Light Mode-u defolt rəng sxemi olaraq saxlayır.
Light Mode batareyanı daha tez boşaldır?
Bəli, OLED ekranlarında ağ piksellər maksimum enerji sərf edir. Google (2019) məlumatlarına görə, açıq rəng sxemi 348 mVt sərf edir, qaranlıqda 142 mVt (±59%). LCD ekranlarında fərq minimaldır — 5%-ə qədər, çünki matrisin arxa işıqlandırması daim işləyir. OLED cihazları olan istifadəçilər üçün Dark Mode əhəmiyyətli qənaət verir.
Light Mode oxumaq üçün daha yaxşıdır?
Nielsen Norman Group (2020) tədqiqatları göstərir: normal işıqlandırmada Light Mode 15–20% daha yüksək oxu sürəti təmin edir. Ağ fonda qara mətnin kontrastı insan gözü üçün maksimumdur. Bununla belə, açıq rəng sxemində uzunmüddətli oxuma (1+ saat) yüksək ümumi parlaqlıq səbəbindən daha çox göz yorğunluğuna səbəb ola bilər.
iOS kodunda Light Mode-a necə keçmək olar?
iOS-da qlobal keçid üçün window.overrideUserInterfaceStyle = .light AppDelegate-də təyin edin. Ayrıca ViewController üçün: self.overrideUserInterfaceStyle = .light. SwiftUI-də müəyyən View üçün .preferredColorScheme(.light) modifierindən istifadə edin. Bu metodlar seçilmiş səviyyə üçün sistem parametrini ləğv edir.
Tətbiqdə hər iki rəng sxemini dəstəkləmək lazımdır?
Bəli, Apple və Google tövsiyə edir 2019-cu ildən etibarən açıq və qaranlıq rəng sxeminin dəstəklənməsini. Dark Mode olmadan tətbiq sistem qaranlıq rəng sxemində düzgün görünməyə bilər. IT Sectr-də biz bütün layihələr üçün hər iki rəng sxemini tətbiq edirik — bu, istifadəçilər tərəfindən gözlənilən sənaye standartıdır. Yalnız Light Mode-un dəstəklənməsi tətbiq mağazalarında reytinqi aşağı salır.
Nəticələr
- Light Mode — ağ fonlu açıq rəng sxemi, 2007–2008-ci illərdən iOS və Android üçün standart
- Oxunaqlılıq — normal işıqlandırmada 15–20% daha yüksək (Nielsen Norman Group, 2020)
- OLED — Dark Mode-dan 2–3 dəfə çox enerji sərf edir
- Dizayn — ağ fon #FFFFFF, mətn 87% qara, doymuş vurğular
- Əlçatanlıq — astiqmatizmi olan istifadəçilər və parlaq işıqlandırmada məcburi
- Tətbiq — overrideUserInterfaceStyle (iOS) / AppCompatDelegate (Android) üç seçimlə
- Standart — müasir mobil tətbiqlər üçün hər iki rəng sxeminin dəstəklənməsi məcburidir
Açar təslim mobil tətbiq hazırlayacağıq
IT Sectr 2017-ci ildən startaplar və bizneslər üçün iOS və Android tətbiqləri yaradır. Sizə məsləhət verəcəyik və ən yaxşı həlli təklif edəcəyik.
Həm də oxuyun