To'q rangli dizayn chuqur, boy rang sxemalaridan foydalanishga asoslangan vizual dizaynni yaratish uslubi va yondashuvini anglatadi, odatda quyuq soyalar ustunlik qiladi. Ushbu dizayn uslubi so'nggi yillarda mashhur bo'lib ketdi va veb-dizayn, grafik dizayn, interyer dizayni va boshqalar kabi turli sohalarda qo'llanilishi mumkin.

Chiroqlarni xiralashtiring, ko'zingizni dam oling va energiyani tejang. Qorong'u rejim eng mashhurlaridan biridir dizayn tendentsiyalari, va WhatsApp, Instagram, Google, Facebook va Apple kabi jahon miqyosidagi brendlar allaqachon qorong'u rejim dizayn poyezdiga chiqishgan.

Keling, ushbu eng yaxshi brendlar nima qilayotganini va o'z loyihalaringizga qorong'u rejim interfeysini qanday qo'shishingiz mumkinligini ko'rib chiqaylik. haqida bilib olasiz ijobiy va salbiy tomonlari veb-saytingiz va ilovalaringiz dizayni mukammal ko'rinishi va ishlashini ta'minlash uchun qorong'u rejim va asosiy qorong'u rejimni rivojlantirishning eng yaxshi amaliyotlari.

Chop etilgan marketing materiallari

Qorong'i rejim nima? To'q ranglarda dizayn

Qorong'i rejim - asosiy rang sifatida quyuq fon rangidan foydalanadigan past yorug'lik foydalanuvchi interfeysi (UI). rang - odatda qora yoki kulrang soya. Bu dizaynerlar o'nlab yillar davomida foydalangan standart oq foydalanuvchi interfeysining to'liq teskarisidir. Ekran vaqtini ko‘paytirishimizga javoban ishlab chiquvchilar qorong‘u mavzuli interfeyslar, ayniqsa, yorug‘lik kam bo‘lgan sharoitlarda yoki tunda ko‘z zo‘riqishini kamaytirishga yordam berishini aniqladilar. Kamroq ko'z charchoqlari kamroq bosh og'rig'i va yaxshi ish tajribasini anglatadi.

Instagram ilovasining qorong'u rejimda dizayni. To'q ranglarda dizayn

Instagram Dark Mode UI

 

Ish stolidagi WhatsApp ilovasining qorong'u rejimda dizayni quyuq ranglarda

What's App orqali WhatsApp ish stoli qorong'u rejim foydalanuvchi interfeysida

Google Fit qorong'u rejim ilovasi dizayni

Google Fit qorong'u rejim foydalanuvchi interfeysi

 

Ammo qorong'u rejim aslida yangi narsa emas.

Plakatlarni ishlab chiqish. 5 ta qoida

Matritsadagi qora fonda yashil kompyuter kodini eslaysizmi? Bu asl qorong'u rejimga ishora edi: eski kompyuterlarning eski maktab monoxrom monitorlari.

Qora rangdagi yashil matnli erta uy kompyuteri

qora yashil matn bilan erta uy kompyuterlar OG qorong'u rejimi edi.

 

Ushbu klassik qorong'u ko'rinish 80-yillarda uslubdan chiqib, qog'ozdagi siyohni taqlid qilib, oq fonda qora matn foydasiga chiqdi. To'q ranglarda dizayn

Video reklama nima? Ta'rifi, turlari va tendentsiyalari

7 yilda Windows Phone 2010 da qorong'u rejim qaytgunga qadar bu qariyb o'ttiz yil davomida odatiy hol edi. Google qorong'u rejim batareyani tejashini tasdiqlaganidan so'ng, ular 2018 yilda Android operatsion tizimiga ushbu xususiyatni qo'shdilar. Bir yil o'tgach, Apple iOS va iPadOS-da qorong'u rejimga o'tdi.

iOS 13 ilova dizaynidagi qorong'u rejim va yorug'lik rejimi

iOS 13 da qorong'u rejim

Qorong'i rejimdan foydalanishning afzalliklari. To'q ranglarda dizayn

