"Веб шрифттери" жана "веб коопсуз шрифттери" веб-сайттарда шрифттерди колдонууга байланыштуу эки башка түшүнүк. Баштоодон мурун, терминологияны бир аз тактап алалы. Түзмөгүңүздө орнотулган шрифттер менен жүктөп алышыңыз керек болгон ариптердин ортосунда кандай айырма бар?

  1. Веб коопсуз шрифттери: ошондой эле "системалык шрифттер" же "браузер шрифттери" катары белгилүү желе коопсуз шрифттери бардык түзмөктөрдө жана браузерлерде орнотулган ариптер.

      2. Веб шрифттери: бүдөмүк болсо да, веб шрифттери бардык шрифттерге кайрылыңыз жок желе коопсуз шрифттери, айрыкча коммерциялык жана өз алдынча иштелип чыккан шрифттер.

Ошентип, желе коопсуз шрифттери Windows же Mac, Chrome же Safariде эң кеңири таралган. Ошентип, веб шрифттери оңой эмес жеткиликтүү жана сиз аларды адатта өзүңүз жүктөп алып, орнотууга туура келет.

Китеп роман. Кантип түзүү керек?

Веб дизайнда кайсынысын колдонушуңуз керек?

Экөөнүн тең өзүнүкү бар Артыкчылыктары жана кемчиликтери.

Бул макалада камтылган веб-дизайн үчүн, веб коопсуз шрифттердин негизги артыкчылыгы - алар тезирээк жүктөлүп, сайтыңыздын жүктөлүшүнө кеткен убакытты азайтат. Бул чоң айырма эмес, бирок ар бир жоголгон миллисекундду кыркыңыз келсе, алар маанилүү.

Желедеги коопсуз шрифттердин кемчилиги - алар жалпы. Алар жөнүндө уникалдуу же оригиналдуу эч нерсе жок - алар түзмө-түз бардыгына жеткиликтүү. Эгерде сиз стилди же чеберчиликти кааласаңыз, анда башка веб шрифти колдонушуңуз керек болот.

Веб шрифттери көп түрдүүлүккө ээ; бул ар дайым кошулуп жана кеңейтилип турган шрифттердин жыйындысы. Сиз издеген нерсеңиздин негизинде атайын иштелип чыккан брендиңиз үчүн эң мыкты веб шрифттерди ала аласыз же шрифт хабынан учурдагыга онлайн лицензия бере аласыз. Алардын негизги артыкчылыгы, албетте, оригиналдуу болуп саналат. Эгер сиз өзгөчөлөнгөн арипти кааласаңыз, веб коопсуз шрифттери аны аткарбайт.

Чечим кабыл алууда кыйынчылыкка туш болуп жатсаңыз, Хакернун Дэвид Гилбертсондун бул пайдалуу блок-схемасын карап көрүңүз (ал "системалык шрифттерди" "веб коопсуз шрифттери" дегенди колдонорун унутпаңыз).

Ыңгайлаштырылган шрифт эстетикасы жөнүндө эмне айтууга болот?

Бирок мыкты веб шрифттерди жана мыкты веб шрифттерди тандоо сиздин жалгыз чечимиңиз эмес. Сиз ошондой эле типографиянын кайсы стили сиздин брендиңизге жана сайтыңызга ылайыктуу экенин чечишиңиз керек. Ар кандай шрифттер көңүл бурган баш саптарга караганда тексттин узун блокторуна ылайыктуу, алардын брендиңизди кабыл алууга тийгизген таасирин айтпаганда да.

Бул колдонмодо биз шрифттин эстетикасынын негизинде алардын бардыгын үч категорияга бөлөбүз: serif, sans serif жана декоративдик. Билбегендер үчүн серифтер – кээде тамгалардын аягында пайда болгон кичинекей белгилер же “желектер”. Төмөндө ар биринин сунушталган колдонулушун, ошондой эле алардын кандайча таасир этишин түшүндүрөбүз сиздин бренд иденттүүлүгүңүз.

 

Веб дизайнда Serif веб шрифттерин качан колдонуу керек

Серифтердин типографияда узак тарыхы бар. Бирок, эгер сиз веб-сайттар үчүн шрифттерди издеп жатсаңыз, серифтер спектрдин "олуттуу" жагына туура келгенин билишиңиз керек. Бул аларды түзөт кесиптик жана расмий бренддер үчүн сонун, бирок ошого жараша орнотулган жок болсо, достук жана кокустук бренддер үчүн бир аз карама-каршы келет.

