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

blog

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

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

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

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

რატომ აქვს ფონტებს მნიშვნელობა?

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

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

შრიფტის საფუძვლების გაზიარება

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

font families

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

ფონტების დაწყვილების საუკეთესო პრაქტიკა

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

  • ტიპოგრაფიული ფონტები ხელს შეუწყობს საიტის ზოგად დიზაინს და კომპანიის ბიზნეს პროფილს, როგორც ეს აგურის მსგავსი შრიფტი სამშენებლო კომპანიის საიტზე.
font for a construction company
წყარო: Buildrite Sydney
  • ყველა ფონტი უნდა იყოს საკმარისი ზომის და ხილული ფონზე.
designer site font
წყარო: Daniel Scrivner
  • სტანდარტული ფონტებიც კი კარგია. Arial კარგი ფონტია ამ დიზაინერის საიტისთვის.
one standard font on the website
წყარო: Jiacheng Yang
  • არ არის საჭირო ბევრი ფონტის გამოყენება; ორი ფონტი საკმარისია.
combination of two fonts on the site
წყარო: Quel-Assureur
  • უცნაური შრიფტები შესანიშნავია მხოლოდ რეკლამისთვის.
promotional font example
წყარო: Fictional Typeface

ფონტების კომბინაციის წესები

ზოგადი რეკომენდაციები არის შემდეგი:

  • გაითვალისწინეთ სამიზნე აუდიტორია და არ გამოიყენოთ ძალიან მხატვრული ფონტები კონსერვატიული აუდიტორიისთვის (ანუ არ გამოიყენოთ კომიკური შრიფტები ან მჟავე ფერები იურიდიული ფირმებისთვის, ბანკებისთვის და ა.შ.).
font choice based on the target audience
  • არ გამოიყენოთ ეფექტები ფონტზე, რადგან ჩრდილები, 3D და ტექსტურა ხელს უშლის ტექსტის აღქმას.
effects application to typography fonts
  • გამოიყენეთ შინაარსის ერთიანი სტილი და აირჩიეთ სწორი ფონი.
typography fonts of uniform style
  • ყველაზე პოპულარული ფონტები არის უტყუარი გზა თქვენი საიტის გასაუმჯობესებლად.
using standard typography fonts

უფრო დეტალური რეკომენდაციები:

  • არ გაჭიმოთ ან შეკუმშოთ შრიფტის სიგანე.
do not stretch fonts
  • არ გაზარდოთ ან შეამციროთ ინტერვალი ასოებს შორის და არ გააკეთოთ მწკრივები ძალიან მკვრივი.
  • ხაზგასმული ტექსტი ჰგავს hyperlink-ს და ამცირებს წაკითხვადობას.
underlined typography fonts
  • ერთი სიტყვა აბზაცის ბოლოს ან შემდეგი სვეტის დასაწყისში ცუდად გამოიყურება.
  • აბზაცში ძალიან ბევრი არათანაბარი ტექსტმა შეიძლება ყურადღება გაფანტოს.
uneven typography fonts
  • შრიფტის ძალიან მცირე ზომა ტექსტს გაუგებარს ხდის.
small-sized typography fonts
  • განიხილეთ ხდება თუ არა ფონტის ადაპტირება სხვადასხვა ბრაუზერებსა და მოწყობილობებზე, გამოიყენეთ სისტემის და ვებ ფონტები, ასევე ფონტების ბიბლიოთეკები.
adaptive typography fonts

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

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

 decorative typography fonts

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

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

  • სათაურისთვის serif ფონტის და ტექსტებისთვის sans serif ფონტების გაერთიანება მშვენივრად გამოიყურება.
  • დააბალანსეთ ფონტის ზომა გვერდზე, რადგან ხალხი უფრო მეტად დახურავს გვერდს, ვიდრე გაადიდებს თქვენი ვებსაიტის გვერდს ბრაუზერში. გარდა ამისა, სასურველი ფონტის ზომა მერყეობს 14 pt (ტექსტი) – 25 pt (სათაურები).
  • უზრუნველყავით ვიზუალური იერარქია: უფრო დიდი ფონტის ზომა ჰქონდეს უფრო მნიშვნელოვან სათაურს. მაგალითად, H1 სათაური არის მთავარი ტექსტში გამოყენებული ფონტის ზომის 300%, ხოლო H2 სათაური არის ძირითადი ტექსტის ფონტის ზომის 200%.
visual hierarchy of the typography fonts
  • გამოიყენეთ მხოლოდ ორი ფონტი, მათ შორის bold და italic ვარიანტები, რათა უზრუნველყოთ საკმარისი კონტრასტი ტექსტთან. არ გამოიყენოთ დახრილი ვარიანტები სათაურებსა და ტექსტებზე; გამოიყენეთ სკრიპტის ფონტი სათაურისთვის და დახრილი ვარიანტები ძირითადი ტექსტისთვის.
 fonts that go together

დასკვნა

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

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

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

Free consultation ?

Have an idea or question ? We can assist you for free. Just leave your contact details below.