Və ya proqram və ya vebsayt üçün qaranlıq rejim hazırlayarkən nələrə diqqət etməli
2018 qaranlıq rejimlərin yolda olduğunu göstərdi. Artıq 2019-cu ilin yarısındayıq, əminliklə deyə bilərik: onlar buradadırlar və hər yerdədirlər.
Gəlin ondan başlayaq ki, qaranlıq rejim ümumiyyətlə yeni bir konsepsiya deyil. Kifayət qədər uzun müddətdir istifadə olunur. Və bir zamanlar, əslində, uzun müddət istifadə etdikləri yeganə şey bu idi: monitorlar "yaşıl-qara" çeşidində idi, lakin yalnız ona görə ki, içərisindəki luminescent örtük radiasiyaya məruz qaldıqda yaşılımtıl parıltı yayırdı. .
Ancaq rəngli monitorların tətbiqindən sonra da qaranlıq rejim mövcud olmağa davam etdi. Bu niyə belədir?
Bu gün hər ikinci insanın niyə tətbiqinə qaranlıq bir mövzu əlavə etməyə tələsdiyini izah edən iki əsas motiv var. Hər şeydən əvvəl: kompüterlər hər yerdədir. Baxdığımız hər yerdə bir növ ekran var. Səhərdən axşama qədər mobil cihazlardan istifadə edirik. Qaranlıq rejimin olması sosial lentinizdə "sonuncu dəfə" vərəqləyərək yatmazdan əvvəl yataqda olduğunuz zaman göz yorğunluğunu azaldır. şəbəkələr. (Əgər siz də mənim kimisinizsə, "sonuncu dəfə" 3 saatlıq sürüşmə mənasını verə bilər . Qaranlıq rejim? Bəli, zəhmət olmasa! )
Digər səbəb isə yeni displey istehsalı texnologiyalarıdır. Böyük şirkətlərin flaqman modelləri - Apple, Google, Samsung, Huawei - hamısı LCD displeylərdən fərqli olaraq arxa işıqlandırma tələb etməyən OLED ekranlarla təchiz olunub. Və bu, batareyanız üçün həqiqətən yaxşı xəbərdir. Təsəvvür edin ki, telefonunuzda qara kvadrat şəklinə baxırsınız; LCD ilə, əksər hissəsi qara olsa da, arxa işıq bütün ekranı işıqlandıracaq. Lakin OLED displeydə eyni təsvirə baxarkən qara kvadratı təşkil edən piksellər sadəcə olaraq söndürülür. Bu o deməkdir ki, onlar ümumiyyətlə enerji sərf etmirlər.
Bu tip displeylər qaranlıq rejimləri daha maraqlı edir. Qaranlıq interfeysdən istifadə etməklə siz cihazınızın batareyanın ömrünü əhəmiyyətli dərəcədə uzada bilərsiniz. . Qaranlıq rejimlər, əlbəttə ki, UI dəyişiklikləri ilə birlikdə gedir, buna görə də gəlin biliklərimizi təzələyək!
Qaranlıq rejimlər 101
Əvvəla: “qaranlıq” “qara” ilə eyni deyil. Ağ fonu qara ilə əvəz etməyə çalışmayın, çünki bu, kölgələrdən istifadəni qeyri-mümkün edəcək. Belə bir dizayn super düz olacaq (pis şəkildə).
Kölgə / işıqlandırmanın əsas prinsiplərini yadda saxlamaq vacibdir. Daha yüksək olan obyektlər kölgədə daha yüngül olmalıdır, real həyatda işıqlandırma və kölgə salmağı təqlid etməlidir. Bu, müxtəlif komponentləri və onların iyerarxiyasını ayırd etməyi asanlaşdırır.
Kölgəsi olan iki eyni boz kvadrat, biri 100% qara fonda, digəri #121212-də. Obyekt yüksəldikcə daha açıq boz çalarlarına çevrilir.
Qaranlıq bir mövzuda, kontrast yaxşı olduğu müddətcə adi əsas rənginizlə hələ də işləyə bilərsiniz. Bir misalla izah edək.
Bu interfeysdə əsas hərəkət alt paneldəki böyük mavi düymədir. İşıq və ya qaranlıq rejim arasında keçid zamanı kontrast baxımından heç bir problem yoxdur, düymə hələ də göz oxşayır, ikona aydındır və ümumilikdə hər şey qaydasındadır.
Eyni rəng müxtəlif üsullarla istifadə edildikdə, məsələn, mətndə problemlər yaranacaq. Əsas rəngin (çox) daha az doymuş kölgəsindən istifadə etməyə çalışın və ya brend rəngləri interfeysə daxil etməyin başqa yollarını axtarın.
Sol: Qara üzərində qırmızı pis görünür. Sağ: doyma azaldın və hər şey yaxşı görünür. - təqribən. tərcümə
Eyni şey, xəbərdarlıq və ya xəta rəngləri kimi istifadə edə biləcəyiniz hər hansı digər güclü rənglərə də aiddir. Google, standart xəta rənginin üstündə 40% ağ təbəqədən istifadə edir qaranlıq rejimə keçərkən. Bu, AA standartlarına uyğun kontrast səviyyələrini yaxşılaşdıracağı üçün olduqca yaxşı başlanğıc nöqtəsidir. Siz, əlbəttə ki, həmişə parametrləri istədiyiniz kimi dəyişə bilərsiniz, lakin kontrast səviyyələrini yoxlamağı unutmayın. Yeri gəlmişkən, bu məqsəd üçün faydalı bir vasitə Sketch plaginidir - , bu, 2 qat arasında nə qədər kontrast olduğunu dəqiq göstərir.
Bəs mətn?
Burada hər şey sadədir: heç bir şey 100% qara və 100% ağ olmamalıdır və əksinə. Ağ bütün dalğa uzunluqlarının işıq dalğalarını əks etdirir, qara udur. 100% ağ mətni 100% qara fonda yerləşdirsəniz, hərflər işığı əks etdirəcək, ləkələnəcək və oxunaqlılığa mənfi təsir edəcək.
Eyni şey sözlərə tam diqqət yetirmək üçün çox işığı əks etdirən 100% ağ fona aiddir. Ağ rəngi bir az yumşaltmağa çalışın, fon üçün açıq bozdan və qara fonda mətndən istifadə edin. Bu, göz yorğunluğunu azaldacaq, qarşısını alacaq
Qaranlıq rejim buradadır və sönməyəcək
Ekranlar qarşısında keçirdiyimiz vaxtın miqdarı durmadan artır və oyandığımız andan yuxuya gedənədək həyatımızda hər yeni gün yeni ekranlar peyda olur. Bu kifayət qədər yeni bir fenomendir; axşam saatlarında ekran vaxtının bu qədər artmasına gözlərimiz hələ öyrəşməyib. Qaranlıq rejimin işə girdiyi yer budur. Bu funksiyanın macOS və Material Design-da (və çox güman ki, iOS-da) tətbiqi ilə biz inanırıq ki, gec-tez o, həm mobil, həm də masaüstü kompüter proqramlarında defolt olacaq. Və buna hazır olmaq daha yaxşıdır!
Qaranlıq rejimi tətbiq etməməyin yeganə səbəbi, tətbiqinizin yalnız parlaq gün işığında istifadə olunduğuna 100% əmin olduğunuz zamandır. Lakin bu, tez-tez baş vermir.
Daha əvvəl ümumiləşdirilmiş əsas prinsiplərdən kənarda qaranlıq rejimi həyata keçirərkən xüsusi diqqət tələb edəcək bir neçə şeyi qeyd etmək lazımdır.
Əlçatanlıq baxımından qaranlıq rejim ən əlverişli deyil, çünki kontrast ümumiyyətlə daha aşağıdır, bu da öz növbəsində oxunuşu heç də yaxşılaşdırmır.
Ancaq təsəvvür edin ki, yatmağa hazırlaşırsınız, həqiqətən yatmaq istəyirsiniz, ancaq yuxuya getməzdən dərhal əvvəl kiməsə bir gecə belə gözləyə bilməyən çox vacib bir mesaj göndərməli olduğunuzu xatırlayırsınız. Siz telefonunuzu götürün, yandırın və AAAAAAH... iMessage-in açıq fonu sizi daha 3 saat oyaq saxlayacaq. Tünd fonda açıq mətn ən əlçatan sayılmasa da, bu saniyə qaranlıq rejimə sahib olmaq mümkün olacaq. rahatlığı bir milyon artırın. Hamısı istifadəçinin hazırda olduğu vəziyyətdən asılıdır.
Ona görə də düşünürük avtomatik qaranlıq rejim belə gözəl fikir. Axşam açılır və səhər sönür. İstifadəçinin bu barədə düşünməsinə belə ehtiyac yoxdur, bu çox rahatdır. Twitter qaranlıq rejim parametrləri ilə əla iş gördü. Bundan əlavə, bütün bu OLED ekranlar üçün həm sadəcə qaranlıq rejimə, həm də daha qaranlıq rejimə malikdirlər, batareyaya və onunla əlaqəli hər şeyə qənaət edirlər. Burada qeyd etmək vacibdir: istifadəçiyə istədiyi zaman əl ilə keçmək imkanı verin: geriyə keçid imkanı olmadan interfeysi avtomatik olaraq dəyişdirməkdən daha pis bir şey yoxdur.
Twitter-də axşam açılan və səhər sönən avtomatik qaranlıq rejim var.
Həmçinin, bir mövzu hazırlayarkən, bəzi şeyləri sadəcə qaranlıq etmək mümkün olmadığını nəzərə almağa dəyər.
Səhifələr kimi mətn redaktorunu götürün. Siz interfeysi qaranlıq edə bilərsiniz, ancaq vərəqin özü həmişə ağ olacaq, əsl kağız vərəqini təqlid edəcəkdir.
Qaranlıq rejimi aktivləşdirilmiş səhifələr
Eyni şey Sketch və ya Illustrator kimi məzmun yaratma redaktorlarının bütün növlərinə aiddir. İnterfeys qaranlıqlaşdırıla bilsə də, işlədiyiniz iş lövhəsi defolt olaraq həmişə ağ olacaq.
Qaranlıq rejimdə eskiz çəkin və hələ də parlaq ağ iş lövhəsinə sahib olun.
Beləliklə, tətbiqdən asılı olmayaraq, biz inanırıq ki, qaranlıq rejimlər istifadə etdiyiniz əməliyyat sistemində doğma olacaq, yəni gələcəyə hazırlaşmağınız ən yaxşısıdır. qaranlıq olacaq.
Qaranlıq UI-lərin hazırlanması haqqında daha çox öyrənmək istəyirsinizsə, təlimatları nəzərdən keçirin , bu məqalə üçün əsas məlumat mənbəyimiz oldu.
Mənbə: www.habr.com