Головні правила типографіки для дизайнерів-початківців

Що перше спадає вам на думку, коли мова йде про типографіку? Шрифти? Та це поняття охоплює набагато більше елементів дизайну і визначає, наскільки гармонійним та ефективним він буде. Говорячи “ефективний”, ми маємо на увазі завдання, які мають виконувати графічні матеріали, зокрема, привертати увагу аудиторії й доносити потрібні меседжі.

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

Щоб отримати безкоштовні завантаження, натисніть на банер, оберіть підписку “Річна з передплатою” і натисніть на кнопку “Безкоштовна 7-денна пробна версія”.

Що таке типографіка

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

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

Базові поняття типографіки

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

Шрифт

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

Є багато класифікацій шрифтів, та, згідно з найпоширенішою, їх чотири:

• шрифти із зарубками, або антиква (Times New Roman, Courier New, Garamond, Baskerville, Georgia);
• рубані шрифти без зарубок, або гротески (Futura, Helvetica, Arial, Verdana, Roboto, Open Sans);
• рукописні шрифти (Snell Roundhand, Vivaldi Regular, AmadeusAP Regular, Hamiltone Signature, Alana Regular);
• акцидентні або декоративні шрифти (Marvin Visions, SK Primo, Postertoaster, Pitcrew).

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

Зверху приклад шрифта без зарубок, знизу – із зарубками.

Гарнітура

Гарнітура – об’єднання шрифтів, які мають однаковий характер накреслення, але відрізняються за кеглем і нарисом. Іноді гарнітура має одне накреслення. У випадку, коли їх декілька, існує основне, призначене для набору основного тексту, та додаткові – для заголовків та виділення фрагментів у тексті. Приклад – шрифт Verdana Regular та варіанти накреслення: Verdana Bold (жирне), Verdana Italic (курсив), Verdana Bold Italic (жирний курсив).

Гарнітура та варіанти шрифтів Roboto

Кегль

Кегль визначає розмір шрифту і вимірюється у типографських пунктах. Один пункт становить 0,352777 мм. Шрифти від 3 до 12 пунктів називають текстовими, від 14 до 64 – заголовковими, від 72 – плакатними.

Інтерліньяж

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

Міжсимвольний інтервал

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

Сітка

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

Правила типографіки, які необхідно знати новачкам

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

1. Використовуйте мінімум шрифтів

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

Золоте правило поєднання шрифтів: обмежтеся двома-трьома варіантами залежно від завдання. Більшу кількість буде досить важко узгодити між собою. Використовуйте класичні комбінації – антиква у заголовку (наприклад, Garamond, Bodoni або Georgia) та гротеск в основному тексті (наприклад, Helvetica, Roboto, Open Sans) або навпаки. Ви також можете піти легшим шляхом і просто використати різні шрифти однієї гарнітури. Приклад із вже згаданою Verdana: Verdana Bold – для заголовка та Verdana Regular для тексту.

Підзаголовки набрані антиквою, а основний текст гротеском.

Джерело: сайт Tiffany & Co.

2. Вираховуйте кегль за “золотим” числом

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

Як же підібрати оптимальний кегль для заголовка? Для цього існує спеціальна формула, що дозволяє отримати оптимальне співвідношення: розмір тексту*1,6. Тобто якщо основний текст набраний 18 кеглем, розмір заголовка має бути 28. Річ у тому, що 1,6 – “золоте” число, що відповідає правилу золотого перетину. Вважається, що воно створює ідеальні пропорції, які виглядають максимально гармонійно й легко сприймаються.

3. Налаштовуйте зручний інтерліньяж

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

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

Приклад вдалого вибору інтерліньяжу

4. Обирайте оптимальну довжину рядка

Мова знову йде про легкість сприйняття тексту. Ваша мета – зробити все можливе, щоб глядачу було зручно читати. Надто довгі рядки можуть втомлювати, й увага розсіюватиметься. А закороткі змушуватимуть читача весь час повертатися до початку рядка, що теж не сприятиме зручності.

