"Veb shriftlar" va "veb xavfsiz shriftlar" veb-saytlarda shriftlardan foydalanish bilan bog'liq ikki xil tushunchadir. Boshlashdan oldin, keling, terminologiyani biroz aniqlab olaylik. Qurilmangizda allaqachon o'rnatilgan shriftlar va yuklab olishingiz kerak bo'lgan shriftlar o'rtasidagi farq nima?

  1. Veb-xavfsiz shriftlar: "tizim shriftlari" yoki "brauzer shriftlari" sifatida ham tanilgan. veb-xavfsiz shriftlar barcha qurilmalar va brauzerlarda o'rnatilgan shriftlardir.

      2. Veb shriftlari: loyqa bo'lsa ham, veb shriftlari barcha shriftlarga murojaat qiling yo'q veb-xavfsiz shriftlar, ayniqsa tijorat va mustaqil ravishda ishlab chiqilgan shriftlar.

Shunday qilib, veb-xavfsiz shriftlar Windows yoki Mac, Chrome yoki Safari-da mavjud bo'lgan eng keng tarqalgan shriftlardir. Shunday qilib, veb-shriftlar unchalik oson emas mavjud va odatda ularni o'zingiz yuklab olishingiz va o'rnatishingiz kerak bo'ladi.

Kitob roman. Qanday yaratish kerak?

Veb-dizaynda qaysi birini ishlatishingiz kerak?

Ularning ikkalasiniki ham bor afzalliklari va kamchiliklari.

Ushbu maqolada ko'rib chiqilgan vosita bo'lgan veb-dizayn uchun veb-xavfsiz shriftlarning asosiy afzalligi shundaki, ular tezroq yuklanadi va saytingiz yuklanishi uchun ketadigan vaqtni kamaytiradi. Bu katta farq emas, lekin agar siz har bir yo'qolgan millisekundni oldirishni istasangiz, ular muhim.

Veb-xavfsiz shriftlarning salbiy tomoni shundaki, ular umumiydir. Ularda o'ziga xos yoki o'ziga xos narsa yo'q - ular tom ma'noda hamma uchun mavjud. Agar siz uslub yoki badiiylikni istasangiz, boshqa veb-shriftdan foydalanishingiz kerak bo'ladi.

Veb shriftlari ancha xilma-xildir; bu doimiy ravishda qo'shiladigan va kengaytiriladigan shriftlar to'plamidir. Siz qidirayotgan narsangiz asosida maxsus ishlab chiqilgan brendingiz uchun eng yaxshi veb-shriftlarni olishingiz mumkin yoki mavjud shriftni shrift markazidan onlayn litsenziyalashingiz mumkin. Ularning asosiy afzalligi, albatta, o'ziga xoslikdir. Agar siz ajralib turadigan shriftni istasangiz, veb-xavfsiz shriftlar buni qilmaydi.

