ფერი ფართოდ გამოიყენება დიზაინში - ის საშუალებას გაძლევთ "აღორძინოთ" შინაარსი - შექმნათ სემანტიკური კავშირი ელემენტებს შორის, შეავსოთ ნამუშევარი ემოციებითა და განწყობით. დამწყები დიზაინერები ირჩევენ შემთხვევით ფერებს, მაგრამ არსებობს ფერების გამოყენების გზები უფრო მნიშვნელოვანი გზებით. განვიხილოთ 4 ასეთი მეთოდი, რომლებიც ორგანიზებულია პრინციპით მარტივიდან რთულამდე.

1. გამოიყენეთ ცნობილი მასშტაბი

ვებგვერდი brandcolors.net შეიცავს ცნობილი ბრენდების 500-ზე მეტ ფერთა კომბინაციას. Yandex, Google, Burger King ყველა პროდუქტში ერთსა და იმავე პალიტრას იყენებენ. ეს ბრენდები და მათი ფერები ბევრისთვის ნაცნობი და საყვარელია. ჩაწერეთ სახელი საძიებო ზოლში ან გადაახვიეთ გვერდი, დააწკაპუნეთ სასურველ ბრენდსა და ფერზე: მისი კოდი დაკოპირდება ბუფერში.

2. აირჩიეთ მზა პროფესიონალური პალიტრა

უმარტივესი გზაა მზა ფერის კომბინაციის აღება. არ არის აუცილებელი ბორბლის ხელახლა გამოგონება ყოველ ჯერზე, რადგან ჰარმონიული კომბინაციები დიდი ხანია ცნობილია. გადადით colordrop.io-ზე და აირჩიეთ. საიტზე ასობით პროფესიონალური 4 ფერის პალიტრაა. მას შემდეგ რაც შეარჩიეთ თქვენთვის სასურველი, დააწკაპუნეთ და დააკოპირეთ ფერის კოდები პანელიდან, რომელიც იხსნება მარჯვნივ.

გარდა ამისა, სერვისი შეიცავს 24 ბრტყელი დიზაინის ფერის მზა არჩევანს. დააწკაპუნეთ მარცხნივ სახელწოდებით „ბრტყელი ფერები“ და აიღეთ თქვენთვის სასურველი ჩრდილის კოდი.

3. განსაზღვრეთ თქვენთვის სასურველი ფოტოს ან სურათის ფერთა პალიტრა

ეს მეთოდი ცოტა უფრო რთულია. მაგრამ ასევე უფრო ეფექტური.

• ვებსაიტზე coolors.co, ზედა მარცხენა პანელში, იპოვეთ კამერის ხატულა და დააწკაპუნეთ მასზე. გაიხსნება სურათის ატვირთვის ფანჯარა.
• თქვენ შეგიძლიათ აირჩიოთ ფოტო ან სურათი თქვენთვის სასურველი ფერის სქემით თქვენი კომპიუტერიდან ან დააკოპიროთ ბმული ცარიელ სვეტში.
• სერვისი განსაზღვრავს ფერების კომბინაციას (ქვემოთ ატვირთული სურათის ქვეშ).
• თქვენ შეგიძლიათ შეცვალოთ ამ პალიტრის ცალკეული ფერები მათი მარკირებით და ფოტოზე წერტილის არჩევით, საიდანაც გსურთ ფერის აღება.
• ღილაკი "კოლაჟი" ინახავს მიღებულ პალიტრას ფერადი კოდებით კომპიუტერზე.
• ღილაკი "Auto" ქმნის ახალ კომბინაციებს იმავე ფოტოზე დაყრდნობით.
• დააჭირეთ "OK" და გადადით საიტის მთავარ გვერდზე პალიტრასთან შემდგომი მუშაობისთვის.

არანაკლებ ფუნქციონალურია საიტის მთავარი გვერდი. აქ შეგიძლიათ აირჩიოთ ინდივიდუალური ფერების ჩრდილები ან შეიკრიბოთ ახალი პალიტრა ინდივიდუალური ფერების შეცვლით.

4. შექმენით თქვენი საკუთარი ფერის სქემა ონლაინ

იმავე საიტზე coolors.co-ზე ფოტოს ატვირთვით, შეგიძლიათ არა მხოლოდ ფერის კოდის განსაზღვრა, არამედ საკუთარი კომბინაციების შექმნაც. ამისათვის დააჭირე Space Bar - სერვისი ავტომატურად ქმნის 5 ფერის კომბინაციას.

ყველა ფერზე 4 ხატის ღილაკი:

• ალტერნატიული ჩრდილები - ფერის ჩრდილები (მუქი და ღია),
• გადაათრიეთ (გადაიტანეთ ფერი პალიტრაში მარჯვნივ ან მარცხნივ),
• მორგება (შეასწორეთ ელფერი, გაჯერება, სიკაშკაშე და ა.შ.),
• ჩაკეტვა (ფერის დაფიქსირება).

როგორ ვმართოთ მომხმარებლის ყურადღება ვებსაიტზე? როგორ ავირჩიოთ სწორი ფერები ვებსაიტისთვის? რა აპლიკაციის გამოყენება შეგიძლიათ კონკურენტის ვებსაიტზე ფერის კოდის გასარკვევად? მას დღეს სტატიაში განვიხილავთ.

ფერების სქემების განსაზღვრის სერვისები

• color-hex.com - განსაზღვრავს რომელი ფერებია თქვენი ფერის გვერდით
• thestocks.im - მაკეტების, ვიდეოების, ფოტოების, ხატების, შრიფტების აგრეგატორი.
• Eye Dropper არის გაფართოება Google Chrome-ისთვის, რომელიც საშუალებას გაძლევთ გამოიყენოთ თვალის საწვეთური, რათა გაიგოთ ნებისმიერი ფერის კოდი ინტერნეტის ნებისმიერ გვერდზე.
• Adobe Color CC- შეარჩიეთ ფერების კომბინაციები. Adobe Color CC დაგეხმარებათ, როდესაც გაქვთ სურათი და გსურთ მისი ძირითადი ფერების ატვირთვა. პროგრამა განსაზღვრავს სურათზე 5 დომინანტური ფერის პალიტრას, რომელთა შენახვა და გამოყენება შესაძლებელია პრეზენტაციებში. უფასოდ.
• Colorzilla არის გაფართოება Google Chrome-ისა და Mozilla Firefox-ისთვის, რომელიც მოიცავს ფერის ამომრჩეველს, თვალის წვეთს, css გრადიენტის გენერატორს და პალიტრის ბრაუზერის ხელსაწყოებს. საკმარისია თვალის საწვეთური მიუთითოთ სასურველ ფერზე ნებისმიერ ვებსაიტზე და დააკოპიროთ კოდი.

ფერის შერჩევა

ატვირთეთ სურათი და გააკეთეთ მისგან პალიტრა.

