Դիզայն մուգ գույներով

Մուգ գույնի դիզայնը վերաբերում է տեսողական դիզայնի ստեղծման ոճին և մոտեցումին, որը հիմնված է խորը, հարուստ գունային սխեմաների օգտագործման վրա, սովորաբար մուգ երանգների գերակշռությամբ: Դիզայնի այս ոճը տարածված է դարձել վերջին տարիներին և կարող է օգտագործվել տարբեր ոլորտներում՝ ներառյալ վեբ դիզայնը, գրաֆիկական դիզայնը, ինտերիերի դիզայնը և այլն:

Մթնեցրեք լույսերը, հանգստացեք ձեր աչքերը և խնայեք էներգիա: Մութ ռեժիմը ամենատարածվածներից է դիզայնի միտումները, և համաշխարհային կարգի բրենդերը, ինչպիսիք են WhatsApp-ը, Instagram-ը, Google-ը, Facebook-ը և Apple-ն արդեն նստել են մութ ռեժիմի դիզայնի գնացքը:

Եկեք նայենք, թե ինչ են անում այս լավագույն ապրանքանիշերը և ինչպես կարող եք ավելացնել մութ ռեժիմի միջերես ձեր սեփական նախագծերին: Դուք կսովորեք դրա մասին կողմ եվ դեմ մութ ռեժիմը և հիմնական մութ ռեժիմի մշակման լավագույն փորձը ապահովելու համար, որ ձեր վեբ կայքի և հավելվածների դիզայնը կատարյալ տեսք ունենա և գործի:

Տպագիր շուկայավարման նյութ

Ի՞նչ է մութ ռեժիմը: Դիզայն մուգ գույներով

Մութ ռեժիմը ցածր լույսի ինտերֆեյս է (UI), որն օգտագործում է մուգ ֆոնի գույնը որպես հիմնական գույն գույն - սովորաբար սև կամ մոխրագույնի երանգ: Սա լրիվ հակառակն է ստանդարտ սպիտակ ինտերֆեյսի, որը դիզայներներն օգտագործել են տասնամյակներ շարունակ: Ի պատասխան էկրանի ժամանակի ավելացման՝ մշակողները պարզել են, որ մուգ թեմաների միջերեսներն օգնում են նվազեցնել աչքերի լարվածությունը, հատկապես ցածր լուսավորության պայմաններում կամ գիշերը: Աչքի ավելի քիչ լարվածությունը նշանակում էր ավելի քիչ գլխացավեր և ավելի լավ աշխատանքային փորձ:

 

 

Բայց մութ ռեժիմն իրականում նորություն չէ:

Պաստառի մշակում. 5 կանոն

Հիշու՞մ եք «Մատրիցայում» սև ֆոնի վրա ներթափանցած կանաչ համակարգչային ծածկագիրը: Սա սկզբնական մութ ռեժիմի նշան էր՝ վաղ շրջանի համակարգիչների հին դպրոցական մոնոխրոմ մոնիտորները:

 

Այս դասական մուգ տեսքը դուրս եկավ նորաձևությունից 80-ականներին՝ հօգուտ սպիտակ ֆոնի վրա սև տեքստի՝ թղթի վրա թանաքի նմանակման: Դիզայն մուգ գույներով

Ի՞նչ է վիդեո գովազդը: Սահմանում, տեսակներ և միտումներ

Սա նորմ էր մոտ երեք տասնամյակ, մինչև մութ ռեժիմը վերադարձավ Windows Phone 7-ում 2010 թվականին: Այն բանից հետո, երբ Google-ը հաստատեց, որ մութ ռեժիմը խնայում է մարտկոցը, նրանք 2018 թվականին այդ գործառույթն ավելացրին իրենց Android ՕՀ-ում: Մեկ տարի անց Apple-ը հետևեց մութ ռեժիմով iOS-ի և iPadOS-ի վրա:

Մութ ռեժիմ օգտագործելու առավելությունները. Դիզայն մուգ գույներով

Մուգ ռեժիմը ոչ միայն ավելի հեշտ է աչքերի համար (եթե ճիշտ է արվում), այլ նաև խնայում է մարտկոցի կյանքը և կարող է նույնիսկ ավելի առողջ լինել: Եկեք դիտարկենք մուգ ռեժիմի գործնական առավելությունները լուսային ռեժիմի նկատմամբ:

Նվազեցնում է աչքի լարվածությունը

Դուք չպետք է զգաք ձեր աչքերը: Բայց յուրաքանչյուր ոք, ով երկար ժամանակ վերլուծում է էկրանի տվյալները, գիտի, որ որոշ ժամանակ անց դուք սկսում եք դա անել: Համակարգչային տեսողության համախտանիշը (CVS) ներառում է աչքի ցավ, մշուշոտ տեսողություն, կրկնակի տեսողություն, գլխացավեր, պարանոցի/մեջքի ցավ և այլն: Ինչ վերաբերում է գծապատկերներին և գծապատկերներին, մութ ռեժիմը կարող է բառացիորեն օգնել նվազեցնել ցավը:

 

Բարձրացնում է տեսանելիությունը ցածր լույսի ներքո

Եթե ​​դուք քնած եք, և ինչ-որ մեկը վառ լույս վառի, դուք գլխացավ կունենաք։ Նույն սկզբունքը վերաբերում է այն մարդկանց, ովքեր աշխատում են համակարգչի էկրանի առաջ ուշ գիշերը կամ վաղ առավոտյան։ Մութ ռեժիմը նվազեցնում է այս փայլը և հեշտացնում է բովանդակությունը ցածր լույսի պայմաններում դիտելը:

Խնայում է մարտկոցի էներգիան

OLED էկրանով որոշ թվային գաջեթներ կարող են անջատել սև պիքսելները, երբ դրանք չեն օգտագործվում: Մութ ռեժիմում օգտագործվում են սև պիքսելների ավելացված քանակ, ինչը հանգեցնում է սարքի ավելի քիչ էներգիայի սպառմանը:

Զգացմունքային լիցք է հաղորդում

Մութ ռեժիմի UI-ի շատ օգտվողներ այն ընտրում են էներգիայի և առողջության, այլ ոչ թե էսթետիկ պատճառներով: Մութ ռեժիմը հիշեցնում է նրանց, որ նրանք ինչ-որ ավելի առողջ բան են անում, ինչը նրանց լավ զգացողություն է տալիս, ինչպես այն, ինչ դուք ստանում եք, երբ բեռնում եք ձեր բազմակի օգտագործման սարքը: գնումների պայուսակ կամ մի շիշ ջուր:

Կանխում է ADD-ը: Դիզայն մուգ գույներով

Դե... մի տեսակ: Սպիտակ լույսը և գույները հակված են շեղել ձեր ուշադրությունը, ինչը դժվարացնում է առաջադրանքը կատարելը: Մութ ռեժիմի միջերեսը կարող է ուժեղացնել ուշադրության կենտրոնացումը՝ ուղղելով ձեր կենտրոնացումը ձեր ինտերֆեյսի բովանդակության տարածքներին՝ թույլ տալով, որ այդ բովանդակությունը դուրս գա, իսկ ֆոնն անհետանա:

Մութ ռեժիմ օգտագործելու թերությունները

Ինչպես ամեն ինչ, մութ ռեժիմն ունի իր թերությունները. Եկեք նայենք այն պատճառներին, թե ինչու մուգ թեման կարող է թերություն լինել ձեր նպատակների համար:

Կարող է նվազեցնել հուզական կապը: Դիզայն մուգ գույներով