Agar qaror qabul qilishda qiynalayotgan bo'lsangiz, Devid Gilbertsonning Hackernoon tomonidan taqdim etilgan foydali sxemasini ko'rib chiqing (u "tizim shriftlari" "veb xavfsiz shriftlar" degan ma'noni anglatishini yodda tuting).

Maxsus shrift estetikasi haqida nima deyish mumkin?

Lekin eng yaxshi veb-shriftlar va eng yaxshi veb-shriftlar o'rtasida tanlov qilish sizning yagona qaroringiz emas. Shuningdek, qaysi tipografiya uslubi brendingiz va saytingiz funksiyasiga mos kelishini ham hal qilishingiz kerak. Turli shriftlar uzun matn bloklari uchun diqqatni tortadigan sarlavhalarga qaraganda yaxshiroq mos keladi, ularning brendingizni idrok etishiga ta'siri haqida gapirmasa ham bo'ladi.

Ushbu qo'llanmada biz shrift estetikasi asosida ularning barchasini uchta toifaga ajratamiz: serif, sans serif va dekorativ. Bilmaganlar uchun seriflar ba'zan harflar oxirida paydo bo'ladigan kichik belgilar yoki "bayroqlar" dir. Biz quyida tavsiya etilgan har biridan foydalanishni, shuningdek, ularning qanday ta'sir qilishini tushuntiramiz sizning brend identifikatoringiz.

 

Veb-dizaynda Serif veb shriftlaridan qachon foydalanish kerak

Seriflar tipografiyada uzoq tarixga ega. Ammo agar siz veb-saytlar uchun shriftlarni qidirayotgan bo'lsangiz, bilishingiz kerak bo'lgan narsa - seriflar spektrning "jiddiy" tomoniga to'g'ri keladi. Bu ularni qiladi professional va rasmiy brendlar uchun juda yaxshi, lekin mos ravishda o'rnatilmagan bo'lsa, do'stona va tasodifiy brendlar uchun biroz mos kelmaydi.

Eng yaxshi veb-shrift yoki veb-shriftni qidiryapsizmi, seriflar obro', nafosat va sinfni etkazishni xohlaydigan brendlar uchun eng yaxshisidir. Ular tarixdan klassik jozibaga ega, shuning uchun ular uzoq vaqtdan beri mavjud bo'lgan brendlar yoki shunday qilishni xohlaydigan brendlar bilan yaxshi ishlaydi. xuddi shunday . Bitim shundaki, serif shriftlari jiddiy, ehtimol haddan tashqari rasmiy deb qabul qilinishi mumkin, shuning uchun agar siz ulardan foydalansangiz, ular sizni bezovta qilmaslik uchun sizning brend qadriyatlaringiz bilan ishlashi kerak. maqsadli auditoriya.

Shuni ham ta'kidlash kerakki, serif shriftlarini o'qish oson, shuning uchun ular ko'pincha asosiy matn, sarlavhalar va sarlavhalar uchun ishlatiladi. Bu shuni anglatmaydi Sans serif shriftlarini o'qish qiyin; ular ajoyib uzun matn bloklari uchun javob beradi. Lekin nufuzli nashrlar yoqtirishining sababi bor Nyu-York Tayms и Boston Globus hali ham raqamli maqolalari uchun serif veb shriftlaridan foydalanishadi. Va tasodifan emas, bu ikkala gazeta ham uzun nusxani targ'ib qilishda "rasmiy" va "klassik" brending uslublariga moyil.

Shriftlarning o'lchami va uslubi ham muhim ahamiyatga ega. Katta, qalin seriflar sizning shriftingizni yanada stilize qilingan, ekstremal holatlarda esa yanada jonli va professional qiladi. Xuddi shunday, kichikroq va kichikroq seriflar unchalik rasmiy emas - agar siz "jiddiy" va "qiziqarli" o'rtasida baxtli vositani qidirsangiz ideal.

Eng yaxshi serif veb shriftlari:

Baskerville uchun shrift namunasi

Cambria uchun shrift namunasi

Courier uchun shrift namunasi

Didot uchun shrift namunasi
Garamond uchun shrift namunasi
Times New Roman uchun shrift namunasi

Eng yaxshi serif veb shriftlari:

Kiyim shrift namunasi

Argesta uchun shrift namunasi
Bogart uchun shrift namunasi
 
Giveny uchun shrift namunasi
 
Juana veb shriftlari
 
Maiah shrift namunasi.
 
 

Sans serif veb shriftlaridan qachon foydalanish kerak?

Sans serif shriftlari shakli va tomoshabinga ko'rinishi jihatidan serif shriftlariga mutlaqo ziddir. Ushbu holatda Sans tom ma'noda "sans serif" degan ma'noni anglatadi, shuning uchun barcha sans serif shriftlari sans serif shriftlaridir.

Siz tasavvur qilganingizdek, sans serif shriftlari oddiyroq va beparvo. Ular serif shriftlariga o'xshamaydi. Sans serifs - oddiy qo'l yozuvini eslatuvchi do'stona suhbat va norasmiy xabarlar uchun shriftlar. Ular, ehtimol, odoblilik hisobiga tezlik va soddalik uchun yaratilgan.

Sans serif shriftlari tashrif buyuruvchilarga "Biz ham siz kabimiz" deb ko'rsatmoqchi bo'lgan veb-saytlar uchun eng yaxshisidir. Ular bo'shashgan va bo'shashgan, o'quv materiallari, raqamli nashrlar yoki bloglar uchun ideal. Agar siz ko'p hazil qilsangiz yoki maqolalaringizda kulgichlardan foydalansangiz, sans serif shrifti nazariy jihatdan eng yaxshi ishlaydi.

Xuddi shu sababga ko'ra, sans-serif veb shriftlari norasmiy va qo'shimcha matnlar uchun afzalroq tanlovdir: rasm sarlavhalari, nashrlar. ijtimoiy tarmoqlar, imzolar, rad etish va veb-reklama. Sans serif shriftlari o'qish tez va shoshilmasdan amalga oshiriladigan matnda eng yaxshi ishlaydi, shuning uchun maqsadingiz qanday ekanligini tushunish muhimdir. auditoriya kontent turini iste'mol qiladiBu eng yaxshi veb (yoki veb-xavfsiz) shrift bo'lishi mumkinligini tanlashdan oldin yaratmoqchi bo'lgan shrift. shrift) siz uchun.

 