• Coolors.co - რესურსი პალიტრებით, რომელიც შეგიძლიათ თავად შექმნათ ან ისესხოთ კოლექციიდან

COLOURlovers - მდეფერების მოყვარულთა საზოგადოება, რომელიც იზიარებს პალიტრებს, ფერებს, ფონებსა და გრაფიკულ შაბლონებს. არსებობს ფერების ტენდენციები ინტერიერიდან, ჟურნალებიდან, ვებსაიტებიდან და თუნდაც ქუჩის მოდისგან. "დათვალიერების" განყოფილებაში შეგიძლიათ იპოვოთ ავტორის ფერები და პალიტრები და ჩამოტვირთოთ ფონი თქვენი პრეზენტაციისთვის.

როგორ ავირჩიოთ ფერი ვებსაიტისთვის

თქვენ არ შეგიძლიათ შეაფასოთ წიგნი მისი ყდის მიხედვით, მაგრამ თქვენ ნამდვილად შეგიძლიათ შეაფასოთ ვებსაიტი მისი დიზაინის მიხედვით. ადამიანები მიდრეკილნი არიან შეაფასონ და განსჯონ პროდუქტები და ვებსაიტები მათი გარეგნობის მიხედვით, მანამდეც კი, სანამ მათ ფუნქციონალურობასა და სარგებელს გაიგებენ.

ბრენდინგში ფერებს უფრო პირდაპირი მნიშვნელობა აქვთ, ვიდრე ზოგადი გაგებით. მათი შეჯამება შესაძლებელია რამდენიმე სიტყვით, ასე რომ, აქ არის თქვენთვის სია:

• შავი. სანდო, დახვეწილი და გამოცდილი. გამოიყენება ფუფუნების საქონლის პოპულარიზაციისთვის.
• თეთრი. მარტივი, მშვიდი და სუფთა.
• წითელი. ნდობა, ახალგაზრდობა და ძალა. ხშირად გამოიყენება მთლიანი გაყიდვებისთვის.
• ნარინჯისფერი. მეგობრული, თბილი და ენერგიული. ქმნის ქმედებისკენ მოწოდებას: რეგისტრაცია, ყიდვა ან გაყიდვა.
• ყვითელი. ბედნიერება, ოპტიმიზმი და სითბო. ჩვეულებრივ გამოიყენება ეკრანის ფანჯარაზე ყურადღების გასამახვილებლად.
• მწვანე. მშვიდობა, ზრდა და ჯანმრთელობა. მარკეტინგში გამოიყენება დასვენებისთვის.
• ლურჯი. ნდობა, უსაფრთხოება და სტაბილურობა. ჩვეულებრივ გამოიყენება ბანკებისა და ბიზნესებისთვის.
• იასამნისფერი/იისფერი. მდიდრული, კრეატიული და ბრძენი. ხშირად გამოიყენება სილამაზის და დაბერების საწინააღმდეგო პროდუქტების ინდუსტრიაში.
• ვარდისფერი. რომანტიკული და ქალური. გამოიყენება ქალებისა და ახალგაზრდა გოგონების პროდუქტების პოპულარიზაციისთვის.

შავი

ფერს აქვს დიდი რაოდენობით მნიშვნელობა. ეს დაკავშირებულია ტრაგიკულ სიტუაციებთან. ეს ყველაფერი დამოკიდებულია იმაზე, თუ როგორ იყენებთ მას და რა ფერები მოყვება მას. შავი კარგად უხდება ნებისმიერ სხვა ფერს, რაც მას იდეალურად აქცევს ფონისთვის. დიზაინერები ხშირად იყენებენ მას კონტრასტების დასამყარებლად.

თეთრი

ფერი ნიშნავს სიწმინდეს და უდანაშაულობას, ისევე როგორც მთლიანობას და სიცხადეს. თეთრი ხშირად ასოცირდება ცარიელ ფურცელთან, რაც ხალხს ახალი იდეების გენერირებისკენ უბიძგებს. თუმცა, ზედმეტმა თეთრმა შეიძლება გამოიწვიოს იზოლაციისა და სიცარიელის განცდა. დიზაინში თეთრი ჩვეულებრივ გამოიყენება ფონის ფერად, განსაკუთრებით იმ რესურსებისთვის, სადაც წაკითხვა მნიშვნელოვანი ნაწილია.

წითელი

ფერი ჩვეულებრივ ასოცირდება ვნებიან, ძლიერ ან აგრესიულ გრძნობებთან. ეს სიმბოლოა როგორც კარგი, ასევე ცუდი მდგომარეობა, მათ შორის სიყვარული, თავდაჯერებულობა, ვნება და სიბრაზე. დიზაინში წითელი ფერის გამოყენება მომხმარებელთა ყურადღების მიქცევის ეფექტური საშუალებაა.

ნარინჯისფერი

ეს არის ენერგიული და თბილი ფერი, რომელიც აღძრავს მღელვარების განცდას. დიზაინერები იყენებენ ფერს, როდესაც მათ სჭირდებათ მოქმედების მოტივაცია.

ყვითელი

ეს არის ბედნიერების ფერი და სიმბოლოა მზის, სიხარულისა და სითბოს. ყვითელი ითვლება ყველაზე ღია ფერად და მას აქვს ერთ-ერთი ყველაზე ძლიერი ფსიქოლოგიური მნიშვნელობა. მომხმარებლები, რომლებიც ხედავენ ყვითელ ფერებს დიზაინში, შეუძლიათ იგრძნონ შთაგონება და თავდაჯერებულობა. თუმცა, უნდა გახსოვდეთ, რომ ძალიან ბევრმა ყვითელმა შეიძლება გამოიწვიოს უარყოფითი რეაქციები, როგორიცაა შფოთვის ან შიშის გრძნობა.

მწვანე

მას ხშირად უწოდებენ ბუნების ფერს, წონასწორობას და ჰარმონიას. მწვანე მოაქვს დამამშვიდებელი და განახლებული გრძნობები. ეს ასევე ზრდის და გამოუცდელობის ნიშანია. მას უფრო მეტი დადებითი ენერგია აქვს, ვიდრე სხვა ფერებს, მაგრამ ზოგჯერ ასოცირდება მატერიალიზმთან. მწვანე ტონებში დიზაინი იდეალურია ბუნებასთან დაკავშირებული პროდუქტებისთვის.

ლურჯი

ნდობის ფერი. ეს ჩვეულებრივ აჩვენებს საიმედოობას და ამშვიდებს.

მეწამული

დიდი ხნის განმავლობაში ასოცირდება სიმდიდრესთან, რადგან ბევრ მეფეს ეცვა მეწამული სამოსი, ის სასარგებლოა გარკვეული ფუფუნების პროდუქტების წარმოსაჩენად. ის ასევე საიდუმლოებისა და მაგიის ფერია. ის აერთიანებს წითელ და ლურჯ ენერგიას, ამიტომ მას აქვს სიძლიერისა და სტაბილურობის ბალანსი. ფერის დიდმა კონცენტრაციამ შეიძლება გადაიტანოს მომხმარებლების ყურადღება.

