Գունային պալիտրայի գեներատոր

Ինչու է լավ գունային պալիտրան ողջ դիզայնի հենասյունը

Ընտրեք սխալ գույներ, և մարդիկ դա զգում են, նախքան անունը կկարողանան տալ։ Էջը ընկալվում է որպես էժանագին, լոգոն երևում է կեղտոտ, գրաֆիկը վերածվում է աղմուկի։ Ընտրեք ճիշտ գույներ, և աշխատանքը պարզապես ստացվում է. այն զգացվում է կանխամտածված, հանգիստ, հեշտ ընկալվող։ Գույնը կատարում է շատ լուռ աշխատանք՝ ստեղծում է տրամադրություն, ուղղորդում է հայացքը և ասում ընթերցողին, թե որն է ամենակարևորը։ Ուստի պալիտրան ձևավորման վերջում կպցվող դեկորացիա չէ։ Դա որոշում է, որ ընդունում եք վաղ, և գրեթե ամեն ինչ մյուսը դրա վրա է հենվում։

Բարի լուրն այն է, որ ձեզ դիզայնի կրթություն պետք չէ ամուր սխեմա ստանալու համար։ Ձեզ պետք է մի քանի կանոն գունային տեսությունից և արագ ձև՝ գաղափարներ փորձելու համար։ Հենց դա է անում գեներատորը. այն թույլ է տալիս անցնել տասնյակ զուգակցումների միջով այն ժամանակում, որ նախկինում ծախսվում էր մեկի հետ քեզ մտածելով։

Գունային տեսությունը՝ առանց ժարգոնի

Ներդաշնակությունների մեծ մասը գալիս է մեկ պարզ գաղափարից. թե որտեղ են գույները իրար նկատմամբ գտնվում գունային շրջանագծի վրա։ Սովորեք չորս օրինաչափություն, և կկարողանաք կարդալ կամ կառուցել գրեթե ցանկացած սխեմա։

• Կոմպլեմենտար (Complementary) օգտագործում է երկու գույն, որոնք ուղիղ իրար դիմաց են, ինչպես կապույտն ու նարնջագույնը։ Այն բարձր էներգիայով է և հիանալի ուշադրություն գրավելու համար, թեև երկուսի չափազանցությունը մրցում է ուշադրության համար, ուստի թողեք մեկը առաջատարը, մյուսը՝ ընդգծումը։
• Անալոգային (Analogous) օգտագործում է երեք գույն, որոնք կողք կողքի են, ինչպես կարմիրը, նարնջագույնը և դեղինը։ Այն ցածր հակադրության է, հանգիստ, և այն ներդաշնակության տեսակն է, որը հանդիպում է ամբողջ բնության մեջ։ Աչքին հեշտ, բայց գուցե ինչ-որ տեղ հակադրություն ավելացնել անհրաժեշտ լինի, որպեսզի ամեն ինչ միապաղաղ չթվա։
• Տրիադային (Triadic) օգտագործում է երեք գույն, հավասարաչափ բաշխված շրջանագծի վրա, ինչպես կարմիրը, դեղինը և կապույտը։ Վառ և հավասարակշռված, այն լավագույնս աշխատում է, երբ մեկ գույն գերիշխում է, մյուս երկուսը հանդես են գալիս որպես աջակցում։
• Մոնոքրոմ (Monochromatic) հավատարիմ է մեկ երանգին և տատանում է դրա պայծառությունն ու հագեցվածությունը։ Դա ամենահուսալի սխեման է, մաքուր և համախմբված, և լավ պահուստային տարբերակ, երբ ոչինչ չի ստացվում։

Պատահական գեներատորը զվարճալի է ոգեշնչման համար, բայց ներդաշնակության ռեժիմներում է իսկական արժեքը։ Դրանք ձեր գույները պահում են մաթեմատիկորեն կապակցված, ուստի դրանք թվում են իրար պատկանող, դեռ նախքան ինչ-որ բան փոփոխելը։

HEX, RGB և HSL՝ պարզ բառերով

Ամեն գույն, որ պատճենում եք, գալիս է մի քանի նշագրման ձևով, և բոլորն էլ նկարագրում են նույն բանը, բայց տարբեր կերպ։

HEX-ը վեցնիշանոց կոդն է, որը ամենից հաճախ եք տեսնում, օրինակ՝ #3A7BD5։ Այն ուղղակի կարմիրն է, կանաչն ու կապույտը փաթեթավորված մեկ տողի մեջ, երկուական նիշով յուրաքանչյուրի համար։ Այն կոմպակտ է, և հենց դա եք տեղադրելու CSS-ի կամ դիզայն-գործիքի մեջ։