Радимо вам орієнтуватися на думку відомого швейцарського типографа і графічного дизайнера минулого століття Еміля Рудера, згідно з якою оптимальна довжина рядка повинна становити 50–60 символів з пробілами. У деяких випадках, зокрема у вебдизайні, вона може бути збільшена до 80 символів. Для мобайлу зручна довжина має бути вдвічі меншою. Довжина також визначає і висоту рядка. Тут працює пряма залежність: чим довший рядок, тим більша висота.

5. Пам’ятайте про важливість кольорів і контрасту

Головне правило, яким ви повинні керуватися при виборі кольору шрифту: він має бути легким для сприйняття. Очевидно, що чорний шрифт на білому фоні читати набагато зручніше, ніж, наприклад, синій. Все завдяки контрастності: чим вона вища, тим краще. Тому чорний на білому є золотим стандартом. Звісно, ви не мусите обмежуватися цим варіантом. Але зловживати кольорами теж не варто, адже строкатий текст відволікатиме увагу від суті.

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

6. Дотримуйтеся вирівнювання за лівим краєм

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

Найкращий вибір – вирівнювання за лівим краєм. Розміщений у такий спосіб текст сприймається найлегше. Застосувавши вирівнювання, обов’язково перевірте, чи не залишилося на рядку одне слово чи пунктуаційний знак. Якщо таке сталося, можна змінити кегль або використати вже згаданий трекінг, аби текст мав акуратний вигляд.

7. Створюйте візуальну ієрархію

Візуальна ієрархія – це структурування й підпорядкування елементів у дизайні. Вона визначає, що головне, що другорядне, і як вони об’єднуються в систему. Візуальна ієрархія надважлива, оскільки саме від неї залежить user journey, тобто вона спрямовує увагу глядача на ключові моменти.

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

Резюме

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

Які бувають шрифти та як їх використовувати без порушення авторських прав

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

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

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

Чому шрифти – really matters?

Відомий фахівець у галузі веб-дизайну та usability Якоб Нільсен після довгих років експериментів дійшов висновку, що люди не читають, а сканують тексти. Він провів дослідження: давав команді учасників тексти різного розміру та заміряв, скільки відсотків вони прочитали. Виявилося, що люди читають приблизно 20% інформації, а решту 80% сканують.

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

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

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

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

Правильно підібрані шрифти:

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

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

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

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

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

Де дизайнеру брати шрифти для роботи

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

Для отримання шрифту є три основні способи:

скачати на платформах-агрегаторах;

купити у студії шрифтового дизайну;

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

Як отримати дозвіл на використання шрифту

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

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

Законодавство США розглядає шрифт як програмний продукт. У деяких країнах закони вважають шрифт і софтом, і графічним твором. Щоб зрозуміти тонкощі ліцензій, необхідно ознайомитись з EULA – Ліцензійною угодою з кінцевим користувачем. Це договір правовласника інтелектуальної власності з її споживачем.

Міжнародне право передбачає три види шрифтових ліцензій за умовами користування: «Безкоштовно для особистого користування», «Безкоштовно для особистого та комерційного користування» та «Потрібно придбання ліцензії», а також три основні види за призначенням: Desktop, WebтаApp.

• Безкоштовно для особистого користування означає заборону на використання в комерційних цілях, включаючи поширення продуктів і просування бізнесу та бренду.
• Безкоштовно для особистого та комерційного користування – шрифт можна використовувати в особистих та комерційних цілях. Якщо плануєте застосовувати його в дизайні продукту, просуванні бізнесу або на сайті, рекомендуємо шукати такі, у ліцензіях яких зазначено, що вони є комерційними.
• Потрібна покупка ліцензії — це шрифти, які можна використовувати з комерційною метою за умови придбання ліцензії.

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

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

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

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

Як зрозуміти, що шрифт безкоштовний