ვარდისფერი

ეს არის მგრძნობელობისა და რომანტიკის ფერი. ვარდისფერი გაცილებით რბილია ვიდრე წითელი, ამიტომ უპირობო სიყვარულის განცდას ქმნის. ვარდისფერი ძალიან მჭიდროდ ასოცირდება ქალურობასთან, ამიტომ ის შეიძლება იყოს ეფექტური ფერი, თუ სამიზნე აუდიტორია ძირითადად გოგონებია.

ყავისფერი

დიზაინერები, როგორც წესი, იყენებენ ყავისფერს, როგორც ფონის ფერს სხვადასხვა ფერებში, ძალიან ღიადან ღრმამდე. მას მოაქვს სითბოს და კომფორტის განცდა. გარდა ამისა, ის შეიძლება გამოყენებულ იქნას გამოცდილების და ნდობის დემონსტრირებისთვის.

ფერის გავლენა საქონლის შეძენაზე

კვლევა ჩრდილოეთ ამერიკაში ჩატარდა.

საყვარელი ფერები

ყველაზე ნაკლებად საყვარელი ფერები

ფერადი მოდელები

• CMYK: ციანი (მოლურჯო), მაგენტა (მოწითალო), ყვითელი (ყვითელი) და გასაღები ("გასაღები" - შავი). ანუ ეს მოდელი შედგება სამი ძირითადი ფერისა და შავისაგან, რაც საშუალებას გაძლევთ შექმნათ მუქი ჩრდილები. გამოიყენება ფერწერასა და ბეჭდვაში.
• RGB მოდელები: წითელი, მწვანე, ლურჯი - წითელი, მწვანე, ლურჯი. გამოიყენება კომპიუტერებში, ტელევიზორებში და სხვა ელექტრონულ მოწყობილობებში

მონოქრომატული

იგი ეფუძნება ერთ ფერს სხვადასხვა ფერებში. მონოქრომატული პალიტრა ყოველთვის გამარჯვებული არჩევანია, რადგან ძნელია შეცდომის დაშვება და უსიამოვნო ფერის სქემის შექმნა.

ანალოგიური ფერები

მსგავსი ჰარმონიის შესაქმნელად გამოიყენეთ ფერები, რომლებიც ერთმანეთის გვერდით არიან ფერის ბორბალზე.

შემავსებელი

დამატებითი სქემა არის ფერების კომბინაცია, რომელიც მდებარეობს ერთმანეთის საპირისპიროდ, ფერის ბორბალზე. ეს სქემა საპირისპიროა ანალოგური და მონოქრომატული, რადგან ის მიზნად ისახავს მაღალი კონტრასტის მიღწევას. მაგალითად, ლურჯ ფონზე ნარინჯისფერი ღილაკი ძნელია გამოტოვოთ ნებისმიერ ინტერფეისში.

ფერი არის ერთ-ერთი ყველაზე მნიშვნელოვანი ელემენტი დიზაინერის მუშაობაში. მაგრამ, როგორც კონცეფცია, შეიძლება საკმაოდ რთული იყოს მისი დაუფლება: პალიტრების მრავალი კომბინაციის გამო, ხშირად ძნელია გადაწყვიტო, თუ როგორ უნდა შეიმუშავო ვებ გვერდებისა და აპლიკაციების ინტერფეისი. ჩვენ ადრე გამოვაქვეყნეთ მიმოხილვები არჩევანის ინსტრუმენტებზე და. დღეს კი გვინდა გავაფართოვოთ თემა ბლოგზე ნიკ ბაბიჩის სტატიის Essential Color Tools for UX Designers-ის თარგმანის გამოქვეყნებით.

შენიშვნა შეიცავს ვებსაიტებისა და UX დიზაინის საუკეთესო ფერის შერჩევის სერვისების ჩამონათვალს, რაც დაგეხმარებათ დაზოგოთ ბევრი დრო. ამ პროექტების საშუალებით თქვენ შეისწავლით:

• საიდან მიიღოთ შთაგონება;
• როგორ შევქმნათ საკუთარი პალიტრა;
• როგორ გავხადოთ დიზაინი ხელმისაწვდომი ფერის მხედველობის დარღვევის მქონე ადამიანებისთვის.

1. ეძებს შთაგონებას

ბუნების ფერები

დახატე შენს გარშემო არსებული სამყაროდან. ყველაფერი რაც თქვენ უნდა გააკეთოთ, უბრალოდ მიმოიხედეთ გარშემო. მოდური ტანსაცმელი, წიგნების ყდები, ინტერიერის დიზაინი... იმდენი საოცარი რამ არის თქვენს ირგვლივ. მაგრამ საუკეთესო ფერის კომბინაცია არის ბუნების ფერები. გადაიღეთ ლამაზი მომენტი და შეეცადეთ შექმნათ თქვენი არჩევანი კონკრეტული სურათის საფუძველზე.

ფერების საუკეთესო კომბინაციები ბუნებაში გვხვდება. თქვენ შეგიძლიათ მიიღოთ ფერადი სქემა ნებისმიერი ფოტოდან

ქცევა

ამ პოპულარულ სერვისში ნახავთ საინტერესო ნამუშევრებს, რომლებიც შედიან თავიანთი დარგის ნამდვილი პროფესიონალების საუკეთესო ონლაინ პორტფოლიოებში. ეს საიტი ასევე არის შთაგონების დიდი წყარო. პროექტების ახალი ღირსეული მაგალითების სანახავად, უბრალოდ აირჩიეთ თქვენთვის სასურველი ფერი.

დრიბლის ფერები

Dribbble არის ერთ-ერთი საუკეთესო, რომელიც გამოდგება მომხმარებლის ინტერფეისის შექმნისას. თუ გსურთ ვიზუალურად გაიგოთ, როგორ გამოიყენეს სხვებმა კონკრეტული ფერი, გადადით dribbble.com/colors და შეიყვანეთ თქვენთვის სასურველი მნიშვნელობა.

საიტისთვის ფერის არჩევისას, აქ შეგიძლიათ დააყენოთ მისი მინიმალური პროცენტი - ექსპერიმენტი, მაგალითად, სცადეთ დააყენოთ 30% ლურჯი.

სცადეთ Dribbble-ში კონკრეტული ფერის მინიმალური პროცენტის დაყენება

დიზაინის შთაგონება

Designspiration არის სასარგებლო ინსტრუმენტი, უპირველეს ყოვლისა, მათთვის, ვისაც უკვე აქვს იდეები ფერების კომბინაციების შესახებ და სურს იხილოს ასეთი კომბინაციების მაგალითები. აირჩიეთ 1-დან 5-მდე ვარიანტი და ნახავთ სურათებს, რომლებიც შეესაბამება მითითებულ პარამეტრებს.