Bright գույները կարող են վառ զգացմունքներ առաջացնել. Եթե ​​սա այն է, ինչ փնտրում են ձեր հեռուստադիտողները, ապա գույները մգացնելը կարող է նրանց համար մտավոր խոչընդոտ ստեղծել: Նրանք ավելի դժվար կլինեն էմոցիոնալ կապ հաստատել մութ թեմայի հետ։ Եթե ​​ձեր ապրանքանիշը մոտիվացիոն, ոգեշնչող կամ հոգևոր բնույթ ունի, մութ ռեժիմի UI-ն կարող է խաղ լինել: Թեև վառ գույները կարող են ուժեղ զգացմունքներ առաջացնել, հակառակը կարող է լինել: Այսպիսով, ո՞վ է ձեր հանդիսատեսը: Մի այրեք դրանք, եթե նրանք վերելակ են փնտրում:

Սեղմում է տարածությունը

Մուգ պատերով սենյակները կարող են զգալ կլաուստրոֆոբիա: Սարքի վրա մութ ռեժիմը կարող է աշխատել նույն կերպ: Եթե ​​փորձում եք տարածության զգացողություն ստեղծել, մուգ ինտերֆեյսը կարող է տարածքը փոքրացնել:

Ցածր հակադրություն ունեցող գույները կարող են դժվար կարդալ: Դիզայն մուգ գույներով

Եթե ​​ճիշտ չեք հասկանում գույներն ու հակադրությունները, երբ կայքի մշակում կամ մուգ թեմաներով հավելվածներ, սա կարող է դժվարացնել տեքստը կարդալը, ուստի հիշեք սա, երբ նախագծում եք ձեր էլ.փոստը, հավելվածը կամ կայքը մութ ռեժիմում:

Ինչպես օգտագործել մութ ռեժիմը դիզայնում

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

Երբ օգտագործել մութ ռեժիմը: Դիզայն մուգ գույներով

Ընտրեք ձեր ապրանքանիշի գույները

Երբ առկա գունային գունապնակը ապրանքանիշը արդեն համատեղելի է մութ ռեժիմի հետ, մութ ռեժիմի աստվածները ժպտում են քեզ:

 

Մտածեք երկու անգամ մթության մասին, եթե կարծում եք, որ պետք է փոխեք ձեր ապրանքանիշը՝ էսթետիկին համապատասխանելու համար: Նմանապես, եթե ձեր ապրանքանիշը պետք է օգտագործի գույների լայն տեսականի, մտածեք ավելի թեթև ինտերֆեյսի մասին: Ամբողջ գունային սպեկտրը դժվար է կարդալ մուգ ֆոնի վրա:

Ընդգծեք ձեր ոլորտը: Դիզայն մուգ գույներով

Մութ ռեժիմի միջերեսը նույնպես օգտակար է որոշակի ոլորտների բարելավման համար: Օրինակ, բրենդները, որոնք կենտրոնացած են գիշերային կյանքի և զվարճանքի վրա, իդեալական են մութ ռեժիմի համար, քանի որ դրանց բարձր էներգիայի պարունակությունը հաճախ զուգորդվում է մուգ ֆոնի հետ իրական կյանքում:

Գնացեք մինիմալիստական

Եթե ​​ձեր դիզայնի էսթետիկան արդեն մինիմալիստական ​​է՝ սահմանափակ բովանդակությամբ, ձեր միջավայրը հարմար է մութ ռեժիմի համար: Այն իրավիճակում, երբ տեքստը հիմնական բովանդակությունն է, մուգ ինտերֆեյսը կարող է դժվարացնել այն կարդալը: Որպես կանոն, մութ ռեժիմը մեծացնում է տեսողական խառնաշփոթը, ինչն էլ ավելի քաոսային է դարձնում խճճված էկրանը:

Զգացմունքներ առաջացնել