Скажімо, відразу: абсолютно безкоштовних шрифтів не існує. Їхню розробку та використання кінцевими споживачами хтось уже сплатив. Одна з найбільших бібліотек безкоштовних шрифтів представлена на ресурсі Google Fonts і за них заплатила корпорація Google.

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

Ще один варіант перевірки – ввести в пошуковий рядок назву та слово “license”, наприклад, “Times New Roman license”. Відкривши сторінку сайту fonts.com, ви зможете ознайомитися із загальною інформацією про ліцензію на шрифт, а перейшовши за посиланнями View the Desktop EULA for this family, View the MONOTYPE Digital Ads License Agreement — для яких цілей можна безкоштовно використовувати шрифт.

Якщо немає бажання розбиратися в ліцензійних зборах та обмеженнях, а вимоги до якості шрифтів помірні, можна обмежитись Google Fonts. На ресурсі сотні шрифтів, якими ліцензія SIL Open Font License (OFL) дозволяє користуватися безкоштовно, навіть для бізнесу. Шрифти з Google Fonts використовують великі міжнародні компанії: Starbucks, YouTube, Deloitte та інші.

Умовно безкоштовні шрифти

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

Правовласник може висунути низку обмежень. Так, умовно безкоштовні шрифти ROSA Arion та ROSA Verde можна безоплатно використовувати у вільних офісних пакетах документів MS Office, але заборонено змінювати та застосовувати у друкованих та електронних виданнях. Деякі обмеження, наприклад, включення до складу дистрибутивів Linux, правовласник може зняти після індивідуального запиту та дозволу компанії ROSA.

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

Як перевірити ліцензію на шрифт

Для швидкого визначення категорії ліцензії рекомендуємо виконати чотири дії.

Перевірте папку завантаження . Як правило, шрифт завантажується в папку .zip. Зазвичай у ній розміщують текстовий документ із допусками використання. Якщо у вас є zip-папка, де зберігався шрифт, перевірте наявність документа license.txt або readme.txt. Якщо ж вона відсутня, виконайте такі дії.

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

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

Виконайте пошук за зображенням . Якщо попередні кроки не допомогли, можна дізнатися авторські права, використовуючи зображення шрифту. Зробіть скріншот та завантажте його на WhatFontIs. Сайт сканує кожну букву та шукає збіги в базі даних із понад 600 тисяч шрифтів. Для кращого результату використовуйте скрін із білим тлом, чорними літерами та без деталей, які можуть перешкодити процесу сканування.

Платні шрифти

Платні шрифти створюють професійні дизайнери. Вони надають весь спектр можливостей та опцій, працюють у більшості браузерів та платформ, сумісні з різними мовами.

Хороша новина: ціна високоякісних ліцензійних шрифтів зазвичай є доступною. Плата за ліцензію варіюється в інтервалі від $20 до кількох сотень доларів.

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

Наприклад, правовласник шрифтів Nexa оцінює один стиль $25 і $195 за все сімейство з 36 шрифтів. Good Type Foundry передбачає плату $450 за флагманський Good Sans, якщо кількість переглядів сторінок не перевищує 15 тисяч на місяць, і $2600, якщо сайт переглядає мільйон користувачів. Fontspring, MyFonts і Linotype стягують одноразову оплату за ліцензію, інші правовласники, наприклад, Adobe Typekit, пропонують підписку на шрифт.

Як придбати ліцензію на шрифт?

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

Платні ресурси для завантаження шрифтів

Більшість преміальних шрифтів доступна лише на платній основі. Серед найпопулярніших ресурсів для їх скачування – fontspring.com, fonts.com та myfonts.com.

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

Fontspring.com пропонує «красиві шрифти з простим та гнучким ліцензуванням». Користувачі отримують вибір від традиційних Serif та Sans до ексклюзивної серії Tiki, натхненної мистецтвом полінезійського різьблення по дереву.