Designspiration-ში ნახავთ ფერების კომბინაციის სხვადასხვა მაგალითებს

Tineye Multicolr

Tineye Multicolr ფერის შესატყვისი სერვისის გამოყენებით შეგიძლიათ განსაზღვროთ გამოსახულების სასურველი გამა და დააყენოთ თითოეული მათგანის პროცენტიც კი (ფარდობა). საიტი ინტეგრირებულია Flickr-ის Creative Commons-ის 20 მილიონი ფოტოს მონაცემთა ბაზასთან. ეს ნამდვილად არის ერთ-ერთი ყველაზე სწრაფი გზა სრულყოფილი პალიტრის მოსაძებნად.

Colorzilla

ColorZilla არის გაფართოება Chrome და Mozilla Firefox ბრაუზერებში ინსტალაციისთვის. მასში შედის ისეთი ინსტრუმენტები, როგორიცაა თვალის წვეთები, პალიტრის დათვალიერება, შექმნა და სხვა.

ColorZilla გაფართოება ხელმისაწვდომია Chrome-სა და Firefox-ში

Shutterstock Spectrum

ერთ-ერთი საუკეთესო გზა იმის წარმოდგენისთვის, თუ როგორი იქნება ფერის სქემა, არის შესაბამისი სურათების ნახვა. გადაწყვეტილებების უმეტესობა, რომლებიც გვთავაზობენ ფერის არჩევანს ვებსაიტების დიზაინისთვის, მოიცავს ამ მახასიათებელს, მაგრამ Shutterstock Spectrum-ს აქვს წარმოუდგენლად მოსახერხებელი ინტერფეისი და გადახედვა, რომელიც ნამდვილად შეიძლება იყოს სასარგებლო.

უფრო მეტიც, თქვენ არ დაგჭირდებათ გამოწერა, რადგან სურათის წინასწარი შეფასება სავსებით საკმარისი იქნება (მიუხედავად იმისა, რომ მას აქვს "წყლის ნიშანი").

W3Schools

ახლახან ბლოგმა განიხილა არჩევანი W3Schools-დან. ამ თემაზე უამრავი ინფორმაციაა თავმოყრილი, დაწყებული მათი სახელებიდან/ჩრდილების კოდებიდან, პალიტრების კომბინირების თეორიიდან და დამთავრებული სხვადასხვა ფორმატის აღწერით: HEX, RGB, CMYK, HWB და ა.შ. გენერატორები, კონვერტორები და მსგავსი „მინი-სერვისები“. საერთო ჯამში, საინტერესო საყურებელია.

2. შექმენით ფერების პალიტრა

მასალის დიზაინის ფერის ხელსაწყო

Material Design Color Tool გაძლევთ საშუალებას შექმნათ, გააზიაროთ ფერადი სქემები და ნახოთ უხეში მომხმარებლის ინტერფეისი თქვენი არჩევანისთვის. მისი ერთ-ერთი სასარგებლო ფუნქციაა ნებისმიერი ფერის კომბინაციის ხელმისაწვდომობის დონის გაზომვა.

გამაგრილებელი

Coolors არის საიტი მრავალფეროვანი პალიტრის შესაქმნელად. უბრალოდ ჩაამაგრეთ კონკრეტული ფერი და დააჭირე ინტერვალის ზოლს. ინსტრუმენტი ასევე კარგია, რადგან თქვენ მიიღებთ ერთზე მეტ შედეგს, მაგრამ შეგიძლიათ შექმნათ რამდენიმე ვარიანტი მხოლოდ საწყისი მონაცემების შეცვლით.

ფერის სქემა Coolors-ში ფოტოზე დაყრდნობით

Adobe Color CC

ფერის შესატყვისი სერვისი Adobe Color CC (ყოფილი Kuler) ახლა საკმაოდ პოპულარულია. ის თავისუფლად არის ხელმისაწვდომი ინტერნეტში, მაგრამ არსებობს დეზექტორული ვერსიაც. ამ ვებ აპლიკაციით თქვენ შექმნით საკუთარ პალიტრას ფერის ბორბლის გამოყენებით:

ან შეგიძლიათ მიიღოთ გარკვეული შედეგი დასრულებული სურათიდან:

ვებსაიტისთვის ფერების შერჩევა სურათის მიხედვით

აქ ასობით მზა კომბინაციაა, მოძებნეთ ისინი განყოფილებაში "ყურება":

თუ იყენებთ დესკტოპის ვერსიას, შეგიძლიათ ერთი დაწკაპუნებით შექმენით ფერადი სისტემის ექსპორტი InDesign-ში, Photoshop-სა და Illustrator-ში.

პალეტონი

მას ხშირად ადარებენ წინა Adobe Color CC-ს, რადგან დიზაინი ძალიან ჰგავს. ერთადერთი განსხვავება ისაა, რომ Paletton-ში თქვენ არ შემოიფარგლებით ხუთი პარამეტრით, მაგრამ შეგიძლიათ ექსპერიმენტი გააკეთოთ დამატებითი ინტერფეისის ტონებით.

გარდა ამისა, შეგიძლიათ ნახოთ. სხვებთან ერთად აპლიკაცია საშუალებას გაძლევთ იმუშაოთ ნებისმიერ ადგილას, უბრალოდ თქვენი სმარტფონის გამოყენებით. ფერთა პალიტრების შექმნის/ექსპორტის უშუალო ამოცანების გარდა, აქ შეგიძლიათ აირჩიოთ კონკრეტული ფერები სურათებიდან ან გამოიყენოთ ძირითადი პარამეტრები.

3. პალიტრის ხელმისაწვდომობა

დღესდღეობით, ფერის მხედველობის დარღვევა ბევრად უფრო ხშირია, ვიდრე ჩვენ წარმოვიდგენთ. მსოფლიოში დაახლოებით 285 მილიონი ადამიანი განიცდის მხედველობის პრობლემებს. თქვენ ყოველთვის უნდა შეამოწმოთ არის თუ არა თქვენს მიერ არჩეული ის ხელმისაწვდომი ასეთი მომხმარებლებისთვის.

WebAIM ფერის კონტრასტის შემოწმება

ზოგიერთი ტონი კარგად ერწყმის ერთმანეთს, ზოგი კი პირიქით. პროექტების დიდი რაოდენობა ვერ ახერხებს A/A ტესტს და ეს ფაქტია. ძალიან მნიშვნელოვანია ინტერფეისის ვიზუალური დიზაინის და ტონების კონტრასტის შემოწმება, განსაკუთრებით იმ შემთხვევაში, თუ გვერდზე ბევრი ტექსტია. ამ მიზნებისათვის გამოიყენეთ ვებსაიტის ფერების შერჩევისას.

WebAIM Color Contrast Checker არის ვებ-ზე დაფუძნებული ინსტრუმენტი, რომელიც ამოწმებს ფერის კოდებს თექვსმეტობითი მნიშვნელობებით.

