Crello becomesLogo

We are happy to announce that Crello has joined the family of Vista products

close
Головне про шрифти

Головне про шрифти

Створити дизайн в VistaCreate дуже просто: вибираєте фото чи відео високої якості, накладаєте на нього кілька дизайн-елементів та додаєте текст. І ос...

Створити дизайн в VistaCreate дуже просто: вибираєте фото чи відео високої якості, накладаєте на нього кілька дизайн-елементів та додаєте текст. І ось тут треба бути дуже важним: якщо взяти шрифти, що не поєднуються, результат буде такий собі.

Медіатека VistaCreate містить сотні безкоштовних шрифтів 20 мовами. Якщо ви маєте шрифти, створені або куплені спеціально для вашого бренду, завантажуйте їх у VistaCreate і використовувати в дизайні. Додавайте шрифт у свої брендкіти — аби фірмові стилі завжди були під рукою. 

У цій статті ми відповімо на основні питання, що стосуються видів шрифтів, їх поєднання і використання. Всі дизайни, якими проілюстрований цей текст, доступні в VistaCreate.

Чому роль шрифтів у графічному дизайні така вагома

Шрифт — це спосіб транслювати думку, котру ви закладаєте у свій проєкт. Звісно, якби ми скрізь використовували старий добрий Arial, життя було б простішим. Але стало б воно цікавішим? Швидше за все, ні. Якщо хочете, аби ваше висловлювання виглядало унікальним, але при цьому дійшло до потрібної аудиторії, важливо правильно його оформити. 

Ось основні помилки, що їх допускають у використанні шрифтів:

  • Надмірність. Її помітно відразу. Звісно, можна взяти відразу кілька шрифтів — особливо якщо тексту багато. Шрифти в різних стилях допомагають донести ідею точніше. Але тут важлива гармонія. Аби не помилитися, зупиніться на двох (максимум трьох) шрифтах в одному дизайні. Зазвичай цього достатньо.
  • Невдалий вибір. Дуже часто ми вибираємо шрифти лише по одному слову: якщо цей набір літер воно виглядає симпатично, беремо шрифт в роботу. Але буває, що цілий абзац тексту в цьому шрифті виглядає зовсім не так, як ви уявляли. Наприклад, деякі важкі шрифти пасують заголовкам, але в тексті мають незграбний вигляд, а легкі — добре виглядають в великому обсязі тексту, але занадто слабкі для великих написів. Вибирайте шрифти, орієнтуючись на обсяг тексту.
  • Поза контекстом. Швидше за все, мемуари про війну будуть виглядати досить дивно в романтичному шрифті на кшталт Clicker. Правило контекстуальної відповідності працює для будь-якого тексту, що ви набираєте. Тому звертайте увагу на зміст повідомлення, а не лише дизайн букв.

Аби уникнути цих помилок, зазвичай достатньо просто трохи уважніше почитати про шрифти, які ви хочете використовувати, та з’ясувати, де вони зазвичай зустрічаються та для чого використовуються.

Font pairing techniques

П’ять головних видів шрифтів

Шрифтів безліч. Деякі з них класичні — вони вже завоювали довіру і довели свою абсолютну якість. А деякі з’явилися зовсім недавно — вийшли зі стильних словолітних студій або були випущені у великий світ незалежними дизайнерами, закоханими у типографіку. Тож під час підбору шрифтового поєднання дуже важливо розуміти ключові характеристики родин використаних шрифтів. 

Коли я створювала свій перший шрифт, у мене було відчуття, що я стою біля підніжжя Евересту. В купальнику. 

Ніна Стресінгер, шрифтовий дизайнер в Frere-Jones Type, критик у Єльській школі мистецтв

Шрифти з зарубками

Це група всіх шрифтів з маленькими рисками — зарубками — на кінцях букв. Сьогодні існує величезна купа таких шрифтів в різноманітних стилях, від римських Roman до барокових Didone.

Дизайнери шрифтів та експерти у сфері типографіки за лічені секунди відрізнять старі шрифти з зарубками від нових. Але ніякої магії в цьому немає: аби зрозуміти, як вони відрізняються один від одного, просто подивіться на класичний Sabon, перехідний Perpetua та сучасний Didot.