Шрифти в сервісі поділені на Font Lists, Best Of Lists, Blackletter, Brush Script, Dingbat, Display, Hand Drawn. Розділ «Класифікація» забезпечує швидкий доступ до шрифтів серій «Арт-деко», «Мистецтво модерн», «Мистецтво та ремесла», «Екзотичні», «Гранж», «Історичні», «Дитячі», «Сучасна каліграфія», «Вензеля» », «Піксель», «Ретро», «Вестерн», «Тип дерева» та інші.

Також шрифти розділені за жанрами, роками, серіями «Кращий за … рік», стилями та почуттями.

Продукти Awwwards.com відзначені нагородами за дизайн, креативність та інтернет-інновації. Ресурс пропонує 278 шрифтів для власного користування. Комерційне використання передбачає покупку ліцензії.

Letterhead Fonts. Усі стилі на ресурсі намальовані від руки. Більшість шрифтів є користувальницькими та абсолютно унікальними. Деякі з них коштують понад $200, проте час від часу бувають пакетні пропозиції, такі як «4+ стиль за $35 кожен».

Безкоштовні ресурси для завантаження шрифтів

Для безкоштовного завантаження доступні різні майданчики. Найпопулярніша з них – Google Fonts.

Де взяти шрифти безкоштовно:

Google Fonts існує з 2010 року. За цей час шрифти з ресурсу «відзначилися» на багатьох відомих сайтах. Так, Instagram побудований на Montserrat. “Гугл Шрифти” – величезнийкаталог із безліччю стилів, які можна додатково налаштовувати.

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

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

Adobe Typekit. Доступ до ресурсів та налаштування шрифтів відкриті лише для передплатників Adobe Creative Cloud. В Adobe Typekit можлива інтеграція з Adobe Illustrator та Photoshop.

Abstract Fonts пропонує безкоштовно використати унікальні шрифти. Це сайт для тих, кому потрібні стилі, які ніде не зустрінеш.

На Fontsquirrel розміщено безліч оригінальних шрифтів.

На Befonts дизайнери можуть демонструвати свої роботи та відкривати доступ до креативних авторських шрифтів.

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

Як встановити завантажені шрифти?

Після завантаження файл потрапляє до папки «Завантаження». Необхідно натиснути на нього, вийняти і перемістити на диск C:/Windows/Fonts. Таким чином, шрифт встановиться автоматично.

Для встановлення шрифтів на Mac необхідно зайти до програми «Шрифти», на панелі інструментів натиснути на кнопку «Додати» і перетягнути потрібний стиль. Для встановлення на телефон діє схожа схема: треба відкрити вкладку “Мої шрифти” (Fonts) і додати новий.

Топ безкоштовних кириличних шрифтів

Найбільший вибір безкоштовних шрифтів у кирилиці представлений на Google Fonts, Adobe та Behance.

Rubik – шрифт без засічок із закругленими літерами. Виглядає сучасно та легко, добре читається та підходить для проектів різних тематик.

Cormorant – “повітряний” шрифт з легкими засічками. Підходить для блогів, лайфстайл-сайтів та ресурсів новин.

Alegreya Sans – мінімалістичний рубаний шрифт без засічок. Розроблено аргентинцем Juan Pablo del Peral. Підходить для текстів та заголовків.

Source Sans Pro – перший безкоштовний стиль лінійки Adobe. Легко читається у різних інтерфейсах. Доступні шість варіантів товщини та курсив. Відмінно підходить для лонгрідів.

Playfair Display – стильний шрифт із засічками. Концепція ґрунтується на елегантних формах 18 століття. Шрифт виглядає витончено, лаконічно та статусно. Ідеально підходить для заголовків.

Топ безкоштовних шрифтів на латиниці

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

Vollkorn – “піонер” серед доступних у Google Fonts шрифтів без засічок. Доступний у варіантах середній курсив, напівжирний курсив, Extra Bold курсив, Vollkorn чорний курсив, Regular Italic, Medium Italic, SemiBold Italic, Bold Italic, ExtraBold Italic та Black Italic.

