Як поєднувати шрифти на постері: шість пар

Два голоси і чим вони різняться

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

Контраст буває різний: товщина (найжирніший проти звичайного), ширина (вузький проти широкого), стиль (антиква проти гротеску, рукописний проти гротеску), регістр (великі літери проти малих) і розмір. Оберіть один-два з них і підсильте до краю. Жирний гротеск із трохи жирнішим гротеском — не пара; важкий вузький гротеск із легкою книжковою антиквою — пара.

Одна родина, багато голосів

Пара в межах однієї великої родини — найнадійніший початок, бо форми вже погоджені між собою. Тут заголовок — Inter товщиною 740 з висотою рядка 84 % і щільним відʼємним міжлітерним інтервалом, тож три рядки замикаються в один блок. Дрібні рядки — Inter товщиною 600, 28 px: заголовок у 6,5 раза більший. Стрілки набрано Inter Tight — вужчим варіантом того самого дизайну.

Корисне співвідношення для постерів: заголовок щонайменше вчетверо–вшестеро більший за дрібний текст, а дрібний текст не менший за 1,5 % ширини постера. Нижче цього два голоси зливаються в один.

Шість пар, що працюють, з кирилицею

Усі ці шрифти є в бібліотеці Paletoo й правильно набирають українську — з ґ, є, і, ї та апострофом. 1. Inter Black з Inter Regular: одна родина, крайні товщини, як на цьому постері. 2. Unbounded з Fixel Text: широкий, круглий, гучний акцидентний шрифт над спокійним українським гротеском. 3. Oswald з Lora: високий вузький гротеск для довгих заголовків і книжкова антиква для тексту. 4. Playfair Display з Manrope: контрастна антиква з охайним сучасним гротеском — для меню, моди й подій. 5. Fixel Display з IBM Plex Mono: гротескний заголовок із технічними моноширинними підписами — для ІТ, даних і розкладів. 6. Pinyon Kyiv з Cormorant: урочистий рукописний для одного-двох слів і вишукана антиква під ним — для запрошень і концертів.

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

Типові помилки

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

Зроблено в Paletoo

Усі зображення на цій сторінці зроблено в Paletoo — ці три тими самими кроками на інших шаблонах:

Крок за кроком у Paletoo

1. Натисніть «Відкрити в Paletoo», і пост відкриється як ваш власний документ. Список Шари показує верхній рядок, заголовок, велике «v0.1» з блоковою тінню, два дрібні підписи на кільці й нижній рядок.

2. Клацніть заголовок, щоб вибрати його. Вкладка Дизайн показує його місце, а Типографіка — шрифт Inter, 182 px, Товщина 740, Висота рядка 84 % і щільний відʼємний Міжлітерний інтервал.

   

3. Клацніть дрібний рядок унизу праворуч, «open studio, sat 12:00». Типографіка показує ту саму родину, Inter, 28 px і Товщина 600: тихий голос, привʼязаний до стилю тексту Label.

   

4. Клацніть порожнє місце полотна, щоб нічого не було вибрано. Вкладка Дизайн показує Стилі тексту документа: Number, Heading, Label, Symbols і Ring caption, кожен зі своїм шрифтом і розміром.

   

5. Двічі клацніть заголовок, щоб написати свої слова. Щоб спробувати іншу пару, відкрийте стиль через Редагувати стиль і оберіть новий шрифт: кожен привʼязаний до нього рядок зміниться одразу, тож пари можна порівнювати за секунди.

6. Коли пара сподобається, натисніть Експорт, щоб отримати PNG 1080 × 1350 для стрічки, або PDF з Включити виліт, щоб надрукувати постер.

Зробіть по-своєму

Змініть шрифт стилю Heading через Редагувати стиль, а Label не чіпайте: так ви перевіряєте лише гучний голос, який і змінює характер постера.

Якщо новий шрифт заголовка при 182 px виглядає розрідженим, зменште Міжлітерний інтервал на кілька кроків: великий шрифт майже завжди хоче менше простору, ніж за замовчуванням.

Для версії з трьома голосами дайте датам і хештегу моноширинний шрифт, як-от IBM Plex Mono, того самого Розмір шрифту 28 px — тоді третій голос змінює фактуру, а не розмір.

Зробити онлайн

• Зробіть постер онлайнЗробіть постер онлайн безкоштовно — із шаблону, в якому макет уже збалансований, — і збережіть PDF для друку чи зображення для екранів.
• Ефекти для тексту онлайнХром, золота фольга, тиснення, вирізані літери, обведення й викривлення для вашого тексту — а слова лишаються текстом, який можна редагувати.
• Дописи для Instagram онлайнШаблони дописів для Instagram, які легко зробити своїми: потрібний розмір, ваші слова й фото, чіткий PNG чи JPG — безкоштовно, просто в браузері.

Безкоштовні шаблони для дизайну: Шаблони постерів · Шаблони дописів для соцмереж