RGB-ը նույն երեք ալիքները նկարագրում է որպես թվեր 0-ից 255, օրինակ՝ rgb(58, 123, 213)։ Նույն գույնը, ավելի ընկալելի, և հարմար, երբ ցանկանում եք ալֆա ալիք թափանցիկության համար։

HSL-ը գույնը նկարագրում է այնպես, ինչպես մարդիկ իրականում մտածում են. hue (որ գույն, 0-ից 360 աստիճան շրջանագծի շուրջ), saturation (որքան վառ), և lightness (որքան պայծառ)։ Ձեռքով կարգավորելու ամենահեշտ ֆորմատն է, քանի որ պայծառության կամ հագեցվածության մի փոքր տեղաշարժը կատարում է հենց այն, ինչ սպասում եք, առանց գուշակության։ Եթե երբևէ պետք է ֆորմատների միջև անցնել, արագ HEX-ից RGB փոխարկումը դա անհոգ է դարձնում։

Մի մոռացեք հակադրության ու հասանելիության մասին

Պալիտրան կարող է հրաշալի թվալ, և միևնույն ժամանակ ձախողվել, հենց որ ինչ-որ մեկը փորձի կարդալ դրա վրայի տեքստը։ Հակադրությունն է այն կետը, որտեղ գեղեցիկը հանդիպում է օգտագործելիին։ Web Content Accessibility Guidelines-ը սահմանում է հստակ շեմ. սովորական մարմնի տեքստը պետք է ունենա հակադրության հարաբերակցություն առնվազն 4.5:1 ֆոնի նկատմամբ, իսկ մեծ տեքստը՝ առնվազն 3:1։ Դա ձևականություն չէ, դա տարբերությունն է ընթերցողի միջև, ով հեշտությամբ անցնում է ձեր էջով, և մեկի, ով կկկնացնում է աչքերը, հրաժարվում և հեռանում է։

Գործնական քայլն է՝ ձեր առաջին և ֆոնային զույգերը փորձարկել ստեղծման ընթացքում, ոչ թե դրանից հետո։ Բաց մոխրագույնը սպիտակի վրա կարող է նրբագեղ թվալ մակետում, և դառնալ անտեսանելի հեռախոսի էկրանին՝ ցերեկային լույսի ներքո։ Երբ զուգակցումը ձախողվում է, սովորաբար բավական է մի գույն մի փոքր ավելի մուգ կամ ավելի բաց դարձնել, ոչ թե ամբողջ սխեմայից հրաժարվել։ Պահեք ձեր վառ ընդգծող գույները կոճակների, հղումների և ընդգծումների համար, այլ ոչ թե տեքստի երկար հատվածների, և կխուսափեք հակադրության խնդիրների մեծամասնությունից, դեռ նախքան դրանք սկսվելը։

Գործնական աշխատահոսք

Ահա մի ընթացակարգ, որը դիմանում է տարբեր նախագծերում։ Սկսեք մեկ խարիսխ գույնով, որի մեջ վստահ եք, հաճախ դա բրենդային գույն է կամ երանգ, որը համապատասխանում է ցանկալի տրամադրությանը։ Ամրացրեք այն, ապա թողեք գեներատորին կառուցել դրա շուրջ ներդաշնակություն։ Անցեք կոմպլեմենտար, անալոգային և տրիադային տարբերակների միջով, մինչև ինչ-որ բան ճիշտ զգացվի, և չափազանց մի մտածեք առաջին անցումի մասին. դուք ուղղություն եք փնտրում, ոչ թե վերջնական պատասխան։

Երբ ունեք թեկնածու, նշանակեք դերեր։ Ընտրեք գերիշխող գույն ֆոնի և մեծ տարածքների համար, երկրորդական գույն կառուցվածքի համար, և մեկ ազդեցիկ ընդգծում այն մասերի համար, որոնք պետք է աչքի ընկնեն։ Ազատ 60-30-10 բաշխումը՝ գերիշխողից երկրորդականին ընդգծմանը, ամեն ինչ պահում է հավասարակշռված՝ առանց կոշտ զգացվելու։ Ապա ստուգեք հակադրությունը յուրաքանչյուր տեքստային զույգում, պատճենեք տասնվեցական կոդերը, և ամեն ինչ պատրաստ է։ Պահեք հաջողված տարբերակները, քանի որ մի նախագծի համար ճշգրիտ գտած պալիտրան հաճախ դառնում է հաջորդի սերմը։ Երբ պատրաստ եք շարունակել կառուցումը, մեր բոլոր գեներատորների ընտրանու մնացած մասը կարող է կատարել մյուս մասերը։

Հաճախ տրվող հարցեր