Kaushan Script – каліграфічний шрифт, який підходить для веб-сторінок та друкованої продукції.

Stroke – легкий округлий шрифт для ілюстрацій, слоганів та заголовків. Стилі Regular, Bold та Light доступні без оплати.

Montserrat – шрифт без засічок ідеально підійде для заголовків та лендингів. На його створення Julieta Ulanovsky – друкарня та співавтора книг з дизайну шрифтів – надихнули старі плакати, вивіски району Montserrat у Буенос-Айресі та прагнення відновити красу друкарні міст першої половини 20-го століття.

Jura – елегантний класичний шрифт із клиноподібними засічками округлої форми. Підходить для підзаголовків та основних текстів.

Pompiere може використовуватися всіма, кому потрібен елегантний стиль. Шрифт був натхненний handmade-знаком, який знаходиться біля пожежного загону Нью-Йорка 18 у Вест-Віллідж на Манхеттені.

Топ-10 популярних шрифтів для логотипу

Шрифт логотип може створити або зламати ваш дизайн. Вибір правильного зображення допомагає розповісти і посилити історію бренду. Наприклад, лого Nike та Cisco, Dolce&Gabbana та Gillette, Omega та PayPal, постери до десятків фільмів, включаючи «Гравітацію», «Інтерстелар» та «Красу по-американськи» об’єднує… шрифт. Це Futura, який часто використовується в брендингу.

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

Десятка актуальних шрифтів для створення логотипу:

Helvetica® Now – чистий класичний швейцарський шрифт, який переробили для сучасного користування. Він доступний у 48 версіях від Light Micro до Extra Black Display з курсивом. Шрифтом користується безліч брендів: від метро Нью-Йорка до корпорацій-гігантів на зразок Panasonic, Jeep та American Airlines.

Proxima Nova містить 144 стилі і є повною переробкою знаменитого Proxima Sans. Поєднує геометричний зовнішній вигляд та сучасні пропорції. Серед відомих брендів, які використовують у логотипах Proxima Nova – Spotify та Bosch. Шрифт доступний у Adobe Fonts.

TT Norms Pro – один із бестселерів категорії Sans. Це шрифт без засічок із класичними пропорціями. Добре працює у великих текстових масивах і назвах. Сімейство включає 18 різновидів, 1392 гліфи в кожному шрифті, 24 функції OpenType і підтримує більше 210 мов.

FF DIN створювали у період з 1995 по 2009 рік. Незважаючи на примітивний технічний вигляд, багато дизайнерів вважають FF DIN найкращим стислим технічним шрифтом з будь-коли створених. Відмінно підходить для логотипів та брендингу, а також дизайну упаковки, редакційних матеріалів, плакатів, рекламних щитів, покажчиків та вивісок.

Avenir Next Pro – свіже дихання у дизайні. Цей лінійний гротеск у традиціях Erbar та Futura містить стилі від надлегких до важких, а також пропонує стислі варіанти, які конкурують з будь-якими іншими гротесками за зручністю читання. Тяжкі стилі добре поєднуються з багатьма сучасними типами шрифтів із засічками. У Avenir Next Pro вертикальні штрихи товщі горизонтальні, буква «о» не є ідеальним колом, а надрядкові елементи вкорочені. Ці нюанси допомагають зручності читання і надають Avenir гармонійний вигляд, особливо в логотипах і заголовках.

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

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

Trajan – ефектний шрифт, створення якого автора надихнув давньоримський алфавіт. Стиль використовується для відображення цінностей, традицій та історії. Недаремно його обирають різні навчальні заклади, включаючи Колумбійський університет. А ще цей шрифт може надавати шику, як у Victoria’s Secret.

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

Univers. Цей простий шрифт ідеально підходить для фінансової галузі. Він без засічок, представлений у різних стилях та товщині, добре читається. Відомі бренди, які його використовують – eBay та Western Union.