Сиз мыкты веб шрифт же веб шрифти издеп жатасызбы, серифтер авторитетти, татаалдыкты жана классты жеткирүүнү каалаган бренддер үчүн эң жакшы. Алардын тарыхтан классикалык жагымдуулугу бар, ошондуктан алар көптөн бери иштеп келе жаткан бренддер менен жакшы иштешет же ушундай жолду каалаган бренддер менен иштешет. окшош болуу . Соода - сериф шрифттерин олуттуу, балким, өтө формалдуу катары кабыл алууга болот, андыктан аларды колдонсоңуз, алар сиздин бренд баалуулуктарыңыз менен иштеши керек. максаттуу аудитория.

Белгилей кетчү нерсе, сериф шрифттери окууга оңой, ошондуктан алар көбүнчө негизги текст, аталыштар жана субтитрлер үчүн колдонулат. Бул муну билдирбейт Sans serif шрифттерин окуу кыйын; алар сонун тексттин узун блоктору үчүн ылайыктуу. Бирок жогорку деңгээлдеги басылмалардын жактырышынын себеби бар New York Times и Бостон Глобус, дагы эле алардын санариптик макалалары үчүн serif веб шрифттерин колдонушат. Жана кокусунан эмес, бул эки гезит тең узун нусканы жайылтуу менен бирге "формалдуу" жана "классикалык" брендинг стилине ыкташат.

Ариптердин өлчөмү жана стили да маанилүү. Чоң, жоон серифтер арипиңизди стилдештирилген, ал эми өзгөчө учурларда жандуу жана кесипкөй кылып көрсөтөт. Ошо сыяктуу эле, кичинекей жана майдараак серифтер анча формалдуу эмес — эгер сиз "олуттуу" жана "көңүлдүү" ортосунда бактылуу чөйрөнү издеп жатсаңыз, идеалдуу.

Мыкты serif веб шрифттери:

Baskerville үчүн үлгү шрифт

Кембриа үчүн үлгү шрифт

Courier үчүн шрифттин үлгүсү

Didot үчүн үлгү шрифт
Garamond үчүн шрифттин үлгүсү
Times New Roman үчүн шрифттин үлгүсү

Мыкты serif веб шрифттери:

Кийим шрифт үлгүсү

Argesta үчүн үлгү шрифт
Bogart үчүн үлгү шрифт
 
Giveny үчүн үлгү шрифт
 
Juana веб шрифттери
 
Майя шрифтинин мисалы.
 
 

Sans serif веб шрифттерин качан колдонуу керек?

Sans serif шрифттери формасы боюнча да, көрүүчүнүн көзүнө көрүнгөн түрү боюнча да сериф шрифттерине так карама-каршы келет. Бул учурда Sans түзмө-түз "sans serif" дегенди билдирет, андыктан бардык sans serif шрифттери sans serif шрифттери.

Сиз элестете тургандай, sans serif шрифттери жөнөкөй жана бейкапар. Алар сериф шрифттерине окшобойт. Sans serifs - жөнөкөй колжазманы эске салган достук баарлашуу жана расмий эмес билдирүүлөр үчүн шрифттер. Алар ылдамдык жана жөнөкөйлүк үчүн, балким, адептүүлүктүн эсебинен иштелип чыккан.

Sans serif шрифттери өзүнүн конокторуна "Биз сиздейбиз" дегенди көрсөтүүнү каалаган веб-сайттар үчүн эң жакшы. Алар билим берүү материалдары, санариптик басылмалар же блогдор үчүн идеалдуу, эркин жана эркин. Эгер сиз көп тамашалашсаңыз же макалаларыңызда эмодзилерди колдонсоңуз, анда теоретикалык жактан sans serif шрифти эң жакшы иштейт.

Ушул эле себептен улам, sans-serif веб шрифттери формалдуу эмес жана кошумча текст үчүн артыкчылыктуу тандоо болуп саналат: сүрөттүн коштомо жазуулары, басылмалар коомдук тармактар, кол коюулар, жоопкерчиликтен баш тартуу жана веб-жарнак. Sans serif шрифттери тез жана шашылыш түрдө окулган текстте эң жакшы иштейт, андыктан максатыңыз кандай экенин түшүнүү маанилүү аудитория мазмун түрүн керектейтмыкты веб (же желе коопсуз) шрифти тандоодон мурун түзгүңүз келген шрифт. шрифт) сиз үчүн.

 

