Ази створення типографіки: ненудно про хороших шрифтах - Netpeak Blog

Нашу «зефірної акцію» коштувало затівати хоча б заради знайомства з Ольгою Цимбал - копірайтером з G2 Grey Ukraine. Вона похвалила за зефір, але насварила за шрифти, які ми використовували на підставці для зефіру. Ми попросили Олю провести нам майстер-клас по азам типографіки - в результаті вийшов цей пост. Впевнені, це багатьом буде цікаво і корисно.

Почнемо, мабуть, з жарти: дітям дизайнери не дарують іграшки, вони грають з шрифтами.

- Розкажи про себе? Наскільки серйозно ти захоплена шрифтами?

Я працюю копірайтером-редактором, тому кожен день маю справу з певною кількістю текстової інформації, часто в поєднанні з графічною. Віддаючи належне змісту написаного, стилістиці, граматиці, орфографії, я при цьому не можу не звертати уваги на візуальне оформлення тексту. Серйозно цікавлюся дизайном і шрифтами - це моє захоплення напевно родом з 2001 року, коли в нашій родині з'явився перший комп'ютер і я цілими днями, забуваючи про все інше, пізнавала можливості Paint і Microsoft Word, а також PowerPoint. Набагато пізніше в моє життя прийшли Corel Draw (на нетривалий час), Photoshop, Illustrator. На черзі - InDesign. Тобто профільне лінгвістичне освіту зовсім не означає нехтування візуальною культурою, а скоріше навпаки.

Любов до слова зобов'язує зробити так, щоб на екрані монітора, на папері або будь-який інший поверхні цього слова було зручно, затишно, щоб воно «відчувало» себе на своєму місці і читач приділив йому необхідну дозу уваги.

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

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

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

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

Уявіть собі ситуацію: молода людина, дізнавшись про існування модною професії «дизайнер», опановує основами графічної комп'ютерної програми (найчастіше це «корил», «король дров» або як тільки не називають Corel Draw) і створює свій перший макет. Креативи такого походження дізнатися нескладно. Їх відрізняють божевільна добірка шрифтів (творець немов демонструє їхню багату колекцію в своєму комп'ютері), витіювате оформлення написів, повне недотримання правил верстки, дикі колірні поєднання. Про технічні моменти, на зразок дозволу зображень або підготовці до друку мова взагалі не йде.

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

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

Недовго думаючи, вони використовують в оформленні робіт шрифтові гарнітури зі стандартного набору Microsoft, причому часто далеко не найкращі. Наприклад, популярний шрифт Arial - це всього лише видозмінена Helvetica - особа світової типографіки з 1957 року.

Але Helvetica «немає в комп'ютері», тому деякі можуть про неї навіть не здогадуватися, хоча цей шрифт - справжній порятунок для початківців.

Будь-який текст, набраний їм, гідно виглядає і добре сприймається - іноді, щоб повністю перетворити макет, досить замінити сумовитий Arial благородної Helvetica. А набив оскому і користується зовсім незаслуженої народною любов'ю Comic Sans був і зовсім розроблений для технічних потреб - відображення текстів реплік собачки-помічника в програмі Microsoft Bob!

З точки зору побудови цей шрифт має безліч недоліків і використовувати його в зовнішній, друкованої, інтернет-рекламі просто неетично і непрофесійно.

Знаєте, я просто хочу запитати - навіщо? Якого біса люди вибирають Comic Sans? Це просто вражає. Адже існує більше 200 шрифтів в Mac OS і Windows. У сенсі, серед них є купа шрифтів, які набагато краще для чого завгодно. Але люди як і раніше вибирають Comic Sans для найбільш відсталих, недоречних цілей. Я створив Comic Sans, щоб заповнити віконце для слів собаки-помічника в Microsoft Bob. Потім відділ маркетингу взявся за нього і вони включили цей шрифт в OEM версію Windows 95. Ось тоді моя проблема і почалася. Я не знаю, чи зможете ви зрозуміти, як це, коли твоє життя визначається самим недоречно використовуваним шрифтом в історії. Мене представляють як «хлопця, який створив Comic Sans», і я думаю, у людей інстинктивно негативна реакція на це.
© Vincent Connare, творець Comic Sans

Де ж взяти гарнітуру, відсутню в стандартному наборі? Можна просто завантажити шрифтової файл і встановити на свій комп'ютер. Але деякі шрифти доведеться купувати, і про це багато замовників (і навіть дизайнери!) Взагалі не знають. У той час як великі компанії і масштабні проекти, як правило, мають власний фірмовий шрифт, розроблений на замовлення, і це мало б дивувати, а стати нормою. Більш того, в наш час буму брендингу територій поряд з логотипом, слоганом і іншими зовнішніми елементами бренду країни або міста також стало хорошим тоном наявність спеціально створеного шрифту, що відображає дух і цінності території.

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