Можна звернути увагу на інші шрифтові стилі, наприклад Nexa, Cera Pro, Mont, Intro і Gilroy. Вони виглядають свіжо та мінімалістично. Але, незалежно від обраного шрифту, в руках грамотного дизайнера він стане чудовим інструментом для створення унікального логотипу з характером.

Шрифти для логотипів від дизайнерів на Behance

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

Приклади шрифтів від Behance:

• Matao.Цей шрифт стильний та жіночний. Його можна використовувати для весільних салонів, магазинів квітів, бутіків жіночого одягу, веб-сайтів та представників творчих професій.
• Billy – це рукописний шрифт, але без курсиву та з розділеними літерами. Підходить для дизайнерських проектів та творчих студій (фото, танці, фітнес тощо).

• Metaphor – напівжирний фрагментований шрифт із засічками та зубчастими краями букв, який добре виглядає на логотипах та плакатах.
• Azonix є сучасним шрифтом без засічок. Відрізняється геометричними літерами, стильним зовнішнім виглядом, що підкреслює професіоналізм.

• Allegory – це шрифт у стилі ар-деко. Доступні великі та великі літери. Може використовуватися в проектах, яким важливо показати свою історію та традиції.
• Casta – сучасний шрифт, помітний здалеку. Містить набір латинських символів із 429 гліфів, що дозволяє використовувати його для 28 мов.

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

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

Так, у 2012 році The New York Times провів експеримент: учасники мали прочитати уривок із книги про те, що якщо з Землею зіткнеться астероїд, помре багато людей. Але це не так страшно, бо подібне відбувається рідко – останній пролетів кілька тисяч років тому, тобто в запасі ще 250 тисяч років.

Після прочитання учасникам експерименту запропонували відповісти, чи згодні вони з цим твердженням та наскільки воно впевнено звучить. Метою було визначити, чи шрифт впливає на довіру читача до тексту. В експерименті брали участь 45 тис. Чоловік.

Всім показували однаковий абзац, набраний різними шрифтами: Comic Sans, Computer Modern, Georgia, Trebuchet, Baskerville та Helvetica. Текст, надрукований Comic Sans та Helvetica, не викликав довіри. У свою чергу, шрифт Baskerville отримав багато “так”. За словами психологів, це пов’язано із його офіційним оформленням. Висновок: люди звертають увагу на характеристики шрифту.

Невдалий шрифт може «вбити» лонгрід, логотип, візитку чи навіть бренд.

Тому довірте вибір друкарні експертам — це допоможе уникнути помилок та невдач. Дизайнери брендингової агенції WeLoveBrands працюють з брендами та айдентикою 10+ років. Ми допомагаємо покращити дизайн та удосконалити візуальну складову, розробити фірмовий стиль або зробити його більш впізнаваним.

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

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

Класифікація шрифтів

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

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

В цій статті (та в цілому в курсі «Основи дизайну»), ми будемо спиратись на наступний поділ:

• шрифти з зарубками,
• шрифти без зарубок,
• брускові шрифти,
• заголовкові шрифти,
• рукописні шрифти.

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

Але в цьому матеріалі ми дамо їм лише загальну характеристику.

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

Їх також називають антиквенними шрифтами або просто антиквами. Ця варіація назви походить від латинського слова antīqua, тобто «стародавній».

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

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

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

В період з XV по початок XIX століття більшість друкованих видань та плакатів створювались саме з використанням антиквенних шрифтів. Їх будова протягом століть зазнавала певні зміни — в міру розвитку друкарських технологій та через зміну актуальної моди — але загальні конструктивні принципи зберігались.

Назва англійською — serif fonts. Serif — це буквально «зарубки».

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

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

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

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

Вважається, що одним з перших шрифтів цієї групи став Єгипетський шрифт Кезлона (англ. Caslon’s Egyptian), створений Вільямом Кезлоном IV на початку XIX століття.