Різниця неочевидна, але вона є:

  • Раніше в шрифтах без зарубок перехід від тонких до потовщених елементів був менш помітним, ніж зараз. Зарубки були крихітними та майже непомітними.
  • Перехідні шрифти — це поєднання старих та неокласичних технік, в них зарубки стали поєднуватися з тоншими, але більш виразними лініями літер. 
  • Сучасні шрифти цього типу являють собою поєднання витончених ліній з потовщеними. Все це виглядає дуже елегантно. Наприклад, шрифти серії Didone часто використовують в модних журналах та інших медіа для підписів під фото.
Font pairing techniques

Шрифти з зарубками мають виразний вигляд не лише в друкованих матеріалах (наприклад, книг і журналів), а й у великому обсязі цифрового тексту — це спрощує читання.

У VistaCreate сотні шрифтів із зарубками — і для свого дизайну ви можете взяти будь-який з них! Швидше за все, вам сподобається мегапопулярний Antic Didone, що залишається одним з головних представників своєї групи. Але хто знає — може, вам захочеться експериментів.

Шрифти без зарубок

Шрифти з зарубками створюють атмосферу чогось сучасного та свіжого. Цю їх характеристику дуже часто використовують в рекламі, особливо коли треба додати експресії. Але звісно якщо вам потрібна енергія, знайти її можна і в шрифтах без зарубок.

Шрифти з прямими літерами без рисок — це квінтесенція збалансованості та серйозності. Вдалим прикладом таких шрифтів є класичні s Gothic, Helvetica, Century Gothic і улюблений усіма Calibri.

Як і шрифти з зарубками, спочатку такі шрифти були простішими — з важкими і товстими лініями. А потім вони еволюціонували та прийняли більш елегантні, витончені форми.

Font pairing techniques

Найчастіше шрифти без зарубок використовують в заголовках, але деякі з них (наприклад, Arial и Proxima Nova) часто можна побачити і в текстових блоках. 

Перегляньте колекцію шрифтів без зарубок в VistaCreate та використовувати їх у своєму тексті або в заголовках. А почати можна з універсального Prompt.

Брускові шрифти

Якщо просто, то брусковий шрифт — це шрифт, у якого є зарубки, але вони короткі та грубуваті.

Більшість моноширинних шрифтів (де всі букви займають однаковий простір), що використовуються на друкарських машинках і комп’ютерах, — це або шрифти без зарубок, або брускові шрифти. Якщо ви колись набирали текст за допомогою клавіатури, з величезною ймовірністю використовували Courier або Lucida Console.

Але це не всі популярні варіанти брускового шрифту — наприклад, шрифти American Typewriter, Rockwell та Clarendon теж часто використовується.

Наберіть текст в дизайні шрифтом Lora

Lora — один з десятків брускових шрифтів, доступний в VistaCreate. Використовуйте його у своєму дизайні, аби написи в ньому виглядали ще більш переконливими. 

Рукописні шрифти

Перший шрифт виник не сам по собі — по суті, це імітація написання від руки. Старі рукописні шрифти виглядають дуже ніжно, зазвичай букви в них йдуть під нахилом, курсивно. Сучасніші шрифти цього типу мають виразний вигляд, у них з’являється жирне накреслення.

Ось кілька цікавих прикладів рукописних шрифтів —  Snell Roundhand, Brush Script і Kaufmann.

Font pairing techniques

Перегляньте варіанти рукописних шрифтів в колекції VistaCreate і застосуйте будь-який з них до своїх написів, які хотіли б зробити більш помітними. Наприклад, шрифт Playlist Script додасть вашому дизайну легкості та ніжності.

Декоративні та акцидентні шрифти

Акцидентні шрифти обігрують типографіку по-новому, але місія в них одна: зробити ваше повідомлення максимально помітним. Для суцільного тексту такі шрифти не підходять — вони виглядають добре лише в окремих словах та коротких заголовках. 

Декоративні шрифти можуть входити в усі ті сімейства, що ми вже згадували: це можуть бути шрифти з зарубками і без, рукописні і брускові. Їх головна відмінна характеристика — максимальна експресивність й артовість.

Хороші приклади цих шрифтів — Broadway, Bauhaus (натхненний естетикою Баухаузу), Peignot, Stencil та Windsor.