Пам'ятайте: не текст для типографіки, а типографіка для тексту! Тому важливо брати до уваги психологічне сприйняття шрифтів, знати їх основні класифікації, закони використання, поєднання з іншими шрифтами, зображеннями, врешті-решт, з типом паперу, якщо ми робимо друковане видання.

Вибираючи гарнітуру, слід перш за все звернути увагу на її призначення.

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

З точки зору конструкції розрізняють три групи шрифтів: Serif (антикви), Sans Serif (рубані або гротески) і Slab (брускові).

Антикви - гарнітури давнього походження, які мають зарубки - невеликі елементи на кінцях штрихів символів. Наявність зарубок полегшує читання, тому такі гарнітури зазвичай використовуються в наборі книг і об'ємних статей в періодиці (наприклад, Baskerville, Garamond, Lazurski).

Рубані шрифти з'явилися набагато пізніше і не мають зарубок. Вони оптимальні для виділення абзаців і набору невеликих за обсягом текстів, але не підходять для книг. Це такі гарнітури, як Calibri, Myriad, Verdana.

Групу брусків шрифтів відрізняють більш помітні зарубки, ніж у антикв - по товщині вони наближаються до основних штрихами букв. Такі гарнітури (Baltica, Courier, Rockwell) займають провідне місце по читабельності і часто використовуються в наборі книг, особливо дитячих.

Про психології сприйняття шрифтів пишуть і говорять, мабуть, недостатньо. Чого варті одні офіційні оголошення в коридорах моєї альма-матер, набрані «улюбленої» гарнітурою Comic Sans, або запрошення на вечірку в клуб, оформлені Impact! Не буду заглиблюватися в цю тему - вона невичерпна, скажу лише, що грайливий шрифт геть вбиває серйозність офіційного звернення, а строгий - не доносить всіх емоцій повідомлення неформального.

Вузькі гарнітури з гострими кутами негативно налаштовують читача до тексту, а м'які і округлі, навпаки, говорять про схильності і дружелюбність. Чим жирніше шрифт і насиченим його штрихи, тим сильніше переконуються сила тексту, його «вагомість».

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

- А як щодо шрифтів для інтернету?

Всі ми сьогодні так чи інакше «живемо» в мережі. На моніторі закони типографіки нікуди не діваються, але тут є свої особливості. Якщо кращий шрифт для читання з паперу - Baskerville або Times, то на екрані комп'ютера хотілося б бачити більше текстів, набраних Verdana (оптимальний кегль - 10-12 пунктів).

Вчені встановили, що при читанні з монітора ці гарнітура і розмір найбільш зручні для очей. Інші шрифти, які підходять для комп'ютерів і мультимедіа, - Tahoma, Trebuchet. На папері і в зовнішній рекламі їх краще не використовувати.

Не менш важливі для комфортного сприйняття тексту довжина рядка і інтерліньяж (міжрядковий пробіл).

Рекомендована довжина рядка в російською, українською мовами - 45-75 знаків з пробілами, інтерліньяж - 120% (для паперу), 140% (для екрану) від кегля шрифту.

Занадто довгі і надто короткі строки, занадто тісне або широке поміжрядкове відстань однаково ускладнюють читання. Відстань між буквами теж має значення - текст не повинен бути ні розрідженим, ні ущільненим. Розрядка дозволена тільки для слів або рядків, набраних повністю великими літерами (але необхідно пам'ятати, що подібний набір, так само як і курсивне накреслення, в принципі ускладнює читання, тому їм не слід зловживати)!

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

Є і фанати, які працюють виключно з двома-трьома гарнітурами, але на мій погляд це крайнощі. Серед моїх гарнітур-фаворитів - Myriad, Officina, FreeSet, Futuris. Як і личить, ловлю кайф від Helvetica, хоча до дизайнера мені поки що далеко. Загалом, я симпатизую сучасним рубаним шрифтів з чіткими лініями і простими формами, так як в графічному дизайні ціную мінімалізм і функціональність.

Мої смакові переваги такі, що я недолюблюю антикву (може бути, тому, що працюю в рекламі, а не видаю книги), але гарнітура Georgia в цьому плані - приємний виняток, що радує око як на папері, так і на моніторі комп'ютера.

У цього шрифту є пікантна особливість - помітні виносні елементи цифр, з приводу якої думки друкарів кардинально розходяться. Особисто мені ця деталь дуже подобається! Georgia я використовую досить часто - нею набрано моє CV і один з комплектів візитних карток. Другий комплект теж набраний антиквой - Trajan Pro.

Це строгий, але дуже приємний шрифт, що імітує латинське письмо епохи Стародавнього Риму. З акцидентної гарнітур іноді «зловживаю» веселенькою Maiandra.

У моєму «чорному списку» - Century Gothic, Monotype Corsiva і деякі інші шрифти зі стандартного набору Microsoft і арсеналу доморослих «креативників» - звичайно ж, і Comic Sans теж!

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