Тоді новий шрифт прийняли погано. Його називали «гротескним» та «готичним».

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

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

В ХХ столітті шрифти цієї групи набули більшого поширення і почали поступово сприйматись як більш сучасні, відповідні епосі. У своїй роботі «Нова типографія», що була вперше видана в 1928 році, Ян Чіхольд навіть писав:

Певно, це твердження є справедливим і сьогодні.

Розвиток гротескних шрифтів продовжився після публікації «Нової типографії» (і певною мірою, під впливом цієї книги).

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

Назва англійською — sans-serif fonts. Sans-serif перекладається як «беззарубкові» або «без зарубок».

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

Інша назва брускових шрифтів — єгипетські.

Як і у випадку з антиквенними шрифтами, назва тут дещо оманлива. В будові єгипетських шрифтів немає нічого єгипетського. Просто період їх появи збігається з періодом захоплення давньоєгипетською культурою, що спалахнув з новою силою після єгипетського походу Наполеона в період з 1798 по 1801 рік.

Існує гіпотеза, відповідно до якої форма перших брускових шрифтів була подібна до шрифту іменних написів французьких кораблів, що брали участь у цій кампанії. Правда це чи лише здогадка, тепер вже важко визначити, але вплив захоплення Єгиптом позначився, зокрема, на назвах деяких брускових шрифтів — «Каїр» (Cairo), «Карнак» (Karnak) та «Мемфіс» (Memfis).

Брускові шрифти можна було б віднести до групи шрифтів із зарубками, але їх форма була суттєво відмінною від зарубок антиквенних шрифтів.

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

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

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

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

Назва англійською — slab-serif fonts. Slab-serif — це «брускові зарубки».

Заголовкові шрифти

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

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

Ще одна їх назва — акцидентні шрифти. Вона походить від слова акциденція, яким називали малі наборні форми — візитівки, обкладинки книг та рекламні макети.

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

Перші подібні шрифти, що з’явились в XVIII столітті, виготовлялись більшими кеглями чи взагалі — окремими друкарськими формами. Піонерами в створенні заголовкових шрифтів вважаються англійські друкарі, такі як Томас Котрелл та Вільям Кезлон ІІ.

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

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

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

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

А може бути сильно вираженим, настільки, що плакатний шрифт майже перетворюється на ілюстрацію.

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

Остання група шрифтів, які ми розглянемо, — рукописні, точніше, такі, що відтворюють рукописні нариси. Іноді їх ще називають каліграфічними шрифтами.

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

Але хоч ми й розглядаємо групу рукописних шрифтів останніми насправді перша друкована «Біблія» Гутенберга була створена саме рукописним шрифтом, що мав назву «Текстура».

Часто рукописні шрифти поділяють на формальні та казуальні .

Формальними називають рукописні шрифти, засновані на формі літер, характерних для каліграфів XVII та XVIII століть, таких як Джордж Бікхем, Джордж Шеллі та Джордж Снелл.

Нарис цих шрифтів нагадує письмо пером. Одним із перших шрифтів такого типу є Union Pearl, також до нього відносяться Kuenstler Script, Palace Script, Propisi.

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

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

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

До представників даного сімейства шрифтів можна віднести Brush Script, Decor, Kaufmann, Art Script, Corrida, Freestyle, Kaliakra, Parsek, Mistral.

Серед українських шрифтів цього типу можна виділити, наприклад, шрифт «Кобзар», створений дизайнерами Дмитром Растворцевим, Лук’яном Турецьким та Генадієм Заречником та заснований на почерку Тараса Григоровича Шевченка.

Назва англійською — Script, Handwritten.

Важливо зауважити

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

Існують численні альтернативні класифікації шрифтів:

• класифікація шрифтів відповідно до ГОСТ 3489.1-71,
• класифікація Максиміліана Вокса,
• класифікація компанії Паратайп,
• класифікація відповідно до німецького індустріального стандарту (DIN).

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

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