გამაგრილებელი

ჩვენ უკვე აღვნიშნეთ ეს სერვისი ზემოთ. სხვა საკითხებთან ერთად, Coolors ასევე დაგეხმარებათ შეამოწმოთ თქვენი გამოგონილი პალიტრა დალტონიზმისთვის.

დალტონიზმის ტიპი დიაგრამაში

ნორმალური რეჟიმის ნაცვლად, აირჩიეთ მხედველობის პრობლემის ტიპი, რომლის სიმულაციაც გსურთ. შედეგად, ზუსტად მიხვდებით, როგორ დაინახავს თქვენს დიზაინს ადამიანი, რომელსაც არ შეუძლია გარკვეული ფერების გარჩევა.

ასე ხედავს პროტანომალიის მქონე ადამიანი პალიტრას

NoCoffee Vision Simulator Chrome-ისთვის

NoCoffee Vision Simulator ვებსაიტის გამოყენებით, თქვენ ხედავთ, თუ როგორ აღიქვამენ გარკვეულ ვებგვერდებს დალტონიზმის მქონე ან დაბალი ხედვის მქონე ადამიანები. მაგალითად, თუ თქვენ მიუთითებთ "Achromatopsia" პარამეტრს "ფერების დეფიციტი" განყოფილებაში, თქვენ იხილავთ ვებ გვერდს ნაცრისფერში.

ასე გამოიყურება CNN-ის პროექტი დეტერანოპიის მქონე ადამიანისთვის.

დასკვნა

სტატიაში ნახსენები ვებსაიტების ფერის შესატყვისი და UX დიზაინის სერვისი აუცილებლად დაგეხმარებათ საინტერესო და ეფექტური პალიტრის ძიებაში. მაგრამ დაიმახსოვრეთ: საუკეთესო გზა ისწავლოთ როგორ შექმნათ საოცარი პალიტრები არის ბევრი პრაქტიკა და ექსპერიმენტი.

ვებსაიტისთვის ფერადი სქემის არჩევის ამოცანა შეიძლება ძალიან რთული ჩანდეს, განსაკუთრებით თუ კარგად არ ხართ გათვითცნობიერებული ფერების კომბინაციებში:

თუ ყველაფერი კარგად წავა, თქვენი საიტი ჰარმონიულად გამოიყურება. თუ არა, მიიღებთ საშინელებათა ფილმის სტილის სურათს!

თუ თქვენ თავიდან აიცილებთ ფერის გამოყენებას თქვენს ვებსაიტზე, ის მოსაწყენი და სწრაფად დავიწყებული გახდება. თუ გადააჭარბებთ ფერს, საიტი დაბინდული მოგეჩვენებათ.

თქვენ უნდა აირჩიოთ სწორი შაბლონი და ფერების პალიტრა თქვენი მომავალი ვებსაიტისთვის. ეს ორი ამოცანა შეიძლება იყოს ყველაზე რთული ვებსაიტის შექმნისას.

მხოლოდ რამდენიმე წესის ცოდნა გაართულებს ფერების არჩევას.

ამ სტატიის წაკითხვის შემდეგ, თქვენ შეისწავლით როგორ:

• აირჩიეთ ყველაზე შესაფერისი ფერი თქვენი ვებსაიტისა და პირადი ბრენდისთვის;
• როგორ გავაერთიანოთ ტონები ჰარმონიული ფერის სქემის მისაღწევად;
• აირჩიეთ ფონის ყველაზე შესაფერისი ფერი;
• გამოიყენეთ ფერადი აქცენტები მხოლოდ საჭიროების შემთხვევაში.

როგორ მოქმედებს ფერი თქვენი ვებსაიტისა და ბრენდის აღქმაზე?

თუ გთხოვ, იფიქრო კოკა-კოლაზე, რა იქნება პირველი, რაც თავში მოგივა? დიდი ალბათობით, თქვენს წარმოსახვაში გამოჩნდება წითელი კოკა-კოლას ლოგო:

საკმაოდ რთულია იფიქრო ამ სასმელზე და არ დააკავშირო ის წითელ ფერთან. წითელი იმდენად მჭიდროდ ასოცირდება ბრენდთან, რომ ის ისეთივე მნიშვნელოვანია, როგორც თავად ცნობილი სასმელი.

წითელი ფერის სქემაში ორ მნიშვნელოვან გზავნილს გადმოსცემს:

1. კაშკაშა წითელი ეტიკეტები გამოირჩევა დანარჩენისგან სოდაზე.
2. თითოეული ფერი იწვევს გარკვეულ ემოციებს. როდესაც წითელს ვხედავთ, ქვეცნობიერის დონეზე გვაქვს მღელვარების, სიყვარულის და ვნების განცდა. აი, რა გრძნობების გამოწვევა სურს Coca-Cola-ს თავისი სასმელებით:

თუ თქვენ აირჩევთ სწორ ფერთა სქემას თქვენი ვებსაიტისთვის, თქვენ არა მხოლოდ გახდით მას ვიზუალურად მიმზიდველს, არამედ შექმნით დასამახსოვრებელ ბრენდს.

მყიდველების 85% აღიარებს, რომ პროდუქტის შეძენის მთავარი მიზეზი მისი ფერი იყო.

ფერის გამოყენებისას ბრენდის აღიარება იზრდება 80%-ით.

3 ნაბიჯი თქვენს ვებსაიტზე ფერის სწორად გამოყენებისთვის

ვებსაიტის დიზაინის შემუშავებისას გჭირდებათ:

• შეარჩიეთ თქვენი ბრენდისთვის დომინანტური ფერი;
• შეარჩიეთ რამდენიმე აქცენტი ჩრდილში ფერის სქემის შესაქმნელად;
• ფონის ფერის არჩევა სრული დიზაინის შესაქმნელად.

1. უპირატესი ფერის არჩევა

არის თუ არა თქვენი ბრენდის უპირატესი ფერი წითელი, როგორიცაა Coca-Cola? ეს ხელს შეუწყობს რესურსის ვიზიტორებში საჭირო ემოციების აღძვრას, ადამიანებში აღძრავს მღელვარების, სიყვარულისა და ვნების გრძნობას.

ეს ფერი არის პირველი, რაც ხალხს გონზე უნდა მოუვიდეს, როდესაც ისინი ფიქრობენ თქვენს კომპანიაზე. თუ უკვე გაქვთ ლოგო, დარწმუნდით, რომ ის შეიცავს თქვენი ბრენდის ძირითად ფერს.

როგორ ავირჩიოთ სწორი ფერი

შემთხვევითი არ არის, რომ მსხვილი კომპანიები თავიანთი ვებსაიტისთვის ამა თუ იმ ფერის სქემას ირჩევენ. ეს არის შეგნებული არჩევანი, რომელიც არის ბრენდინგისა და მარკეტინგის ნაწილი.

