დავიწყოთ გამოცანით: საიტის დიზაინის რომელი ელემენტი ახდენს გავლენას შინაარსის ბალანსზე, გასწორებაზე, იერარქიაზე, კონტრასტზე, რიტმზე, სიახლოვესა და სივრცეზე? ეს ეხება კონკრეტულად ტიპოგრაფიასა და ფონტებს.
არსებობს 550,000+ საუკეთესო ფონტი; ზოგიერთი საიტიც კი გვთავაზობს ფონტების გალერეებს ან თუნდაც ატარებს კონკურსებს საუკეთესო ფონტისთვის. ყველა ამ შესანიშნავი ფონტის არასწორი კომბინაციით შესაძლებელია საიტის ფანტასტიური იერსახის ან პროექტის გაფუჭება.
მიუხედავად იმისა, რომ ტიპოგრაფიას აქვს გადამწყვეტი მნიშვნელობა საიტის აღქმისთვის, მისი შერჩევა შეიძლება იყოს საინტერესო დიზაინის ეტაპი. ერთი მხრივ, სილამაზის ყველა ელემენტის ერთსა და იმავე საიტზე გამოყენების მცდელობა დამწყებთათვის არის. მეორეს მხრივ, შეუსაბამო ფონტები აშკარად გაუგებარია.
მოდით ვისაუბროთ იმაზე, თუ როგორ ავირჩიოთ საუკეთესო ფონტების კომბინაციები ვებსაიტებისთვის. აქ მე შევაგროვე რამდენიმე მითითება და წესი, რათა თქვენი ვებსაიტი იყოს თვალწარმტაცი და მიმზიდველი.
რატომ აქვს ფონტებს მნიშვნელობა?
წაკითხვადობა და შინაარსის გრძნობა ერთი და იგივე მონეტის ორი მხარეა. ტიპოგრაფია (ანუ ფონტები და მათი პოზიციები) ასევე ვიზუალურია. კარგი ფონტები, ფონტების დაწყვილება ანათებს საიტს და ქმნის აქცენტებს კითხვისას. ეს შეიძლება იყოს დიზაინის ქვაკუთხედი. ფონტის ზომები, სიგანე და ფერები გავლენას ახდენს მომხმარებლების ინტერაქციაზე საიტთან შემდეგი გზებით:
- წვლილი შეიტანოს ბრენდის სტილში;
- ხაზს უსვამს მნიშვნელოვან ინფორმაციას აქცენტების გაკეთებით;
- შეავსებს გრაფიკულ ბალანსს;
- ყურადღება აპყრობს საიტის ზოგიერთ მონაკვეთს.
შრიფტის საფუძვლების გაზიარება
რა არის ფონტი? მოდით გადავხედოთ ფონტების მთავარ სტილებს და როგორ აღიქვამენ მათ ჩვეულებრივ. არსებობს შემდეგი ფონტების ოჯახები:
აქ წარმოუდგენელი ის არის, რომ საიტების უმეტესობა იყენებს ძირითად ფონტებს, თუმცა ბევრი ვარიანტია ნებისმიერი ტექსტის მოდური გახადოს. შეგიძლიათ სცადოთ მრავალი ფონტის კომბინაცია, გამოიყენოთ ფონტის დაწყვილების სქემა და შეამოწმოთ მისი გარეგნობა CMS პლატფორმების, ვებსაიტების შემქმნელების, ფონტების შერჩევის სერვისების, ფონტების დაწყვილების კოლექციების ან ფონტების დაწყვილების გენერატორების მეშვეობით.
ფონტების დაწყვილების საუკეთესო პრაქტიკა
როგორ მოვძებნოთ ფონტი? ვებ დიზაინი ფონტს და ფონტების კომბინაციებს განიხილავს, როგორც დიზაინის ელემენტებს და Awwwards ნომინანტები ამას ადასტურებენ. აქ არის საუკეთესო პრაქტიკა ამ სფეროში:
- ტიპოგრაფიული ფონტები ხელს შეუწყობს საიტის ზოგად დიზაინს და კომპანიის ბიზნეს პროფილს, როგორც ეს აგურის მსგავსი შრიფტი სამშენებლო კომპანიის საიტზე.
- ყველა ფონტი უნდა იყოს საკმარისი ზომის და ხილული ფონზე.
- სტანდარტული ფონტებიც კი კარგია. Arial კარგი ფონტია ამ დიზაინერის საიტისთვის.
- არ არის საჭირო ბევრი ფონტის გამოყენება; ორი ფონტი საკმარისია.
- უცნაური შრიფტები შესანიშნავია მხოლოდ რეკლამისთვის.
ფონტების კომბინაციის წესები
ზოგადი რეკომენდაციები არის შემდეგი:
- გაითვალისწინეთ სამიზნე აუდიტორია და არ გამოიყენოთ ძალიან მხატვრული ფონტები კონსერვატიული აუდიტორიისთვის (ანუ არ გამოიყენოთ კომიკური შრიფტები ან მჟავე ფერები იურიდიული ფირმებისთვის, ბანკებისთვის და ა.შ.).
- არ გამოიყენოთ ეფექტები ფონტზე, რადგან ჩრდილები, 3D და ტექსტურა ხელს უშლის ტექსტის აღქმას.
- გამოიყენეთ შინაარსის ერთიანი სტილი და აირჩიეთ სწორი ფონი.
- ყველაზე პოპულარული ფონტები არის უტყუარი გზა თქვენი საიტის გასაუმჯობესებლად.
უფრო დეტალური რეკომენდაციები:
- არ გაჭიმოთ ან შეკუმშოთ შრიფტის სიგანე.
- არ გაზარდოთ ან შეამციროთ ინტერვალი ასოებს შორის და არ გააკეთოთ მწკრივები ძალიან მკვრივი.
- ხაზგასმული ტექსტი ჰგავს hyperlink-ს და ამცირებს წაკითხვადობას.
- ერთი სიტყვა აბზაცის ბოლოს ან შემდეგი სვეტის დასაწყისში ცუდად გამოიყურება.
- აბზაცში ძალიან ბევრი არათანაბარი ტექსტმა შეიძლება ყურადღება გაფანტოს.
- შრიფტის ძალიან მცირე ზომა ტექსტს გაუგებარს ხდის.
- განიხილეთ ხდება თუ არა ფონტის ადაპტირება სხვადასხვა ბრაუზერებსა და მოწყობილობებზე, გამოიყენეთ სისტემის და ვებ ფონტები, ასევე ფონტების ბიბლიოთეკები.
ეს იყო ინფორმაცია ერთი ფონტის გამოყენების შესახებ. ახლა მე ვისაუბრებ ორმხრივ პოზიციაზე, ფონტების დაწყვილებაზე და ფონტების კომბინაციებზე.
ფონტების წარმატებული კომბინაციები იყენებს ჰარმონიის ან კონტრასტის პრინციპს. შრიფტებს უნდა ჰქონდეს გარკვეული სტანდარტული მახასიათებლები ან უნდა იყოს სრულიად განსხვავებული.
შრიფტების ცუდი კომბინაციები ნიშნავს ზედმეტად განსხვავებული ფონტების, ფონტების ოჯახის და ძალიან განსხვავებული სტილის შერევას.
ქვემოთ მოყვანილი სურათები ასახავს კარგი (მარჯვნივ) და ცუდი (მარცხნივ) ფონტების კომბინაციებს.
- სათაურისთვის serif ფონტის და ტექსტებისთვის sans serif ფონტების გაერთიანება მშვენივრად გამოიყურება.
- დააბალანსეთ ფონტის ზომა გვერდზე, რადგან ხალხი უფრო მეტად დახურავს გვერდს, ვიდრე გაადიდებს თქვენი ვებსაიტის გვერდს ბრაუზერში. გარდა ამისა, სასურველი ფონტის ზომა მერყეობს 14 pt (ტექსტი) – 25 pt (სათაურები).
- უზრუნველყავით ვიზუალური იერარქია: უფრო დიდი ფონტის ზომა ჰქონდეს უფრო მნიშვნელოვან სათაურს. მაგალითად, H1 სათაური არის მთავარი ტექსტში გამოყენებული ფონტის ზომის 300%, ხოლო H2 სათაური არის ძირითადი ტექსტის ფონტის ზომის 200%.
- გამოიყენეთ მხოლოდ ორი ფონტი, მათ შორის bold და italic ვარიანტები, რათა უზრუნველყოთ საკმარისი კონტრასტი ტექსტთან. არ გამოიყენოთ დახრილი ვარიანტები სათაურებსა და ტექსტებზე; გამოიყენეთ სკრიპტის ფონტი სათაურისთვის და დახრილი ვარიანტები ძირითადი ტექსტისთვის.
დასკვნა
არაფერი არ ხვდებს ცუდად თვალს, როგორც ფონტის ცუდი კომბინაცია. აქედან გამომდინარე, სწორი ფონტების კომბინაციები არის საიტისთვის აუცილებელი უფრო თანამედროვე, გამოსაყენებელი და მიმზიდველი ელფერისთვის. ნებისმიერი ფონტი შეიძლება იყოს ისეთივე ლამაზი, როგორც გსურთ, მაღალი ხარისხის ან შესაფერისი თქვენი ამოცანისთვის.
ფონტების არჩევამდე, გაარკვიეთ, რა ამოცანები უნდა შეასრულოს ფონტმა საიტის დანიშნულების ჩარჩოში. შესაძლოა ის ვიზიტორებს მოქმედებისკენ მოუწოდებს, ხაზს უსვამს საკითხებს და ხაზს უსვამს ტექსტის აგრესიულობას ან ლირიკულობას. თუ გსურთ მიაღწიოთ ექსპრესიულობა, გამოიყენეთ სხვადასხვა ოჯახის ფონტები(სერიფები და sans serifs). თუ თქვენ ცდილობთ ტექსტი უფრო ვიზუალურად დაუკავშიროთ, გამოიყენეთ იმავე ოჯახის ფონტები.
ფონტებს აქვთ სხვადასხვა ვარიანტები. ამიტომ ფონტების კომბინაციები თქვენს დიზაინს უფრო ეფექტურს ხდის და ხაზს უსვამს აუცილებელ ინფორმაციას. მაგრამ არასწორი ფონტი, მისი სიგანე ან ინტერვალი შეიძლება შეაშინოს მომხმარებლები საიტიდან. ფონტების კარგი დაწყვილება ითვალისწინებს არაუმეტეს ორი ან სამი ჰარმონიული ნაკრების. ხშირად, ფონტები ერთმანეთს ავსებენ, მაგრამ არ ეჯიბრებიან ერთმანეთს. ნებისმიერი ფონტის კომბინაცია უნდა შეიცავდეს მხოლოდ ერთ უჩვეულო, ექსტრავაგანტულ ან გამომწვევ ფონტს. ეს მიდგომა გახდის ტიპოგრაფიას წაკითხვადს და ბალანსირებულს.