Eng yaxshi veb sans serif shriftlari:

Arial veb shriftlari uchun shrift namunasi

Calibri uchun shrift namunasi

Dejavu Sans veb shriftlari uchun shrift namunasi

Jeneva uchun shrift namunasi
Helvetica veb shriftlari uchun shrift namunasi

Eng yaxshi sans serif veb shriftlari:

Devant Pro uchun shrift namunasi

Grafton veb shriftlari uchun shrift namunasi
IBM Plex Sans uchun shrift namunasi
 
Italico veb shriftlari uchun shrift namunasi
Monolith uchun shrift namunasi
TT Norms Pro veb shriftlari uchun shrift namunasi
 

Dekorativ veb-shriftlardan qachon foydalanish kerak.

Va nihoyat, bizda dekorativ shriftlar mavjud, ular serif yoki sans serif shriftlari bo'lishi mumkin. Shuningdek, ular sarlavhalaringiz va sarlavhalaringiz uchun eng yaxshi veb shrift yoki veb-xavfsiz shrift bo'lishi mumkin. Dekorativ minigarnituralar boy dizaynga ega; ular badiiy yoki stilistik bo'lishi kerak, ular nima deyishdan ko'ra ko'rinishiga ko'proq e'tibor berishlari kerak. Ko'pgina tipografiya funksionallik uchun mo'ljallangan bo'lsa-da, bu shriftlar namoyish qilish uchun mo'ljallangan.

Dekorativ shriftlar sarlavhalar, ajratilgan tirnoq yoki maqola sarlavhalari kabi ta'kidlash va ta'kidlash uchun eng yaxshisidir. Ular pirojnoe ustidagi krem, shuning uchun ularni tejamkorlik bilan va dramatik effekt uchun foydalaning. Ular shaxsiyat, hazil va ijodkorlikni qo'shadilar, shunchaki haddan oshmang. Buni pishirishga tuz qo'shish deb o'ylab ko'ring va tomoshabinlarning ta'mini e'tiborsiz qoldirmang. Bu ular matn yoki rasm taglavhalarining uzun bloklari uchun ishlamasligini anglatadi. Brendingizning aloqa ma'lumotlari uchun ham, pastki kolontialingizdagi matn uchun ham.

Dekorativ veb-shriftlar barcha uslublar va shaxsiyatlarga mos kelganligi sababli, ular oddiyroq serif yoki sans serif shriftlari bilan birlashtirilganda ajoyib ishlashi mumkin. Ammo tashqi ko'rinish uchun o'qish qobiliyatini hech qachon qurbon qilmang. Dekorativ shriftlar o'quvchi nima deyish kerakligini tushunmaguncha shunchaki o'yin-kulgidir.

To'g'ri logotip shriftini qanday tanlash mumkin?

Eng yaxshi dekorativ veb-shriftlar:

Bradley Hand shrift veb shriftlari

Bredli Hand shrifti

Shrift cho'tkasi skripti MT veb shriftlari

Shrift Copperplate veb shriftlari

Luminari shrifti
Shrift Monako veb shriftlari
 

Yoki siz shunchaki Comic Sans-dan foydalanishingiz mumkin

Veb-saytingiz uchun veb-shriftni tanlash muhim qaror bo'lib, tashrif buyuruvchilar sizning saytingizdan qanday foydalanishiga va brendingizni qanday qabul qilishiga ta'sir qiladi. Veb-dizayningizda noyob bo'lish va obro'ga ega bo'lish uchun ko'pincha eng yaxshi veb-shriftni emas, balki eng yaxshi veb-shriftni topish kerak. To'g'ri shriftni to'g'ri joylarda ishlatish qaysi elementlar birinchi bo'lib ko'rinishiga ta'sir qiladi va strategik foydalanilganda mumkin konvertatsiyani oshirish, saytdagi vaqt va boshqa ko'plab biznes maqsadlari.

Agar bu yechim juda murakkab bo'lib tuyulsa, siz har doim shunchaki Comic Sans-dan foydalanishingiz mumkin. Axir, agar siz xudolar orasida yura olsangiz, odamlardan sizga nima kerak?

 АЗБУКА