Yoki dastur yoki veb-sayt uchun qorong'u rejimni ishlab chiqishda nimani yodda tutish kerak
2018 yil qorong'u rejimlar yo'lda ekanligini ko'rsatdi. Endi biz 2019-yilning yarmiga etib keldik, biz ishonch bilan aytishimiz mumkin: ular shu yerda va ular hamma joyda.
Keling, qorong'u rejim umuman yangi tushuncha emasligidan boshlaylik. U juda uzoq vaqt davomida ishlatilgan. Va bir vaqtlar, aslida, uzoq vaqt davomida ular faqat shu narsadan foydalanganlar: monitorlar "qora-yashil" xilma-xil edi, lekin faqat ichidagi lyuminestsent qoplama radiatsiya ta'sirida yashil rangda porlashi sababli. .
Ammo rangli monitorlar paydo bo'lgandan keyin ham qorong'u rejim mavjud bo'lib qoldi. Nega bunday?
Bugungi kunda har ikkinchi odam o'z arizasiga qorong'u mavzuni qo'shishga shoshilayotganini tushuntiradigan ikkita asosiy sabab bor. Birinchidan: kompyuterlar hamma joyda. Biz qayerga qarasak, qandaydir ekran bor. Ertalabdan kechgacha mobil qurilmalarimizdan foydalanamiz. Qorong'i rejimning mavjudligi ijtimoiy tasmada "oxirgi marta" yotishdan oldin yotoqda yotganingizda ko'zning zo'riqishini kamaytiradi. tarmoqlar. (Agar siz men kabi bo'lsangiz, "oxirgi marta" 3 soatlik aylantirishni anglatishi mumkin . Qorong'i rejimmi? Ha iltimos! )
Yana bir sabab - yangi displey ishlab chiqarish texnologiyalari. Yirik kompaniyalarning flagman modellari - Apple, Google, Samsung, Huawei - barchasi OLED ekranlar bilan jihozlangan, ular LCD displeylardan farqli o'laroq, orqa yoritishni talab qilmaydi. Va bu batareyangiz uchun juda yaxshi yangilik. Telefoningizda qora kvadrat tasvirini ko'rayotganingizni tasavvur qiling; LCD bilan, orqa yorug'lik butun ekranni yoritadi, garchi uning ko'p qismi qora bo'lsa ham. Ammo OLED displeyda bir xil tasvirni ko'rishda qora kvadratni tashkil etuvchi piksellar oddiygina o'chiriladi. Bu ular umuman energiya iste'mol qilmasligini anglatadi.
Ushbu turdagi displeylar qorong'u rejimlarni yanada qiziqarli qiladi. Qorong'i interfeysdan foydalanib, siz qurilmangiz batareyasining ishlash muddatini sezilarli darajada uzaytira olasiz. . Albatta, qorong'u rejimlar UI o'zgarishlari bilan birga keladi, shuning uchun bilimlarimizni kengaytiraylik!
Qorong'u rejimlar 101
Avvalo: "qorong'i" "qora" bilan bir xil emas. Oq fonni qora rangga almashtirishga urinmang, chunki bu soyalardan foydalanishni imkonsiz qiladi. Bunday dizayn juda tekis bo'ladi (yomon tarzda).
Soya / yoritishning asosiy tamoyillarini yodda tutish kerak. Ko'proq ko'tarilgan ob'ektlar soyada engilroq bo'lishi kerak, haqiqiy yorug'lik va soyani taqlid qiladi. Bu turli komponentlar va ularning ierarxiyasini farqlashni osonlashtiradi.
Soyali ikkita bir xil kulrang kvadrat, biri 100% qora fonda, ikkinchisi #121212 da. Ob'ekt ko'tarilganda, u engilroq kul rangga aylanadi.
Qorong'i mavzuda kontrast yaxshi bo'lsa, odatdagi asosiy rangingiz bilan ishlashingiz mumkin. Keling, misol bilan tushuntiramiz.
Ushbu interfeysda asosiy harakat pastki satrdagi katta ko'k tugmadir. Yorug'lik yoki qorong'i rejimga o'tishda kontrast nuqtai nazaridan hech qanday muammo yo'q, tugma hali ham ko'zni qamashtiradi, belgi aniq va umuman hamma narsa yaxshi.
Xuddi shu rang turli yo'llar bilan ishlatilsa, masalan, matnda, muammolar paydo bo'ladi. Asosiy rangning (juda) kamroq to'yingan soyasidan foydalanishga harakat qiling yoki brend ranglarini interfeysga kiritishning boshqa usullarini qidiring.
Chapda: qora rangdagi qizil rang yomon ko'rinadi. To'g'ri: to'yinganlikni kamaytiring va hamma narsa yaxshi ko'rinadi. - taxminan. tarjima
Xuddi shu narsa siz foydalangan bo'lishi mumkin bo'lgan har qanday kuchli ranglar uchun ham amal qiladi, masalan, ogohlantirish yoki xato ranglari. Google standart xato rangi ustiga 40% oq qatlam qoplamasidan foydalanadi qorong'u rejimga o'tishda. Bu juda yaxshi boshlanish nuqtasi, chunki u AA standartlariga mos keladigan kontrast darajasini yaxshilaydi. Siz, albatta, har doim sozlamalarni o'zingizga mos ravishda o'zgartirishingiz mumkin, ammo kontrast darajasini tekshirishni unutmang. Aytgancha, bu maqsad uchun foydali vosita Sketch plaginidir - , bu 2 qatlam orasida qanchalik kontrast borligini aniq ko'rsatadi.
Matn haqida nima deyish mumkin?
Bu erda hamma narsa oddiy: hech narsa 100% qora va 100% oq bo'lmasligi kerak va aksincha. Oq rang barcha to'lqin uzunliklarining yorug'lik to'lqinlarini aks ettiradi, qora rang yutadi. Agar siz 100% oq matnni 100% qora fonga joylashtirsangiz, harflar yorug'likni aks ettiradi, qoralanadi va kamroq tushunarli bo'ladi, bu esa o'qishga salbiy ta'sir qiladi.
Xuddi shu narsa so'zlarga to'liq e'tibor berish uchun juda ko'p yorug'likni aks ettiruvchi 100% oq fon uchun ham amal qiladi. Oq rangni biroz yumshatishga harakat qiling, fon uchun ochiq kul rangdan foydalaning va qora fonda matn. Bu ko'zning kuchlanishini kamaytiradi, oldini oladi
Qorong'i rejim shu yerda va o'chib ketmaydi
Ekranlar oldida o'tkazadigan vaqtimiz doimiy ravishda o'sib bormoqda va har bir yangi kunda hayotimizda yangi ekranlar paydo bo'ladi, biz uyg'onganimizdan to uxlab qolamiz. Bu juda yangi hodisa, ko'zlarimiz kechki soatlarda ekran vaqtining bunday ko'payishiga hali o'rganmagan. Bu erda qorong'u rejim o'ynaydi. Ushbu xususiyat macOS va Material Design-da (va katta ehtimol bilan iOS-da) joriy etilishi bilan biz ertami-kechmi u barcha ilovalarda, ham mobil, ham ish stolida sukut bo'lishiga ishonamiz. Va bunga tayyor bo'lish yaxshiroqdir!
Qorong'i rejimni qo'llamaslikning yagona sababi, ilovangiz faqat yorqin kunduzda ishlatilishiga 100% amin bo'lsangiz. Biroq, bu tez-tez sodir bo'lmaydi.
Qorong'i rejimni amalga oshirishda, avvalroq umumlashtirilgan asosiy tamoyillardan tashqari, alohida e'tibor talab qiladigan bir nechta narsalarni eslatib o'tish kerak.
Foydalanish imkoniyati nuqtai nazaridan, qorong'u rejim eng qulay emas, chunki kontrast odatda pastroq bo'ladi, bu o'z navbatida o'qishni umuman yaxshilamaydi.
Tasavvur qiling-a, siz yotishga tayyorlanyapsiz, siz haqiqatan ham uxlashni xohlaysiz, lekin uxlab qolmasdan oldin, siz kimgadir bir kechada ham kuta olmaydigan juda muhim xabarni yuborishingiz kerakligini eslaysiz. Siz telefoningizni ushlang, uni yoqing va AAAAAAH... iMessage’ingizning ochiq foni sizni yana 3 soat hushyor turishingizga yordam beradi. Qorong‘i fonda ochiq matn eng qulay deb hisoblanmasa-da, shu soniyada qorong‘u rejimga ega bo‘lsangiz. qulaylikni millionga oshirish. Bularning barchasi foydalanuvchining hozirgi holatiga bog'liq.
Shuning uchun biz o'ylaymiz avtomatik qorong'u rejim shunday ajoyib fikr. Kechqurun yoqiladi va ertalab o'chadi. Foydalanuvchi bu haqda o'ylashi ham shart emas, bu juda qulay. Twitter qorong'u rejim sozlamalari bilan ajoyib ish qildi. Bundan tashqari, ular batareyani va unga aloqador hamma narsani tejaydigan barcha OLED ekranlar uchun faqat qorong'u rejimga va undan ham qorong'i rejimga ega. Bu erda e'tibor berish muhim: foydalanuvchiga xohlagan vaqtda qo'lda o'tish imkoniyatini bering: orqaga o'tish imkoniyatisiz interfeysni avtomatik ravishda o'zgartirishdan yomonroq narsa yo'q.
Twitter-da kechqurun yoqiladigan va ertalab o'chadigan avtomatik qorong'i rejim mavjud.
Bundan tashqari, mavzuni ishlab chiqishda, ba'zi narsalarni shunchaki qorong'i qilib bo'lmasligini yodda tutish kerak.
Sahifalar kabi matn muharririni oling. Siz interfeysni qorong'i qilishingiz mumkin, lekin varaqning o'zi har doim oq bo'lib, haqiqiy qog'oz varag'ini taqlid qiladi.
Qorong'i rejim yoqilgan sahifalar
Xuddi shu narsa Sketch yoki Illustrator kabi kontent yaratish muharrirlarining barcha turlariga tegishli. Interfeys qorong'i bo'lishi mumkin bo'lsa-da, siz ishlaydigan artboard sukut bo'yicha har doim oq rangda bo'ladi.
Qorong'i rejimda eskiz qiling va hali ham yorqin oq rangli artboardga ega bo'ling.
Shunday qilib, qaysi ilovadan qat'i nazar, qorong'u rejimlar siz foydalanadigan operatsion tizimga xos bo'ladi, ya'ni kelajakka tayyorgarlik ko'rish yaxshidir. qorong'i bo'ladi.
Agar siz qorong'u foydalanuvchi interfeysini ishlab chiqish haqida ko'proq ma'lumotga ega bo'lishni istasangiz, ko'rsatmalar bilan tanishib chiqing , bu maqola uchun bizning asosiy ma'lumot manbamiz edi.
Manba: www.habr.com