თითოეული ფერი იზიდავს მყიდველთა საკუთარ ჯგუფს და შეუძლია გავლენა მოახდინოს მათ არჩევანზე:

წითელ-ნარინჯისფერი, შავი და ნათელი ლურჯი იზიდავს იმპულსურ მყიდველებს. ამ ფერის სქემებს ხშირად ნახავთ სწრაფი კვების ქსელებში, ტანსაცმლის მაღაზიებში და გარიგების გაყიდვებში.

მუქი ლურჯი და ფირუზისფერი იზიდავს მყიდველებს შეზღუდული თანხით. ეს ფერები შეგიძლიათ იხილოთ ბანკებში და დიდ მაღაზიებში.

ჟოლო, ცისფერი და ვარდისფერი იზიდავს კლასიკურ მყიდველებს. გავრცელებულია ტანსაცმლის მაღაზიებში.

სასურველი მომხმარებლების მოსაზიდად გამოიყენეთ სხვადასხვა ფერის კომბინაციები.

ჩვენ სპეციალურად შევქმენით ვიზუალური ინფოგრაფიკა ფერთა სქემების შესარჩევად, რათა გაგიადვილოთ თქვენი ბრენდისთვის დომინანტური ფერის არჩევა:

რა ფერი უნდა გამოიყენოთ თქვენი ვებსაიტისთვის?

მწვანე სიმბოლოა სიმდიდრე, ჯანმრთელობა, სიმშვიდე და ბუნება. ეს ფერი ყველაზე ადვილად აღიქმება თვალებით და შედეგად მოდუნდება. მწვანე მეორე ყველაზე საყვარელი ფერია როგორც მამაკაცებისთვის, ასევე ქალებისთვის.

ყვითელი არის ახალგაზრდობის, ოპტიმიზმის და მხიარულების სიმბოლო. ხშირად გამოიყენება ყურადღების მისაპყრობად. ყვითელი ასევე შეიძლება გამოიწვიოს დაძაბულობა, ამიტომ გამოიყენეთ იგი მცირე რაოდენობით.

ნარინჯისფერი ასოცირდება კეთილგანწყობასთან, მღელვარებასთან და შემოქმედებითობასთან. ასტიმულირებს აქტივობას ადამიანებში. მაგალითად, ის მოგიწოდებთ შეიძინოთ პროდუქტი ან გამოიწეროთ საინფორმაციო ბიულეტენი. ეს ფერი იზიდავს იმპულსურ მყიდველებს.

წითელი სიმბოლოა ვნება, მღელვარება, ენერგია და საფრთხე. ხშირად გამოიყენება ხალხის აღქმაში ყიდვის გადაუდებელი საჭიროების შესაქმნელად. იწვევს ძლიერ ემოციურ რეაქციებს. რესტორნებში მას მადის ასამაღლებლად იყენებენ.

ვარდისფერი არის ქალური, ტკბილი, უდანაშაულო და რომანტიული. ხშირად გამოიყენება გოგონებისა და ქალებისთვის კერძო სერვისებისა და პროდუქტების შეთავაზებაში.

იისფერი სიმბოლოა სიდიადე, სიმდიდრე, წარმატება და სიბრძნე. ხშირად გვხვდება კოსმეტიკაში. მას აქვს დამამშვიდებელი ეფექტი ადამიანებზე.

ლურჯი არის საიმედოობის, უსაფრთხოების, სტაბილურობის, მშვიდობისა და სიმშვიდის მაჩვენებელი. ხშირად იყენებენ ბანკებს და მსხვილ კომპანიებს. ლურჯი ფერი ყველაზე სასიამოვნოა როგორც მამაკაცებისთვის, ასევე ქალებისთვის.

ნაცრისფერი ფერთა სქემაში წარმოადგენს ნეიტრალიტეტს, სიმარტივეს, სიმშვიდეს და ლოგიკას. ის ასოცირდება ტექნოლოგიასთან, წარმოებასთან, სიზუსტესთან, კონტროლთან, კომპეტენციასთან და გამოცდილებასთანაც კი.

შავი არის გავლენის, ფუფუნების, გამოცდილების და ელეგანტურობის ფერი. ხშირად გამოიყენება ფუფუნების საქონლის პოპულარიზაციისთვის, ის ასოცირდება პროფესიონალიზმთან, სიძლიერესთან და სიზუსტესთან.

არის თქვენი სამიზნე აუდიტორია ახალგაზრდა და ენერგიული მყიდველები? ან უფრო გამოცდილი ადამიანები სოლიდური შემოსავლით? თქვენი პროდუქტი (მომსახურება) უფრო მამაკაცებზეა გათვლილი თუ ქალებზე? მხოლოდ გარკვეული ასაკობრივი ჯგუფისთვისაა შესაფერისი?

ყველა ფერი არ არის შესაფერისი თქვენი ბიზნესის წარმოსაჩენად. მაგალითად, თუ ყიდით იოგას ხალიჩებს, იასამნისფერი ( სიმდიდრე და სიდიადე) და შავი (სიძლიერე და ფუფუნება) არ არის საუკეთესო ვარიანტი. მწვანე მოგეწონებათ ( ჯანმრთელობა, მშვიდობა), ნაცრისფერი ( სიმარტივე, სიმშვიდე), ლურჯი ( სიმშვიდე, სიმშვიდე), ან შესაძლოა წითელიც კი ( ვნება, ენერგია).

განსხვავებები ფერის აღქმაში მამაკაცებსა და ქალებს შორის

ძირითადად ვისთვის არის გამიზნული თქვენი საიტი, მამაკაცებსა თუ ქალებზე? ან იქნებ ორივე?

ნათელი და მდუმარე ფერის სქემები საიტისთვის

მამაკაცები უპირატესობას ანიჭებენ ნათელ ფერებს, ხოლო ქალები - მდუმარე ფერებს.

ექსპერიმენტმა აჩვენა, რომ ზოგადად, მამაკაცები და ქალები თანაბრად რეაგირებენ ღია და მუქ ჩრდილებზე. მაგრამ აღმოჩნდა, რომ ქალები უფრო მეტად მიზიდულნი არიან მდუმარე ჩრდილებისკენ, ხოლო კაცები - ნათელისკენ.

აქრომატული ფერები

როგორც წესი, მამაკაცებს უფრო მეტად უყვართ აქრომატული ფერები, ვიდრე ქალები. აქრომატული ფერებია თეთრი, შავი და ნაცრისფერი ყველა ელფერი.

ღია და მუქი ჩრდილები

ქალები ურჩევნიათ ღია ფერებში. ამის მიზეზი არის გარკვეული ფერების მათი გაძლიერებული აღქმა.

ქალები

ლურჯი, იასამნისფერი, მწვანე.

ნარინჯისფერი, ყავისფერი, ნაცრისფერი.

მამაკაცები

ყველაზე სასურველი ფერები:ლურჯი, მწვანე, შავი.