Мыкты веб-санс сериф шрифттери:

Arial веб шрифттери үчүн үлгү шрифт

Calibri үчүн үлгү шрифт

Dejavu Sans веб шрифттеринин үлгүсү

Женева үчүн үлгү шрифт
Helvetica веб шрифттери үчүн үлгү шрифт

Мыкты sans serif веб шрифттери:

Devant Pro үчүн шрифттин үлгүсү

Grafton веб шрифттери үчүн үлгү шрифт
IBM Plex Sans үчүн үлгү шрифт
 
Italico веб шрифттери үчүн үлгү шрифт
Монолит үчүн шрифттин үлгүсү
TT Norms Pro веб шрифттеринин үлгүсү
 

Декоративдик веб шрифттерди качан колдонуу керек.

Акырында, бизде декоративдик шрифттер бар, алар serif же sans serif шрифттери болушу мүмкүн. Алар ошондой эле сиздин рубрикаларыңыз жана рубрикаларыңыз үчүн мыкты веб шрифт же веб коопсуз шрифт болушу мүмкүн. Декоративдик гарнитуралар бай дизайнга ээ; алар көркөм же стилистикалык болушу керек, алар эмне деп айтууга караганда, алардын сырткы көрүнүшүнө көбүрөөк басым жасайт. Көпчүлүк типография функционалдык үчүн иштелип чыкканы менен, бул шрифттер көрсөтүү үчүн иштелип чыккан.

Декоративдик шрифттер, мисалы, рубрикалар, өзгөчөлөнгөн цитаталар же макалалардын аталыштары сыяктуу баса белгилөө жана басым жасоо үчүн эң жакшы. Алар торттогу глазурь, андыктан аларды үнөмдүү жана укмуштуудай эффект үчүн колдонуңуз. Алар инсандыкты, юморду жана чыгармачылыкты кошот, жөн гана ашыкча болбойт. Муну тамак жасооңузга туз кошуу деп ойлоп, көрүүчүлөрдүн табитин ашкерелөөдөн алыс болуңуз. Бул алар тексттин же сүрөттүн узун блоктору үчүн иштебейт дегенди билдирет. Брендиңиздин байланыш маалыматы үчүн да, колонтитулуңуздагы текст үчүн да.

Декоративдик веб шрифттер бардык стилдерге жана инсандарга туура келгендиктен, алар жөнөкөй сериф же sans serif шрифттери менен жупташканда сонун иштей алат. Бирок эч качан сырткы көрүнүш үчүн окулууну курмандыкка албаңыз. Декоративдик шрифттер окурман эмнени айтаарын түшүнгүчө, жөн гана көңүл ачуу.

Кантип туура логотип шрифтин тандоо керек?

Мыкты декоративдик веб шрифттери:

Брэдли Хенд шрифтинин веб шрифттери

Брэдли Ханд шрифти

Font Brush Script MT веб шрифттери

Font Copperplate веб шрифттери

Luminari шрифт
Font Monaco веб шрифттери
 

Же сиз жөн гана Comic Sans колдоно аласыз

Веб-сайтыңыз үчүн веб шрифт тандоо маанилүү чечим болуп саналат, бул коноктордун сиздин сайтты кантип колдонушуна жана брендиңизди кандай кабыл алышына таасир этет. Уникалдуу болуу жана веб-дизайныңызда авторитетке ээ болуу үчүн, көбүнчө мыкты веб шрифт эмес, эң мыкты веб шрифт табуу керек. Туура шрифтти туура жерлерде колдонуу кайсы элементтердин биринчи көрүнөөрүнө жана стратегиялык жактан колдонулушуна таасир этет конверсияны жогорулатуу, сайтта убакыт жана башка көптөгөн бизнес максаттары.

Бул чечим өтө татаал көрүнсө, сиз ар дайым Comic Sans колдоно аласыз. Эгер кудайлардын арасында жүрө алсаң, өлүмдүн сага эмне кереги бар?

 АЗБУКА