Font pairing techniques

У колекції VistaCreate маса декоративних шрифтів, і для кожного знайдеться пара. Візьміть, наприклад, Sigmar One і спробуйте з’єднати його з різними базовими шрифтами — і побачите, як змінюється настрій тексту. 

Як поєднувати шрифти

Підходів до поєднання шрифти не так багато, як може здатися спочатку. Загалом їх лише два: використовувати шрифти однієї або різних гарнітур. Але перш ніж вибрати, яким саме шляхом піти, важливо зрозуміти різницю між гарнітурою та шрифтом.

Гарнітура — це сімейство шрифтів із загальними характеристиками дизайну, що зазвичай включає нормальне, жирне і курсивне накреслення. Іноді в гарнітурі є лише нормальне й жирне накреслення, а іноді цей комплект розширюється на тонкі та максимально жирні накреслення та більш-менш розріджені написання.

Шрифт — це варіація гарнітури, зі своїм стилем, вагою та розміром. На початку друкарства літери в шрифтах створювалися з металу або дерева. Сьогодні шрифти існують у цифрових файлах, що їх можна завантажити з магазину шрифтів або купити безпосередньо у шрифтового дизайнера. 

Використовуйте шрифти однієї гарнітури

Починаємо підбирати шрифти. Найпростіший і, напевно, найвдаліший спосіб стилізувати текст в дизайнах — використовувати шрифти однієї гарнітури. В цьому випадку помилитися просто неможливо, це мінімалізм в чистому вигляді. Але обов’язково звертайте увагу на стиль гарнітури. Дисплейні шрифти швидше за все зіпсують дизайн, якщо їх буде забагато — тому збалансуйте їх шрифтами без зарубок або брусковими шрифтами. 

У прикладі нижче можна подивитися, як дизайнери VistaCreate використовували цей підхід, аби створити шаблон з чотирма текстовими блоками, набраними одним шрифтом, але зовсім по-різному. Вони використовували шрифт із зарубками Radley і набрали їм заголовки (великими літерами) та сам текст (малими літерами). Ще в цьому прикладі є варіації цього шрифту курсивом та з підкресленням.

Font pairing techniques

Використовуйте шрифти різних гарнітур

Звучить трохи незвично, але на практиці шрифти з різних гарнітур іноді поєднуються навіть краще, ніж з однієї. Але треба підбирати їх акуратно — не всі такі шрифти пасують один одному. Найкращий спосіб зрозуміти, як все працює, спробувати їх у своєму дизайні і подивитися, що з цього виходить. Чим більше експериментів, тим вище ймовірність, що ви знайдете вдале шрифтове поєднання.

Приклад нижче показує, наскільки цікаво може виглядати мікс двох абсолютно різних шрифтів в одному дизайні. Дизайнери VistaCreate скомбінували Montserrat і Mr Dafoe — і вийшло дуже яскраво. Жирне накреслення Montserrat ідеально підходить для заголовків та основного тексту, а оригінально курсивний Mr Dafoe — органічно підкреслює характер основного тексту.

Font pairing techniques

Рукописні шрифти — ідеальний вибір, якщо хочеться ефекту «справжності» написання. Але на жаль, досить часто їх складно читати, особливо в курсивному накресленні. Тому для балансу краще поєднувати їх зі звичайними. При цьому підході зважайте на правило Парето: 80% тексту наберіть шрифтом, що легко зчитується, а 20% — декоративним, рукописним, трафаретним або будь-яким іншим експресивним.

Підсумуємо

Текст — це те, на що люди звертають увагу в першу чергу, коли дивляться на дизайн. Від вибору шрифтів безпосередньо залежить те, як люди будуть сприймати ваш візуальний проєкт. На враження аудиторії можна впливати грамотним підбором шрифтових пар — спробуйте і зрозумієте, наскільки потужний цей інструмент.

Сподобалось? Поділіться!
Анна Горошко
Автор статей о дизайне, маркетинге и коммуникациях. Люблю, когда красиво. Люблю, когда интересно. Люблю, когда полезно.

Never miss a thing

Subscribe to the VistaCreate newsletter and never miss out on fresh template collections, essential service updates, and other helpful information.

Contribute to Crello Blog

Share your story with millions of creators using VistaCreate worldwide.