Մութ ժամանակներ են գալիս

Կամ ինչ պետք է հաշվի առնել հավելվածի կամ կայքի համար մութ ռեժիմ մշակելիս

2018 թվականը ցույց տվեց, որ մութ ռեժիմները ճանապարհին են։ Այժմ, երբ մենք 2019 թվականի կեսն ենք, մենք կարող ենք վստահորեն ասել. նրանք այստեղ են, և նրանք ամենուր են:

Հին կանաչ-սև մոնիտորի օրինակ

Սկսենք նրանից, որ մութ ռեժիմն ամենևին էլ նոր հասկացություն չէ։ Այն օգտագործվել է բավականին երկար ժամանակ։ Եվ մի ժամանակ, իրականում, երկար ժամանակ, սա միակ բանն էր, որ նրանք օգտագործում էին. մոնիտորները «կանաչ-սև» տեսակի էին, բայց միայն այն պատճառով, որ ներսի լյումինեսցենտ ծածկույթը ճառագայթման ենթարկվելիս կանաչավուն փայլ էր արձակում: .

Բայց նույնիսկ գունավոր մոնիտորների ներդրումից հետո մութ ռեժիմը շարունակեց գոյություն ունենալ: Ինչո՞ւ է սա այդպես։

Երկու հիմնական դրդապատճառ կա, որոնք բացատրում են, թե ինչու է այսօր յուրաքանչյուր երկրորդ մարդ շտապում մութ թեմա ավելացնել իր հավելվածին։ Նախ՝ համակարգիչներն ամենուր են։ Ամենուր, որտեղ մենք նայում ենք, կա ինչ-որ էկրան: Մենք օգտվում ենք մեր բջջային սարքերից առավոտից մինչև ուշ գիշեր։ Մութ ռեժիմի առկայությունը նվազեցնում է աչքերի լարվածությունը, երբ դուք անկողնում եք քնելուց առաջ «վերջին անգամ»՝ պտտելով ձեր սոցիալական լրահոսը: ցանցեր։ (Եթե դուք ինձ նման եք, «վերջին անգամ» կարող է նշանակել 3-ժամյա ոլորան R/EngineeringPorn. Մութ ռեժիմ? Այո խնդրում եմ! )

Մեկ այլ պատճառ էլ էկրանի արտադրության նոր տեխնոլոգիաներն են: Խոշոր ընկերությունների՝ Apple-ի, Google-ի, Samsung-ի, Huawei-ի առաջատար մոդելները բոլորն էլ հագեցած են OLED էկրաններով, որոնք, ի տարբերություն LCD էկրանների, չեն պահանջում հետին լուսավորություն։ Եվ դա իսկապես լավ նորություն է ձեր մարտկոցի համար: Պատկերացրեք, որ ձեր հեռախոսում դիտում եք սև քառակուսի պատկեր. LCD էկրանով հետին լույսը կլուսավորի ամբողջ էկրանը, թեև դրա մեծ մասը սև է: Բայց OLED էկրանի վրա նույն պատկերը դիտելիս սև քառակուսին կազմող պիքսելները պարզապես անջատվում են: Սա նշանակում է, որ նրանք ընդհանրապես էներգիա չեն սպառում։

Այս տեսակի էկրանները մութ ռեժիմները շատ ավելի հետաքրքիր են դարձնում: Օգտագործելով մուգ ինտերֆեյս, դուք կարող եք զգալիորեն երկարացնել ձեր սարքի մարտկոցի կյանքը: Ստուգեք անցյալ նոյեմբերի Android Dev Summit-ի փաստերն ու թվերը՝ ինքներդ համոզվելու համար. Մութ ռեժիմները, իհարկե, համընկնում են միջերեսի փոփոխությունների հետ, այնպես որ եկեք խորացնենք մեր գիտելիքները:

Մութ ռեժիմներ 101

Նախ՝ «մութը» նույնը չէ, ինչ «սևը»։ Մի փորձեք փոխարինել սպիտակ ֆոնը սևով, քանի որ դա անհնարին կդարձնի ստվերների օգտագործումը: Նման դիզայնը կլինի գերհարթ (վատ իմաստով):

Կարևոր է նկատի ունենալ ստվերային/լուսավորության հիմնական սկզբունքները: Այն օբյեկտները, որոնք ավելի բարձր են, պետք է ստվերում ավելի թեթև լինեն՝ նմանակելով իրական լուսավորությունն ու ստվերը: Սա հեշտացնում է տարբեր բաղադրիչների և դրանց հիերարխիայի միջև տարբերակումը:

Երկու նույնական մոխրագույն քառակուսի ստվերով, մեկը 100% սև ֆոնի վրա, մյուսը՝ #121212։ Երբ օբյեկտը բարձրանում է, այն դառնում է ավելի բաց մոխրագույն երանգ:

Մուգ թեմայի դեպքում դուք դեռ կարող եք աշխատել ձեր սովորական հիմնական գույնի հետ, քանի դեռ կոնտրաստը նորմալ է: Բացատրենք օրինակով.

Այս ինտերֆեյսում հիմնական գործողությունը ներքևի բարում գտնվող մեծ կապույտ կոճակն է: Լույսի կամ մութ ռեժիմի անցման ժամանակ կոնտրաստի առումով խնդիր չկա, կոճակը դեռ աչք է գրավում, պատկերակը պարզ է, և ընդհանուր առմամբ ամեն ինչ կարգին է։

Երբ նույն գույնը օգտագործվում է տարբեր ձևերով, օրինակ՝ տեքստում, խնդիրներ կլինեն։ Փորձեք օգտագործել հիմնական գույնի (շատ) ավելի քիչ հագեցած երանգ կամ փնտրեք ապրանքանիշի գույները ինտերֆեյսի մեջ ներառելու այլ եղանակներ:

Ձախ. կարմիրը սևի վրա վատ տեսք ունի: Ճիշտ է. նվազեցնել հագեցվածությունը, և ամեն ինչ լավ տեսք ունի: - մոտ. թարգմանությունը

Նույնը վերաբերում է ցանկացած այլ ուժեղ գույների, որոնք դուք կարող եք օգտագործել, օրինակ՝ նախազգուշացման կամ սխալի գույների դեպքում: Google-ն օգտագործում է 40% սպիտակ շերտի ծածկույթ իրենց սխալի լռելյայն գույնի վերևում Նյութերի դիզայնի ուղեցույցներ մութ ռեժիմին անցնելիս: Սա բավականին լավ մեկնարկային կետ է, քանի որ այն կբարելավի հակադրության մակարդակները՝ համապատասխանելու AA ստանդարտներին: Դուք, իհարկե, կարող եք միշտ փոխել կարգավորումները, ինչպես հարմար եք գտնում, բայց համոզվեք, որ ստուգեք հակադրության մակարդակները: Ի դեպ, այս նպատակով օգտակար գործիք է Sketch plugin-ը. բացարձակ, որը ճշգրիտ ցույց է տալիս, թե որքան կոնտրաստ կա 2 շերտերի միջև։

Ինչ վերաբերում է տեքստին:

Այստեղ ամեն ինչ պարզ է. ոչինչ չպետք է լինի 100% սև և 100% սպիտակ և հակառակը: Սպիտակը արտացոլում է բոլոր ալիքների երկարությունների լույսի ալիքները, սևը կլանում է: Եթե ​​100% սպիտակ տեքստը տեղադրեք 100% սև ֆոնի վրա, տառերը կարտացոլեն լույսը, կպչեն և կդառնան ավելի քիչ ընթեռնելի, ինչը բացասաբար կանդրադառնա ընթեռնելիության վրա:

Նույնը վերաբերում է 100% սպիտակ ֆոնին, որն արտացոլում է չափազանց շատ լույս բառերի վրա ամբողջությամբ կենտրոնանալու համար: Փորձեք մի փոքր մեղմացնել սպիտակ գույնը, օգտագործեք բաց մոխրագույն ֆոնի համար և տեքստը սև ֆոնի վրա: Սա կնվազեցնի աչքի լարվածությունը՝ կանխելով դրանց գերլարումը

Մութ ռեժիմն այստեղ է և չի անհետանա

Էկրանների առջև անցկացրած ժամանակն անընդհատ աճում է, և ամեն նոր օր նոր էկրաններ են հայտնվում մեր կյանքում՝ արթնանալու պահից մինչև քուն մտնելը։ Սա բավականին նոր երևույթ է, մեր աչքերը դեռ սովոր չեն ուշ երեկոյան էկրանին ժամանակի այս աճին։ Հենց այստեղ է գործում մութ ռեժիմը: Այս գործառույթի ներդրմամբ macOS-ում և Material Design-ում (և, ամենայն հավանականությամբ, iOS-ում) մենք կարծում ենք, որ վաղ թե ուշ այն կդառնա լռելյայն բոլոր հավելվածներում՝ թե՛ բջջային, թե՛ աշխատասեղան: Եվ ավելի լավ է պատրաստ լինել դրան:

