Же тиркеме же веб-сайт үчүн караңгы режимди иштеп чыгууда эмнени эске алуу керек
2018 караңгы режимдер жолдо экенин көрсөттү. Эми биз 2019-жылдын жарымына жеттик, биз ишенимдүү айта алабыз: алар бул жерде жана алар бардык жерде.
Караңгы режим такыр жаңы түшүнүк эмес экенинен баштайлы. Бул бир топ убакыт бою колдонулат. Ал эми бир жолу, чындыгында, узак убакыт бою алар бир гана нерсе колдонушкан: мониторлор "кара-жашыл" сортунда болгон, бирок радиацияга дуушар болгондо ичиндеги люминесценттик жабын жашыл түстөгү жаркырагандыктан гана. .
Бирок түстүү мониторлор киргизилгенден кийин да караңгы режим сакталып кала берген. Эмне үчүн мындай?
Бүгүнкү күндө ар бир экинчи адам өзүнүн тиркемесинде караңгы теманы кошууга шашып жатканынын эки негизги себеби бар. Биринчиден: компьютерлер бардык жерде. Биз кайда карасак, кандайдыр бир экран бар. Мобилдик аппараттарыбызды эртең мененден түн бир оокумга чейин колдонобуз. Караңгы режимдин болушу төшөктө жатканыңызда, "акыркы жолу" коомдук каналыңызды сыдырып, уктаар алдында көздүн чыңалуусун азайтат. тармактар. (Эгер сиз мендей болсоңуз, "акыркы жолу" 3 сааттык түрмөктү билдириши мүмкүн . Караңгы режимби? Ооба сураныч! )
Дагы бир себеби, дисплей өндүрүүнүн жаңы технологиялары. Ири компаниялардын флагмандык моделдери - Apple, Google, Samsung, Huawei - бардыгы OLED экрандары менен жабдылган, алар ЖК дисплейлерден айырмаланып, арткы жарыктандырууну талап кылбайт. Жана бул сиздин батарейкаңыз үчүн чындап эле жакшы жаңылык. Телефонуңузда кара квадраттын сүрөтүн көрүп жатканыңызды элестетиңиз; ЖК менен, арткы жарык көпчүлүк кара болсо да, бүт экранды жарык кылат. Бирок бир эле сүрөттү OLED дисплейинде көргөндө кара квадратты түзгөн пикселдер жөн эле өчүрүлөт. Бул алар энергияны таптакыр керектебейт дегенди билдирет.
Мындай дисплейлердин түрлөрү караңгы режимдерди алда канча кызыктуу кылат. Караңгы интерфейсти колдонуу менен сиз түзмөгүңүздүн батареянын иштөө мөөнөтүн бир топ узарта аласыз. . Албетте, караңгы режимдер UI өзгөрүүлөрү менен бирге жүрөт, андыктан билимибизди өркүндөтөлү!
Караңгы режимдер 101
Биринчиден: "караңгы" "кара" менен бирдей эмес. Ак фонду карага алмаштырууга аракет кылбаңыз, анткени бул көлөкөнү колдонууга мүмкүн болбой калат. Мындай дизайн супер жалпак болот (жаман түрдө).
Көлөкө/жарыктын негизги принциптерин эстен чыгарбоо керек. Көбүрөөк көтөрүлгөн объекттер реалдуу жарыктандырууну жана көлөкө түшүрүүнү окшоштуруп, көлөкөдө жеңилирээк болушу керек. Бул ар кандай компоненттерди жана алардын иерархиясын айырмалоону жеңилдетет.
Көлөкөсү бар эки бирдей боз квадрат, бири 100% кара фондо, экинчиси #121212. Объект көтөрүлгөн сайын боздун ачык көлөкөсүнө айланат.
Караңгы темада, контраст жакшы болсо, кадимки негизги түсүңүз менен иштей берсеңиз болот. Мисал менен түшүндүрүп берели.
Бул интерфейсте негизги аракет төмөнкү тилкедеги чоң көк баскыч болуп саналат. Жарык же караңгы режимге өтүүдө контраст жагынан эч кандай көйгөй жок, баскыч дагы эле көз жоосун алат, сөлөкөт ачык жана жалпысынан баары жакшы.
Бир эле түс ар кандай жолдор менен колдонулганда, мисалы, текстте, көйгөйлөр пайда болот. Негизги түстүн (бир топ) азыраак каныккан көлөкөсүн колдонуп көрүңүз же бренд түстөрүн интерфейске киргизүүнүн башка жолдорун издеңиз.
Солдо: кара түстөгү кызыл жаман көрүнөт. Туура: каныккандыгын азайтып, баары жакшы көрүнөт. — болжол менен. которуу
Ошол эле сиз колдонгон башка күчтүү түстөр үчүн, мисалы, эскертүү же ката түстөрүнө да тиешелүү. Google алардын демейки ката түсүнүн үстүнө 40% ак катмар катмарын колдонот караңгы режимге өткөндө. Бул абдан жакшы башталгыч чекит, анткени ал AA стандарттарына дал келүү үчүн контрасттын деңгээлин жакшыртат. Сиз, албетте, жөндөөлөрдү каалагандай өзгөртө аласыз, бирок контрасттын деңгээлин текшерүүнү унутпаңыз. Айтмакчы, бул максат үчүн пайдалуу курал Sketch плагини болуп саналат - , бул 2 катмардын ортосунда канчалык контраст бар экенин так көрсөтөт.
Текст жөнүндө эмне айтууга болот?
Бул жерде баары жөнөкөй: эч нерсе 100% кара жана 100% ак жана тескерисинче болбошу керек. Ак бардык толкун узундуктагы жарык толкундарын чагылдырат, кара сиңет. Эгерде сиз 100% ак текстти 100% кара фонго жайгаштырсаңыз, тамгалар жарыкты чагылдырып, булгап, окулушу начарлап, окууга терс таасирин тийгизет.
Ошол эле 100% ак фонго да тиешелүү, ал сөздөргө толук көңүл буруу үчүн өтө көп жарыкты чагылдырат. Фон үчүн ачык боз түстү жана кара фондогу текстти колдонуп, ак түстү бир аз басаңдатып көрүңүз. Бул алдын алуу, көз чарчоону азайтат
Караңгы режим бул жерде жана кетпейт
Экрандардын алдында өткөргөн убактыбыз тынымсыз өсүүдө жана ар бир жаңы күн жашообузда ойгонгондон баштап уктаганга чейин жаңы экрандар пайда болот. Бул бир топ жаңы көрүнүш; Бул жерде караңгы режим ойнойт. Бул функцияны macOS жана Материалдык дизайнга киргизүү менен (жана, кыязы, iOS'то), ал эртеби-кечпи бардык тиркемелерде демейки болуп калат деп ишенебиз, мобилдик да, иш тактасы да. Жана бул үчүн даяр болгон жакшы!
Караңгы режимди киргизбөөнүн бирден-бир себеби, сиз колдонмоңуз ачык күндүз гана колдонулаарына 100% ишенсеңиз болот. Бирок, бул көп учурда боло бербейт.
Караңгы режимди ишке ашырууда, мурда жалпыланган негизги принциптерден тышкары, өзгөчө көңүл бурууну талап кыла турган бир нече нерселерди айтып кетүү керек.
Жеткиликтүүлүк жагынан караңгы режим эң ыңгайлуу эмес, анткени контраст жалпысынан төмөн, бул өз кезегинде окууну такыр жакшыртпайт.
Бирок, сиз төшөккө даярданып жатканыңызды элестетиңиз, сиз чындап уккуңуз келет, бирок уктаар алдында, сиз кимдир бирөөгө бир түндү күтө албай турган өтө маанилүү билдирүү жөнөтүшүңүз керек экенин эстейсиз. Телефонуңузду кармап, күйгүзүңүз жана AAAAAAH... iMessage'иңиздин жарык фону дагы 3 саат бою сергек кармап турат, ал эми караңгы фондогу ачык текст эң жеткиликтүү деп эсептелбейт ынгайлуулугун миллионго көбөйтүү. Мунун баары колдонуучу учурда болгон кырдаалга жараша болот.
Ошон үчүн ишенебиз автоматтык караңгы режим ушундай сонун идея. Кечинде күйүп, эртең менен өчөт. Колдонуучуга бул жөнүндө ойлонуунун да кереги жок, бул абдан ыңгайлуу. Twitter караңгы режим орнотуулары менен сонун иш жасады. Мындан тышкары, алар батарейканы жана ага байланыштуу нерселерди үнөмдөөчү бардык OLED экрандары үчүн жөн гана караңгы режимге жана андан да караңгы режимге ээ. Бул жерде белгилей кетүү маанилүү: колдонуучуга каалаган убакта кол менен которуу мүмкүнчүлүгүн бериңиз: артка которулуу мүмкүнчүлүгү жок интерфейсти автоматтык түрдө өзгөртүүдөн өткөн жаман нерсе жок.
Твиттерде кечинде күйүп, эртең менен өчүрүлүүчү автоматтык караңгы режим бар.
Ошондой эле, теманы иштеп чыгууда, кээ бир нерселерди жөн эле караңгы кылуу мүмкүн эмес экенин эстен чыгарбоо керек.
Мисалы, Pages сыяктуу текст редакторун алалы. Интерфейсти караңгы кыла аласыз, бирок барактын өзү чыныгы баракты окшоштуруп, дайыма ак болуп калат.
Караңгы режим иштетилген барактар
Ошол эле Sketch же Illustrator сыяктуу мазмун түзүү редакторлорунун бардык түрлөрүнө тиешелүү. Интерфейс караңгы кылса да, сиз иштеген арт такта демейки боюнча ар дайым ак болот.
Караңгы режимде эскизди тартыңыз жана дагы эле ачык ак түстөгү арт тактага ээ болуңуз.
Демек, кайсы колдонмо болбосун, караңгы режимдер сиз колдонгон операциялык тутумга ылайык келет деп ишенебиз, демек, келечекке даярдануу эң жакшы. караңгы болот.
Эгер сиз караңгы UIлерди иштеп чыгуу жөнүндө көбүрөөк билгиңиз келсе, көрсөтмөлөрдү текшериңиз , бул макала үчүн биздин негизги маалымат булагы болду.
Source: www.habr.com