გამოიყენეთ აქცენტი მაყურებლის თვალით
აქცენტი ვებ-გვერდის დიზაინში ქმნის სფეროს ან ობიექტს, რომელიც განკუთვნილია გვერდზე. ეს არის გზა, რათა ერთი ელემენტი გამოირჩევა დიზაინში. ყურადგება შეიძლება უფრო დიდი იყოს, ვიდრე დიზაინის სხვა ელემენტები ან ნათელი ფერები, რომელთაგანაც ორივე თვალს ადევნებს თვალს. როდესაც თქვენ შექმნით ვებ-გვერდს, თქვენ შეგიძლიათ დაამატოთ ყურადღება სიტყვისა და ფრაზის არჩევისას და ფერის, შრიფტის ან ზოლის მინიჭებით, რაც გამოირჩევა, მაგრამ არსებობს სხვა მრავალი გზა, რომ გამოიყენოთ აქცენტი თქვენს დიზაინში.
აქცენტით დიზაინი
ერთ-ერთი ყველაზე დიდი შეცდომის დიზაინერი შეუძლია შექმნას ყველაფერი, რათა შეიმუშავოს დიზაინი. როდესაც ყველაფერი თანაბარი აქცენტიანია, დიზაინი, როგორც ჩანს, დაკავებული და დამაბნეველი ან უარყოფითი მოსაწყენი და გაუჩინარებაა. ვებ-დიზაინში ფოკუსური წერტილის შესაქმნელად, არ გამოიყენოთ გამოყენება:
- ხაზები: აქცენტი კონტრასტით. თუ რამდენიმე ელემენტი ჰორიზონტალურია, ერთი ვერტიკალური ელემენტი ხდება კეროვანი წერტილი.
- ფერი: თუ დიზაინის უმეტესი ელემენტები მუქი ან მდუმარეა, ნებისმიერი ობიექტი ფერი იზიდავს თვალს.
- Shapes: როდესაც ყველაზე ფორმის არარეგულარული, გეომეტრიული ფორმის გამოირჩევა.
- სიახლოვე: როდესაც რამდენიმე ელემენტი დაჯგუფებულია, და ერთი ცალკეული ჯგუფიდან, თვალის მიდის ერთი ერთეული.
- განლაგება: მიუხედავად იმისა, რომ არსებობს გამონაკლისი, დიზაინის ცენტრში მოთავსებული ელემენტი ჩვეულებრივ იზიდავს თვალს.
- წონა: მძიმე ელემენტი იზიდავს მაყურებლის ყურადღებას.
- განმეორება: როდესაც უბრალო გრაფიკული ტიპის ელემენტის განმეორება ხდება, თვალის ფოკუსზე განმეორებითი ელემენტია.
- კონტრასტი: განსხვავებით კონტრასტების მიერ შექმნილი ფერი და ხაზები, განსხვავებით შეიძლება გენერირებული ზომა, ტექსტურა ან შრიფტის ცვლილებები. ცვლილება იწვევს ფოკალურ ელემენტს გამოირჩევა.
- თეთრი ფართი: თეთრი (ან ცარიელი) სივრცის ირგვლივ მდებარე ელემენტი ხდება ყურადგება.
იერარქია ვებ დიზაინებში
იერარქიის არის ვიზუალური მოწყობა დიზაინის ელემენტები, რომელიც მიუთითებს მნიშვნელობა ზომა. ყველაზე დიდი ელემენტია ყველაზე მნიშვნელოვანი; ნაკლებად მნიშვნელოვანი ელემენტები უფრო მცირეა. ფოკუსირება ვიზუალური იერარქია შექმნის თქვენს ვებ დიზაინებში. თუ თქვენ მუშაობთ სემანტიკური ნაკადის შექმნაზე თქვენი HTML მარკზე, ეს მარტივია, რადგან თქვენს ვებ გვერდზე უკვე იერარქია ჰყავს. ყველა თქვენი დიზაინი უნდა გავაკეთოთ ხაზგასმით სწორი ელემენტი, როგორიცაა H1 სათაურით - ყველაზე აქცენტი.
იერარქია მარკირებასთან ერთად აღიარებს, რომ სტუმარს თვალის ზედა ნაწილში ეკრანის ზედა მარცხენა კუთხეში, Z- ის ნიმუშში იხილავს. ეს ქმნის ზედა მარცხენა კუთხეში გვერდზე კარგი ადგილია მნიშვნელოვანი ნივთი, როგორიცაა კომპანიის ლოგო. ზედა მარჯვენა კუთხე არის მნიშვნელოვანი ინფორმაციისთვის მეორე საუკეთესო ადგილი.
როგორ ჩართოთ აქცენტი ვებ დიზაინებში
აქცენტი ვებ დიზაინი შეიძლება განხორციელდეს მრავალი გზით:
- გამოიყენეთ სემანტიკური მარკირება იმისათვის, რომ ყურადღება გამახვილდეს ყოველგვარი სტილის გარეშეც.
- შრიფტის ან გამოსახულების ზომის შეცვლა დიზაინში მათი ხაზგასმის ან ხაზგასმის მიზნით.
- გამოიყენეთ კონტრასტული ფერები აქცენტით.
- ზომა ითვლის. უზარმაზარი სიტყვა გვერდზე ან ეკრანზე იღებს დაუყოვნებლივ ყურადღებას.
- გარშემო ყურადგება თეთრი სივრცე.
- გაიმეორეთ სიტყვა ან სურათი, რათა ყურადღება მიაპყრო.
სად იმყოფება ქვეითი?
დაქვემდებარება ხდება, როდესაც თქვენ ტონი ქვემოთ სხვა ელემენტები დიზაინი, რათა ყურადგება წერტილი პოპ. ერთი მაგალითია ნათელი ფერადი გრაფიკული პოზიცია შავი და თეთრი ფონის ფოტოზე. იგივე ეფექტი ხდება მაშინ, როდესაც თქვენ იყენებთ მდუმარე ფერები ან ფერები, რომლებიც ფოკუსური უკანის ფონზე უკავშირდებიან მას, რამაც გამოირჩევა.