Մութ ռեժիմը չկիրառելու միակ պատճառն այն է, երբ դուք բացարձակապես 100% վստահ եք, որ ձեր հավելվածն օգտագործվում է բացառապես պայծառ ցերեկային լույսի ներքո: Սա, սակայն, հաճախ չի լինում։

Արժե նշել մի քանի բան, որոնք հատուկ ուշադրություն կպահանջեն մութ ռեժիմն իրականացնելիս՝ ավելի վաղ ամփոփված հիմնական սկզբունքներից դուրս:

Մատչելիության առումով մութ ռեժիմը ամենահարմարը չէ, քանի որ կոնտրաստը հիմնականում ավելի ցածր է, ինչն էլ իր հերթին ընդհանրապես չի բարելավում ընթեռնելիությունը։

Աղբյուր

Բայց պատկերացրեք, որ պատրաստվում եք քնելու, իսկապես ուզում եք քնել, բայց հենց քնելուց առաջ հիշում եք, որ պետք է որևէ մեկին գերկարևոր հաղորդագրություն ուղարկել, որը չի կարող սպասել նույնիսկ մեկ գիշեր: Դուք վերցնում եք հեռախոսը, միացնում եք այն և AAAAAAH... Ձեր iMessage-ի բաց ֆոնը ձեզ արթուն կպահի ևս 3 ժամ: Մինչև մուգ ֆոնի վրա բաց տեքստը ամենահասանելիը չի համարվում, այս վայրկյանին մուգ ռեժիմ ունենալը կարող է լինել: բարձրացնել հարմարավետությունը մեկ միլիոնով: Ամեն ինչ կախված է նրանից, թե տվյալ պահին ինչ իրավիճակում է գտնվում օգտատերը։

Դրա համար մենք կարծում ենք ավտոմատ մութ ռեժիմ նման թույն գաղափար. Երեկոյան միանում է, առավոտյան անջատվում։ Օգտագործողը դրա մասին մտածելու կարիք անգամ չունի, ինչը շատ հարմար է։ Twitter-ը հիանալի աշխատանք է կատարել մութ ռեժիմի կարգավորումներով: Բացի այդ, նրանք ունեն և՛ մուգ ռեժիմ, և՛ նույնիսկ ավելի մուգ ռեժիմ այս բոլոր OLED էկրանների համար՝ խնայելով մարտկոցը և դրա հետ կապված ամեն ինչ: Կարևոր է նշել այստեղ. օգտվողին հնարավորություն տվեք ձեռքով անցնել, երբ նա ցանկանա. չկա ավելի վատ բան, քան ինտերֆեյսի ավտոմատ փոփոխությունն առանց հետ անցնելու հնարավորության:

Twitter-ն ունի ավտոմատ մութ ռեժիմ, որը միանում է երեկոյան և անջատվում առավոտյան։

Նաև թեմա մշակելիս արժե նկատի ունենալ, որ որոշ բաներ պարզապես չեն կարող մութ դարձնել:

Վերցրեք տեքստային խմբագրիչ, ինչպիսին է Էջերը: Դուք կարող եք ինտերֆեյսը մուգ դարձնել, բայց թերթիկը ինքնին միշտ սպիտակ կլինի՝ նմանակելով իրական թղթի թերթիկը:

Մուգ ռեժիմով էջերը միացված են

Նույնը վերաբերում է բովանդակության ստեղծման բոլոր տեսակի խմբագրիչներին, ինչպիսիք են Sketch-ը կամ Illustrator-ը: Թեև ինտերֆեյսը կարելի է մուգ դարձնել, նկարչական տախտակը, որի հետ դուք աշխատում եք, լռելյայն միշտ սպիտակ կլինի:

Էսքիզ արեք մուգ ռեժիմով և դեռևս ունեք վառ սպիտակ գեղանկարչական տախտակ:

Այսպիսով, անկախ հավելվածից, մենք կարծում ենք, որ մութ ռեժիմները կհայտնվեն ձեր օգտագործած օպերացիոն համակարգի համար, ինչը նշանակում է, որ լավագույնն է պատրաստվել ապագային: մութ կլինի։ 

Եթե ​​ցանկանում եք ավելին իմանալ մուգ UI-ների մշակման մասին, համոզվեք, որ ստուգեք ուղեցույցները Material Դիզայն, սա էր այս հոդվածի մեր հիմնական տեղեկատվության աղբյուրը։

Source: www.habr.com