ყველაზე ნაკლებად სასურველი ფერები:ყავისფერი, ნარინჯისფერი, მეწამული.

ფერების კომბინაციით და გამოყენებით, რომლებიც მიმართავს მამაკაცებს, ქალებს ან ორივეს, შეგიძლიათ გავლენა მოახდინოთ ბრენდის ქვეცნობიერ აღქმაზე.

ფერთა სქემის კვლევის მიხედვით, როგორც მამაკაცებს, ასევე ქალებს მოსწონთ მწვანე და ლურჯი. ორივეს არ მოსწონს ნარინჯისფერი და ყავისფერი. თუ გსურთ მიიპყროთ როგორც მამაკაცის, ისე ქალის ყურადღება, მთავარ ფერად უნდა გამოიყენოთ ლურჯი ან მწვანე.

თქვენი ბრენდის ან პროდუქტის ფერის არჩევანი ასევე შეიძლება დამოკიდებული იყოს იმაზე, თუ რა შთაბეჭდილება სურთ თქვენს მომხმარებლებს სხვებზე გააკეთონ.

ხშირად ადამიანები ყიდულობენ გარკვეულ პროდუქტს ან მომსახურებას, რათა კონკრეტული შთაბეჭდილება მოახდინონ სხვებზე.

ბევრი გადაწყვეტილება არის ასახვა იმისა, თუ რას ფიქრობს ადამიანი საკუთარ თავზე და როგორ სურს გამოიყურებოდეს სხვებისთვის. ეს არის ის, რაც მახსენდება, როდესაც სხვა ადამიანები ფიქრობენ ამ ადამიანზე:

ასე რომ, თუ გსურთ ადამიანებმა, რომლებსაც ბუნება უყვართ, შეიძინონ თქვენი პროდუქტი, გამოიყენეთ მწვანე თქვენს HTML ფერთა სქემაში. გსურთ მოიზიდოთ ადამიანები, რომლებიც თავს ახალგაზრდულად და თავდაჯერებულად გრძნობენ? გამოიყენეთ ყვითელი. თუ გაინტერესებთ ადამიანები, რომლებსაც სურთ გამოიყურებოდეს გამორჩეული და მდიდარი, გამოიყენეთ შავი.

ახლა გასაგებია?

იფიქრეთ თქვენს იდეალურ სამიზნე აუდიტორიაზე. როგორ სურს მას გამოჩნდეს სხვა ადამიანები?

დიახ, ეს გავლენას ახდენს ფსიქოლოგიაზე. მაგრამ ეს უნდა გესმოდეთ წარმატებული ბრენდის შესაქმნელად.

როგორ გამოვიყენოთ ძირითადი ფერი თქვენს ვებსაიტზე

ახლა, როდესაც გადაწყვიტეთ თქვენი საიტის ძირითადი ფერი, უნდა გესმოდეთ, როგორ გამოიყენოთ იგი სწორად. ფერი დიდ ყურადღებას იპყრობს, ამიტომ ნუ ეცდებით მის გამოყენებას ყველგან, სადაც შეგიძლიათ.

გამოიყენეთ დომინანტური ფერი მხოლოდ იმ ადგილებში, სადაც გსურთ მიიპყროთ მომხმარებლების ყურადღება ან წაახალისოთ ისინი კონკრეტული მოქმედებისკენ.

მაგალითად, დარეკეთ ტელეფონის ნომერზე, შეავსეთ ფორმა, გამოიწერეთ განახლებები და ა.შ.

გაბატონებულმა ფერმა უნდა მიიპყრო თვალი, ხაზს უსვამს იმ დეტალებს, რომლებზეც გსურთ მიიპყროთ მომხმარებლების ყურადღება:

სად გამოვიყენოთ დომინანტური ფერი საიტზე?

• ლოგო;
• მენიუს ჩანართები;
• ღილაკი "ზარი";
• მნიშვნელოვანი ინფორმაცია;
• სათაურები და სათაურები;
• ღილაკები.

2. აქცენტირებული ფერების შერჩევა

იმისათვის, რომ თქვენი დიზაინი უფრო საინტერესო და პროფესიონალური გახადოთ, თქვენ უნდა გამოიყენოთ აქცენტირებული მზა ფერადი სქემები საიტისთვის. მათ შეუძლიათ ხაზი გაუსვან თქვენი საიტის მნიშვნელოვან ნაწილებს: ციტატებს, ღილაკებს ან ქვესათაურებს.

ბევრ ადამიანს ეშინია ერთდროულად გამოიყენოს რამდენიმე ფერი, რადგან ყოველთვის არ არის ინტუიციური, უხდება თუ არა ისინი ერთმანეთს. ხალხი ფიქრობს, რომ იმისათვის, რომ ისწავლოს მათი შერწყმა, არა მხოლოდ საფუძვლიანად უნდა შეისწავლოს ფერის თეორია, არამედ ბევრი შეცდომაც დაუშვას.

ყველასთვის ხელმისაწვდომი მარტივი გზა არსებობს. ეს არის ფერების შესატყვისი პროგრამა, რომელიც დაგეხმარებათ აირჩიოთ ფერების სქემები, ისევე როგორც პროფესიონალები!

როგორ გამოვიყენოთ პროგრამა აქცენტირებული ფერების შესარჩევად

მას შემდეგ რაც გადაწყვეტთ დომინანტურ ფერს, უფრო ადვილი არ იქნება აქცენტირებული ფერების არჩევა ისეთი პროგრამების გამოყენებით, როგორიცაა Adobe Color CC Tool:

აქ არის მოკლე გაკვეთილი, რომელიც გაჩვენებთ, თუ როგორ უნდა შექმნათ ფერის სქემა ორიდან ერთი გზით:

1. დომინანტური ფერის საფუძველზე

ნაბიჯი 1: პირველ რიგში, გაარკვიეთ თქვენი უპირატესი ფერის კოდი. მაგალითად, საიტზე ColorPicker.com. ფერის კოდი მითითებულია მართკუთხედში პირდაპირ ფერთა პალიტრის კვადრატის ზემოთ.

კოდის კოპირების შემდეგ ColorPicker.com-დან, ჩასვით იგი " HEX» Adobe Color ინსტრუმენტი. დარწმუნდით, რომ ჩასვით კოდი შუა სვეტში:

ჩასვით თქვენი საიტის დომინანტური ფერის კოდი ველში IN THE MIDDLE.

მას შემდეგ რაც მიუთითებთ ფერს, Adobe Color აჩვენებს მას ეკრანზე სხვა დამატებით ფერებთან ერთად.

ნაბიჯი 2. ზედა მარცხენა მხარეს ნახავთ მართკუთხედს შემდეგი ფერის სქემებით:

• თანმიმდევრული;
• მონოქრომული;
• სამკუთხა;
• დამატებითი;
• კომპოზიტი;
• ჩრდილები.

