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

ვებ გვერდის ფონის ფერი დაყენებულია ტეგის bgcolor ატრიბუტის გამოყენებით .

მაგალითი 1: ფონის ფერის შეცვლა

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

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

ფონის სურათი

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

ვებ გვერდები და იყოს მცირე ზომის, რომ სწრაფად ჩაიტვირთოს.

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

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

მაგალითი 3: ფონის სურათის და ფონის ფერის გამოყენება

დაფიქსირებული ფონი

ნაგულისხმევად, როდესაც იყენებთ გადახვევის ზოლს, ფონის სურათი მოძრაობს ვებგვერდის შინაარსთან ერთად. Internet Explorer საშუალებას გაძლევთ დააფიქსიროთ ფონი bgproperties ="fixed" ტეგის ატრიბუტის გამოყენებით .

მაგალითი 4: ფიქსირებული ფონის დაყენება

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

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

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

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

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

დავიწყოთ თეორიით.

სიკაშკაშე vs. გაჯერება

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

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

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

1. ფერის ტონიდა გაჯერება

2. კონტურის სიმკვეთრე

3. ავტომატური კორექტირება

ფერადი ფონიდა გაჯერება

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

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

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

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

გამოსახულების კორექტირების ინტერფეისის მაგალითი HSL ფერის მოდელში

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

ნორმალური ფერის გაჯერება

სცილდება ფერთა გამას

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

მენიუს მდებარეობა ნიღაბი ნიღაბი

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

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