Qorong'i rejim nafaqat ko'zlar uchun qulayroq (agar to'g'ri bajarilgan bo'lsa), balki batareyaning ishlash muddatini ham tejaydi va hatto sog'lomroq bo'lishi mumkin. Keling, qorong'u rejimning yorug'lik rejimiga nisbatan amaliy afzalliklarini ko'rib chiqaylik.

Ko'z zo'riqishini kamaytiradi

Ko'zlaringizni his qilmasligingiz kerak. Ammo uzoq vaqt davomida ekran ma'lumotlarini tahlil qiladigan har bir kishi, bir muncha vaqt o'tgach, buni qila boshlaganingizni biladi. Kompyuterni ko'rish sindromi (CVS) ko'z og'rig'i, loyqa ko'rish, ikki tomonlama ko'rish, bosh og'rig'i, bo'yin / bel og'rig'i va boshqalarni o'z ichiga oladi. Grafiklar va grafiklar haqida gap ketganda, qorong'u rejim tom ma'noda og'riqni kamaytirishga yordam beradi.

Qorong'i rejimda dastur dizayni quyuq ranglarda dizayn

Ushbu yashil logotip ushbu qorong'u mavzu ilovasi dizayni bilan yaxshi mos keladi.

 

Kam yorug'likda ko'rinishni oshiradi

Agar siz uxlayotgan bo'lsangiz va kimdir yorqin chiroqni yoqsa, boshingiz og'riydi. Xuddi shu printsip kechasi yoki erta tongda kompyuter ekrani oldida ishlaydigan odamlarga ham tegishli. Qorong'i rejim bu porlashni kamaytiradi va yorug'lik kam bo'lgan sharoitlarda kontentni ko'rishni osonlashtiradi.

Batareya quvvatini tejaydi

OLED ekranli ba'zi raqamli gadjetlar foydalanilmayotganda qora piksellarni o'chirib qo'yishi mumkin. Qorong'i rejimda qora piksellar soni ko'payadi, bu esa qurilmaning kamroq quvvat sarflanishiga olib keladi.

Hissiy zaryad beradi

Ko'pgina qorong'u rejim foydalanuvchilari uni estetik sabablarga ko'ra emas, balki energiya va sog'liq uchun tanlashadi. Qorong'i rejim ularga sog'lomroq ish qilayotganlarini eslatib turadi va bu ularga yaxshi tuyg'u beradi, masalan, qayta foydalanish mumkin bo'lgan narsalarni yuklaganingizda paydo bo'ladigandek. bozor haltasi yoki bir shisha suv.

ADD ni oldini oladi. To'q ranglarda dizayn

Xo'sh ... qandaydir. Oq yorug'lik va ranglar sizning e'tiboringizni chalg'itadi, bu esa vazifani bajarishni qiyinlashtiradi. Qorong'i rejim interfeysi konsentratsiyani interfeysingizning kontent sohalariga yo'naltirish orqali diqqatni kuchaytirishi mumkin, bu tarkibning paydo bo'lishiga va fonning o'chib ketishiga imkon beradi.

Qorong'i rejimdan foydalanishning kamchiliklari

Hamma narsa singari, qorong'u rejimning ham kamchiliklari bor. Keling, qorong'u mavzu sizning maqsadlaringiz uchun noqulay bo'lishi mumkin bo'lgan sabablarni ko'rib chiqaylik.

Hissiy aloqani kamaytirishi mumkin. To'q ranglarda dizayn

Yorqin ranglar yorqin his-tuyg'ularni uyg'otishi mumkin. Agar tomoshabinlaringiz buni izlayotgan bo'lsa, ranglarni qoraytirish ular uchun ruhiy to'siq yaratishi mumkin. Ular qorong'u mavzu bilan hissiy aloqani o'rnatishda qiyinroq bo'ladi. Agar sizning brendingiz tabiatan motivatsion, ilhomlantiruvchi yoki ruhiy bo'lsa, qorong'u rejim foydalanuvchi interfeysi qimor o'ynashi mumkin. Yorqin ranglar kuchli his-tuyg'ularni uyg'otishi mumkin bo'lsa-da, aksincha bo'lishi mumkin. Xo'sh, sizning auditoriyangiz kim? Agar ular lift qidirayotgan bo'lsa, ularni yoqmang.

Bo'shliqni siqib chiqaradi

Qorong'i devorlari bo'lgan xonalar klostrofobiyani his qilishi mumkin. Qurilmada qorong'u rejim xuddi shunday ishlashi mumkin. Agar siz bo'sh joy tuyg'usini yaratmoqchi bo'lsangiz, qorong'i interfeys bo'sh joyni kichikroq ko'rsatishi mumkin.

Kam kontrastli ranglarni o'qish qiyin bo'lishi mumkin. To'q ranglarda dizayn

Agar siz ranglar va kontrastlarni to'g'ri tushunmasangiz veb-sayt ishlab chiqish yoki qorong'u mavzuli ilovalar, bu matnni o'qishni qiyinlashtirishi mumkin, shuning uchun elektron pochta, ilova yoki veb-saytingizni qorong'u rejimda loyihalashda buni yodda tuting.

Dizaynda qorong'u rejimdan qanday foydalanish kerak

Qorong'i rejim dizayni istalgan joyda ishlashi mumkin. Mobil ilovalardan tortib aqlli soatlar va televizor interfeyslarigacha ushbu dizayn tendentsiyasi brendingizni oldinga siljitishi mumkin. To‘g‘ri qabul qiling va qorong‘u rejim gangbasterlar kabi ishlaydi. Buni noto'g'ri qabul qiling va dizayningiz foydalanuvchilarni darhol o'chirib qo'yishi mumkin. Qorong'i veb-sayt yoki ilova interfeysini loyihalashda ba'zi asosiy maslahatlar:

Qorong'i rejimdan qachon foydalanish kerak. To'q ranglarda dizayn

Brend ranglarini tanlang

Qachon mavjud ranglar palitrasi tovar belgisi allaqachon qorong'u rejimga mos keladi, qorong'u rejim xudolari sizga tabassum qilmoqda.

Qorong'i rejim ilovasi dizayni

Qorong'i rejim ilovasi dizayni

 

Agar siz o'zingizning brendingizni estetikaga mos ravishda o'zgartirishingiz kerak deb hisoblasangiz, qorong'ilik haqida ikki marta o'ylab ko'ring. Xuddi shunday, agar sizning brendingiz ranglarning keng doirasini ishlatishi kerak bo'lsa, engilroq interfeysni ko'rib chiqing. To'liq rang spektrini qorong'i fonda o'qish qiyin.

O'z sohangizni ta'kidlang. To'q ranglarda dizayn

Qorong'i rejim foydalanuvchi interfeysi muayyan sohalarni yaxshilash uchun ham foydalidir. Misol uchun, tungi hayot va o'yin-kulgiga yo'naltirilgan brendlar qorong'u rejim uchun idealdir, chunki ularning yuqori energiya mazmuni ko'pincha haqiqiy hayotda qorong'u fon bilan birlashtiriladi.

Minimalizmga o'ting

Agar sizning dizayn estetikasi allaqachon cheklangan kontent bilan minimalist bo'lsa, sizning muhitingiz qorong'u rejimga mos keladi. Matn asosiy tarkib bo'lgan vaziyatda qorong'u interfeys o'qishni qiyinlashtirishi mumkin. Odatda, qorong'u rejim vizual tartibsizlikni oshiradi, bu esa tartibsiz ekranni yanada xaotik qiladi.

tuyg'u uyg'otadi

Muayyan hissiy munosabatni uyg'otishga harakat qilyapsizmi? Sir yoki kichik drama kabimi? Kam ko'rinish qiziqish uyg'otadi va hissiy taranglikni oshiradi, qorong'u rejim brendingiz uchun mukammal vosita bo'lishi mumkin.

qorong'u veb-dizayn mavzusi To'q ranglarda dizayn

Qorong'u veb-dizayn

 

Status belgisi. To'q ranglarda dizayn

Agar siz status hissi yaratmoqchi bo'lsangiz, qorong'u rejim interfeysi samarali vosita bo'lishi mumkin. To'q ranglar hashamat va boylik bilan bog'liq his-tuyg'ularni uyg'otadi. Agar siz diqqatni nozik ishlarga qaratmoqchi bo'lsangiz, qorong'i UI rejimini ko'rib chiqing.

To'q mavzu Hashamatli soatlar brendi uchun veb-sayt dizayni

Qorong'i mavzuga ega oqlangan, yuqori sifatli veb-sayt dizayni

 

Qorong'u rejim dizayni uchun eng yaxshi amaliyotlar

Qorong'i rejim foydalanuvchi interfeysini yaratishda to'g'ri ishlashi kerak bo'lgan ba'zi jarayonlar mavjud. Axir, siz mahsulotingiz ajoyib bo'lishini xohlaysiz, to'g'rimi? Keling, qorong'u rejimning eng yaxshi amaliyotlari nazorat ro'yxatidagi barcha katakchalarni belgilaymiz:

1. Juda qorong'i tushmang. To'q ranglarda dizayn

Kitob nashriyoti sof oq qog'ozdan foydalanmaydi, chunki qora siyoh bilan kontrast juda qattiq. Bu sizning ko'zingizni qisib qo'yishga olib keladi va bosh og'rig'iga sabab bo'lishi mumkin. Raqamli qurilmalar bilan ham xuddi shunday. Toza qora rangdan uzoqroq turing. Yuqori kontrastli ekranga qarash qiyin. Yaxshi qorong'u rejim ranglari to'yinmagan ranglar bilan birlashtirilgan kulrang soyalardir.

To'q rangdagi dizayn Dark Mode ilovasida mobil raqamli jurnal dizayni

Qora dastur dizayni

 

2. To'g'ri kontrastga ega bo'ling

Qorong'i rejimdagi fon oq matnni ko'rsatish uchun etarlicha qorong'i bo'lishi kerak. Google Material Design taklifiga ko'ra, matndan fon kontrasti darajasi kamida 15,8:1 bo'lishi kerak.

3. Ranglarni rangsizlantirish. To'q ranglarda dizayn

Qorong'i fonda to'liq to'yingan ranglardan uzoqroq turing. Qorong'i yuzalarda soyalar ko'pincha "tebranish" ko'rinadi. Buning o'rniga pastel va o'chirilgan ranglar kabi to'yinmagan ranglardan foydalaning - kulrang va oq ranglar qo'shilgan soyalar.

Bundan tashqari, brendingizning ranglar palitrasini o'zgartirishni o'ylab ko'ring. Sizning kompaniyangizning ko'k rangi oq rangdan ko'ra qora rangda boshqacha o'qilishi mumkin. Qorong'i rejimdagi ranglar ko'pincha yorug'lik rejimidagi kabi bir xil javob berish uchun sozlanishi kerak.

4. To'g'ri ranglardan "on" foydalaning

Qaysi rang? Elementlar va asosiy sirtlarning tepasida paydo bo'lgan. "On" ranglar odatda harflar uchun ishlatiladi. Birlamchi quyuq rejim UI rangi sof oq (#FFFFFF). Buni ishlatmang. #FFFFFF qorong'i fonda ko'rilganda tebranadigan ko'rinadi. Och kulrang rangni tanlang.

5. Shunchaki aylantirmang. To'q ranglarda dizayn

Agar standart rejimdan qorong‘u rejimga o‘tsangiz, asl mavzuda qimmatli vizual belgilar bo‘lishi mumkin. Qorong'i mavzuni olish uchun ranglarni o'zgartirmang. Siz psixologik maqsadga ega bo'lgan ranglarni ma'nosiz ovozsiz ranglarga aylantirayotgan bo'lishingiz mumkin. Rangni ongli ravishda tanlang.

6. Chuqurroq sho'ng'ing

Qatlam qanchalik baland bo'lsa, u engilroq bo'lishi kerak. Bu yaratadi vizual ierarxiya qorong'u rejimda, bu sizning displeyingizdagi eng tez-tez ishlatiladigan elementlardan eng kam ishlatiladigangacha o'tadi.

Qorong'u rejimning vizual ierarxiyasi

Yuqoridagi engil ranglar vizual ierarxiyani yaratadi

 

7. Tajriba qiling va erkinlikni taklif qiling. To'q ranglarda dizayn

Dizayningizning qorong'i va engil versiyalarini sinab ko'ring. Har bir uslub bilan tajriba o'tkazing va foydalanuvchi fikr-mulohazalari asosida shunga mos ravishda o'zgarishlar kiriting. Axir, odamlarning xohish-istaklari oldindan aytib bo'lmaydigan bo'lishi mumkin, shuning uchun foydalanuvchilarga yukni yuklamang. Ularga displeyni yorug'lik rejimidan qorong'i rejimga o'tkazishga ruxsat bering. Bu foydalanuvchilarga o'z tajribasini nazorat qilish imkonini beradi va ularni shaxsiylashtirilgan his qiladi.

 

Sizning biznes reklama va matbaa kompaniyasidagi yordamchingiz "АЗБУКА«