Փորձո՞ւմ եք հատուկ հուզական արձագանք առաջացնել: Ձեզ դուր է գալիս առեղծվածը, թե՞ փոքրիկ դրամա: Քանի որ ցածր տեսանելիությունը առաջացնում է հետաքրքրասիրություն և բարձրացնում էմոցիոնալ լարվածությունը, մութ ռեժիմը կարող է կատարյալ միջոց լինել ձեր ապրանքանիշի համար:

 

Կարգավիճակի խորհրդանիշ. Դիզայն մուգ գույներով

Եթե ​​ցանկանում եք ստեղծել կարգավիճակի զգացում, մութ ռեժիմի միջերեսը կարող է արդյունավետ գործիք լինել: Ավելի մուգ գույները զգացմունքներ են առաջացնում, որոնք կապված են շքեղության և հարստության հետ: Եթե ​​ցանկանում եք ուշադրություն հրավիրել լավ աշխատանքի վրա, մտածեք մութ ռեժիմի միջերեսի մասին:

 

Լավագույն պրակտիկա Dark Mode Design-ի համար

Կան որոշակի գործընթացներ, որոնք պետք է ճիշտ աշխատեն մութ ռեժիմի միջերես ստեղծելիս: Ի վերջո, դուք ցանկանում եք, որ ձեր արտադրանքը լինի հիանալի, այնպես չէ՞: Եկեք ստուգենք մեր մութ ռեժիմի լավագույն փորձի ստուգաթերթի բոլոր վանդակները.

1. Շատ մի մթնեք: Դիզայն մուգ գույներով

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

 

2. Ունեցեք ճիշտ կոնտրաստ

Մուգ ռեժիմում ֆոնը պետք է բավականաչափ մուգ լինի՝ սպիտակ տեքստը ցուցադրելու համար: Google Material Design-ի առաջարկն է՝ օգտագործել տեքստը ֆոնային կոնտրաստի առնվազն 15,8:1 մակարդակի վրա:

3. Չհագեցրե՛ք գույները։ Դիզայն մուգ գույներով

Հեռու մնացեք մուգ ֆոնի վրա լիովին հագեցած գույներից: Մուգ մակերեսների վրա երանգները հաճախ «թրթռում» են թվում: Փոխարենը, օգտագործեք չհագեցած գույներ, ինչպիսիք են պաստելները և խլացված գույները՝ երանգներ ավելացված մոխրագույնով և սպիտակներով:

Բացի այդ, մտածեք փոխել ձեր ապրանքանիշի գունային գունապնակը: Ձեր ընկերության կապույտ գույնը կարող է տարբեր կերպ կարդալ սևի վրա, քան սպիտակի վրա: Մուգ ռեժիմի գույները հաճախ պետք է կարգավորվեն՝ նույն արձագանքը ստանալու համար, ինչ լույսի ռեժիմում:

4. Օգտագործեք ճիշտ գույները «միացված»

Ինչ գույն. Այն, որը հայտնվում է տարրերի և առանցքային մակերեսների վերևում: «On» գույները սովորաբար օգտագործվում են տառերի համար: Նախնական մուգ ռեժիմի միջերեսի գույնը մաքուր սպիտակ է (#FFFFFF): Մի օգտագործեք սա: #FFFFFF-ը կարծես թրթռում է, երբ դիտվում է մուգ ֆոնի վրա: Ընտրեք բաց մոխրագույն գույն:

5. Պարզապես մի շուռ մի տվեք: Դիզայն մուգ գույներով

Եթե ​​ստանդարտ ռեժիմից անցնեք մութ ռեժիմի, ապա սկզբնական թեմայում հավանաբար արժեքավոր տեսողական նշաններ կան: Մի շրջեք միայն գույները՝ մուգ թեմա ստանալու համար: Գուցե դուք հոգեբանական նպատակ ունեցող գույները վերածում եք անիմաստ խլացված գույների: Ընտրեք գույնը գիտակցաբար:

6. Սուզվեք ավելի խորը

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

 

7. Փորձեք և առաջարկեք ազատություն: Դիզայն մուգ գույներով

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