აირჩიეთ ფერის სქემა

სცადეთ სხვადასხვა ფერის სქემები, რომ ნახოთ რომელია თქვენთვის შესაფერისი. პროგრამის მიერ შემოთავაზებული ყველა ფერი კარგად უხდება ერთმანეთს.

ნაბიჯი 3. გახადეთ თქვენი ფერის სქემა კიდევ უფრო გააზრებული ერთი ფერის არჩევანის გადაადგილებით.

მნიშვნელოვანია, რომ არ გადაიტანოთ შუაში მდებარე მოკლე მაჩვენებელი ისე, რომ თქვენი დომინანტური ფერი დარჩეს მუდმივი:

CMS და ვებსაიტების შემქმნელები საშუალებას გაძლევთ ჩასვათ ფერადი კოდები ( HEX) თქვენი საიტის ნებისმიერი ნაწილის ხაზგასასმელად:

დააკოპირეთ ფერის კოდები ( HEX) საიტისთვის თქვენი ფერის სქემისთვის.

1. თქვენი საყვარელი ფოტოს მიხედვით

ზოგჯერ უფრო ადვილია ინტერნეტში ფერადი გადაწყვეტილებების ძებნა და მათი შთაგონება.

თქვენ შეგიძლიათ ატვირთოთ ნებისმიერი ფოტო, რომელიც მოგწონთ Adobe Color-ში და პროგრამა ავტომატურად გამოიმუშავებს მასზე დაფუძნებულ ფერთა სქემას.

ნაბიჯი 1. ატვირთეთ ფოტო:

დააწკაპუნეთ კამერის ხატულაზე სურათის ასატვირთად.

ნაბიჯი 2. აირჩიეთ ხუთი ფერის განწყობიდან ერთი:

• ფერადი;
• ნათელი;
• ჩახლეჩილი;
• გაჯერებული;
• ბნელი.

ექსპერიმენტი გააკეთეთ ფერთა განწყობებით, რათა ნახოთ რომელი ჯდება ყველაზე მეტად:

აირჩიეთ ფერის განწყობა.

ნაბიჯი 3: გახადეთ ფერის სქემა კიდევ უფრო გააზრებული, სურათზე ერთი ფერის არჩევანის გადაადგილებით:

გადაიტანეთ მაჩვენებლები, თუ გსურთ აირჩიოთ სხვა დამატებითი ფერები.

ნაბიჯი 4. შემოთავაზებული ფერის პალიტრა მდებარეობს სურათის ქვემოთ. აი, როგორ უნდა აირჩიოთ ფერადი სქემა თქვენი ვებ დიზაინისთვის.

კოდების სანახავად ( HEX) ფერები, დააწკაპუნეთ ფერთა ბორბალზე, რომელიც მდებარეობს ზედა მარჯვენა კუთხეში:

ფერის კოდების სანახავად დააწკაპუნეთ ფერის ბორბალზე:
დააკოპირეთ ფერის კოდები ( HEX) თქვენი ფერის სქემისთვის.

სად განთავსდება დამხმარე ფერები

დამხმარე ფერებში ხაზგასმული საიტის დეტალები არ არის მთავარი აქცენტები. მაგრამ ისინი მაინც გამოირჩევიან. მაგალითად, შეგიძლიათ გამოიყენოთ დამხმარე ფერები ქვესათაურების, დამატებითი ღილაკების, დიალოგური ფანჯრების, ფონის შესავსებად და ა.შ.

აირჩიეთ ერთი ან ორი დამატებითი ფერი. თუ მათგან მეტია, მომხმარებლებს გაუჭირდებათ ფოკუსირება ერთ რამეზე:

სად გამოვიყენოთ დამხმარე ფერები თქვენს საიტზე?

• აქტიური მენიუს ღილაკი;
• ქვესათაურები;
• მეორადი ინფორმაციის ხაზგასმა.

1. ფონის ფერის შერჩევა

ოდესმე მოგიწიათ სახლის კედლების მოხატვა?

თუ კი, მაშინ გაქვთ გარკვეული გამოცდილება და იცით, რომ ფერადი სქემების არჩევა ადვილი არ არის.

ფერი საკმარისად მშვიდი უნდა იყოს, რომ ოთახში საათობით დარჩეთ და ფერმა არ დაგაფაროთ. ამავდროულად, არ გინდათ, რომ ფერი იყოს მოსაწყენი და ოთახი გამოიყურებოდეს საავადმყოფოს მსგავსი.

თქვენი ვებსაიტის ფონის ფერის არჩევა დიდად არ განსხვავდება თქვენი ოთახისთვის საღებავის არჩევისგან!

როგორ ავირჩიოთ სწორი ფონის ფერი

თანამედროვე ტანსაცმლის მაღაზიისა და აგარაკის საღებავს რომ არჩევდით, იმავე ფერს აირჩევდით?
აშკარად არა. ეს ორი ოთახი სხვადასხვა მიზნებს ემსახურება.

მაგალითად, ტანსაცმლის მაღაზიისთვის უმჯობესია გამოიყენოთ ნათელი ფერები, რათა მომხმარებელთა ყურადღება მიიპყროთ ტანსაცმლის თაროებზე. აუცილებელია, რომ კედლების ფერი ეწინააღმდეგებოდეს ტანსაცმლის თაროების ფერს, რათა მაღაზიაში შესვლისას მომხმარებლები მაშინვე მიხვდნენ, რაზე უნდა მიაქციონ ყურადღება.

და შედარებისთვის: როცა შენს აგარაკზე მიხვალ, ალბათ დასვენებას გეგმავ. გსურთ კედლების ფერს და თქვენი სახლის დიზაინს ჰქონდეს დამამშვიდებელი და დამამშვიდებელი ეფექტი.

თქვენი საიტის ფონის ფერი დამოკიდებულია იმაზე, თუ რა უნდა შეამჩნიონ მომხმარებლებმა.

მარტივად რომ ვთქვათ, ფონის ფერი პირდაპირ დამოკიდებულია იმ მიზანზე, რომელსაც თქვენ მისდევთ ვებსაიტის შექმნისას.

ტიპი 1 – რესურსები ბევრი შინაარსით ან ელექტრონული კომერციით

შეგიმჩნევიათ, რომ საინფორმაციო რესურსები და ონლაინ მაღაზიები ხშირად იყენებენ თეთრ ან ნეიტრალურ ფერთა სქემებს თავიანთი ვებსაიტებისთვის?

ეს ყველაფერი იმიტომ ხდება, რომ ამ რესურსების მიზანია იდეების ან პროდუქტების პოპულარიზაცია.

ასეთ შემთხვევებში ყურადღება უნდა გამახვილდეს პროდუქტზე ან სერვისზე და არა ვებსაიტის დიზაინზე. ფონის ფერი მხოლოდ საფუძველია, რომ შინაარსი უფრო ვიზუალური და წასაკითხი გახდეს.