Будемо чесні, щоб стати спеціалістом у типографіці необхідний відповідний досвід, проте цьому не так складно навчитися.
Не впадайте у відчай, якщо ви є новачком у цій галузі: навіть графічні дизайнери не народжуються проникливими майстрами типографіки. Потрібно багато практики, навчання, спостережень, а також кілька не дуже вдалих проєктів, щоб досягти успіху.
Незалежно від того, чи використовуєте ви Microsoft Word або InDesign, вам буде корисно прочитати про типові помилки, які роблять дизайнери під час роботи з типографікою. Можливо, ви навіть не думали про них раніше.
У наші дні, коли справа стосується дизайну чи інших видів творчості, вам постійно говорять про правила. Ви не можете це зробити. Ви не можете робити те. Не використовуйте цей шрифт. Давайте просто заспокоїмося, і все вийде, ми обіцяємо.
Наприклад, багато хто з вас знає, що подвійний пробіл після точки - непотрібний пережиток того часу, коли тексти набирали на друкарських машинках. Але колись ви, мабуть, захочете використати цей прийом, щоб створити певну естетику. І це нормально! Якщо це рішення дійсно допоможе вам досягти необхідних результатів, застосуйте його.
Навряд чи можна говорити про якісь універсальні рекомендації у сфері типографіки, оскільки шрифт зустрічається всюди. Набір тексту для книги та використання шрифту в дизайні логотипу чи веб-дизайні – абсолютно різні завдання.
На щастя, основні принципи типографіки актуальні в будь-якій галузі, тому ми сподіваємось, що ці поради будуть вам корисні. Але зрештою саме ви — дизайнер — приймаєте рішення, слідувати їм чи ні в конкретній ситуації. Так що, якщо ви хочете порушити правило, зробіть це красиво і продумано!
1. Надмірні обмеження у виборі шрифтів
Типові ситуації, що виникають у цій галузі, стосуються використання в проєкті надто великої кількості шрифтів. "Два чи менше!", - Кажуть вони. Ось у чому справа: найцікавіші та візуально привабливі дизайни найчастіше виходять завдяки грамотному поєднанню безлічі шрифтів.
Щоб успішно вирішити це завдання, звичайно ж, потрібне "алмазне" та досвідчене око дизайнера, проте це не можна назвати непереборною перешкодою. Хоча ми не пропонуємо вам використовувати всі шрифти Google Fonts в одному проєкті, немає причин обмежувати свій вибір двома шрифтами, якщо ви наближаєтеся до роботи з типографікою усвідомлено та маєте належний досвід.
Щоб зрозуміти, чи буде комбінація шрифтів вдалою, треба врахувати багато різних аспектів, включаючи контрастність, ієрархію та індивідуальність кожного шрифту. Крім того, не забувайте про класифікацію шрифтів - із засічками / без засічок / брусковий / рукописний, їх накреслення та розміри.
Проаналізуйте як подібності, і відмінності обраних опцій. Деякі шрифти чудово працюють поруч із схожими гарнітурами, інші, наприклад, великі, сміливі, енергійні, декоративні, краще виглядають у поєднанні з контрастними шрифтами, інакше дизайн може виглядати перевантаженим. Справа в тому, щоб відчути, яка комбінація спрацює. Експериментуйте!
Одна з найпоширеніших помилок – вибрати шрифти, які надто схожі. Згадайте Didot та Bodoni або Garamond та Sabon. Коли ви використовуєте гарнітури з однієї категорії, які мають схожі характеристики, наприклад форму літер, ви можете зіткнутися з труднощами, особливо якщо планували застосувати їх для аналогічних елементів у вашому проекті. Переконайтеся, що візуальний контраст є достатнім, а кожен шрифт означає щось своє.
2. Неадекватна довжина рядка
У типографіці "measure" - це довжина рядка всередині фрагмента тексту. Додаючи на сторінку контент, ви повинні переконатися, що вибрали довжину, яка не тільки добре виглядає, але й не стомлює ваших користувачів. Як і міжрядковий інтервал, ця характеристика тексту одна із найважливіших чинників, визначальних його читабельність.
Якщо рядки занадто короткі, користувач швидко втомиться, адже його погляд часто перестрибуватиме з рядка на рядок. І навпаки, якщо вони надмірно довгі, погляд читача щоразу блукатиме у пошуках початку наступного рядка.
Відповідна довжина рядка буде залежати від безлічі змінних. Перш за все, необхідно враховувати контрастність, висоту та ширину шрифту. За загальним правилом, варто розпочати пошук комфортної для читачів довжини, розташувавши в один рядок приблизно 50 символів. Вам доведеться витрачати час, щоб налаштувати ці деталі.
Пам'ятайте, що потрібно знайти баланс між вказаними функціональними аспектами шрифту та його естетичною привабливістю. Не забувайте про розміри шрифту, сторінок, колонок та сітках.
Хоча на це може піти якийсь час, поекспериментуйте з довжиною рядка, щоб у вас вийшли добре організовані та продумані текстові блоки.
3. Зміна міжлітерного інтервалу в рукописному шрифті
Дизайнери люблять якісні рукописні шрифти - вони плавні, виразні і можуть змінюватись від елегантних і витончених до яскравих і кричучих. Зазвичай рукописний шрифт спроектований таким чином, щоб усі літери взаємодіяли між собою та плавно перетікали одна в одну.
Іноді дизайнери - ми не називатимемо імен - розривають ці зв'язки, змінюючи трекінг або вручну налаштовуючи інтервали між літерами в рядку. Найчастіше це призводить до негарних розривів, особливо між малими літерами, що виглядає неприродно.
На думку спадає аналогія з ланцюгом, в якій лише кілька ланок є замкнутими: незручно, естетично непривабливо і, можливо, навіть небезпечно для кінцевого користувача.
Іноді такі негарні рішення - це не вибір дизайнера. Деякі програми для розробки дизайну включають опцію кернінгу — програма сама перевизначає продумані дизайнером інтервали між літерами, застосовуючи власні розрахунки. Це також може призвести до того, що рукописний шрифт виглядатиме погано за рахунок додаткових пробілів або, навпаки, накладання літер.
Головне, будьте розважливі, коригуючи інтервали в рукописних шрифтах. Обов'язково перевіряйте налаштування кернінгу в програмі, яку ви використовуєте для створення дизайну, щоб випадково не зіпсувати ситуацію.
4. Неправильне налаштування розміру та кернінгу у великих написах
Коли ви працюєте з якимось великим надписом, всі проблеми з кернінгом стають набагато помітнішими. Те, що виглядає як відстань, що вимагає невеликого коригування, коли йдеться про написи маленького розміру, сприймається як катастрофа, якщо розмір тексту значно збільшено.
З урахуванням сказаного слід розмістити літери в заголовку щільніше, особливо якщо він складається з великих літер. Це додасть драматизму та ґрунтовності, а також допоможе створити баланс із текстом, у якому використовується щедріший трекінг.
По-друге, деякі символи необхідно трохи зменшити, щоб вони не надто сильно впадали у вічі. Наприклад, амперсанд (&), знаки валют, "собачка" (@), знак відсотків, ѓрати (мова про хештеги, молоді знавці соціальних мереж).
Сміливо скорочуйте їх розмір на 10-20%, якщо ви знаєте, що використовуватимете їх у заголовку чи декоративних цілях. Поекспериментуйте і, можливо, ви захочете зробити ці символи ще меншими.
Як і завжди, конкретні налаштування залежать від того, який шрифт та зображення ви використовуєте. Оскільки символи в цьому випадку виділяються на тлі інших букв, маленький розмір допоможе зробити так, щоб вони не надто відволікали увагу користувачів від іншого контенту.
5. Розтягнутий шрифт
- Гей, друже! Досить дуріти. Я не іриска, я маю почуття!
- Так, так набагато краще. Енергійна стильна типографіка. Уперед!
Не розтягуйте шрифт штучно, якщо у вас немає на це серйозної причини. Дизайнери шрифтів ретельно продумують кожну букву і те, як вони взаємодіятимуть між собою. Порушення природних пропорцій шрифту нагадує ефект кривого дзеркала: у кращому разі результат вийде безглуздим, у гіршому – хаотичним та дратівливим.
Можливо, це сталося, тому що ви забули натиснути “Зберегти пропорції”, коли змінювали розмір текстового елемента. Нічого страшного, таке буває. Але пам'ятайте, що ви навряд чи досягнете успіху, навмисно розтягуючи шрифт по горизонталі або вертикалі, щоб просто заповнити простір.
Іноді, звичайно, фахівці у типографіці штучно масштабують гліфи в блоках основного тексту на кілька відсотків, щоб отримати потрібний інтервал між ними. Однак ви навряд чи помітите це неозброєним оком, а кінцевий результат часто вартує такого невеликого порушення правил.
Ми ж говоримо про шрифт, який був розтягнутий штучно настільки, що здається, ніби літери пропущені через машинку для нарізки локшини. Повторюся, не звертайте уваги на нашу пораду, якщо ви хочете, щоб естетика проєкту вийшла саме такою.
Але якщо вам потрібно, щоб шрифт вмістився в певному контейнері, переконайтеся, що вибрали гарнітуру, яка включає безліч різних накреслень і варіацій ширини. Багато сімей містять як стислі, так і широкі шрифти, які доповнюють стандартну версію. Використовуйте їх, а також різні зображення, щоб ефектно розмістити текст у доступному просторі.
Варіативні шрифти — ще одна технологія, що розвивається, яка допоможе дизайнерам знаходити баланс між красивою типографікою та економією місця.
Висновок
Ідеальна типографіка - це складне завдання, але її можна виконати успішно, якщо звернути увагу на деякі деталі. Використовуйте наші поради, але не забувайте, що підсумкове рішення завжди приймає дизайнер.
Розвивайте наочність, ставте під сумнів значення за замовчуванням, які встановлені у вашому додатку для розробки дизайну, і не соромтеся порушувати правила, якщо ви робите це з певною метою.
Джерело: creativemarket.com