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

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

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

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

На мікрорівні типографіка – це наука про роботу із шрифтами.

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

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

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

10 порад ІНФОГРАФІКИ

1. Використання більше 3 шрифтів робить вигляд вашої роботи невпорядкованим і непрофесійним. Майте на увазі що занадто велика кількість розмірів шрифта та стилів відразу ж може зруйнувати будь-який макет.

2. При розробці власного шрифту оберайте вбудовані шрифтові сервіси (накшталт Google Web Fonts або Typekit) . Користувачі більш знайомі із стандартними шрифтами і можуть читати їх швидше.

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

Для хорошого досвіду читання повинно бути не більше 60 символів на рядок

Для мобільних пристроїв, ви маєте використовувати не більше 30–40 символів на рядок

6. Не робіть текст тільки великими літерами.

Текст великими літерами — це добре у випадках, які не потребують читання (наприклад лого чи абревіатури).

7. Не зменшуйте проміжку між лініями.

Доведено, що правильне використання білого простору між параграфами збільшує рівень сприйняття до 20%, як наголосив Дмітрій Фадєєв. Майстерність використання білого простору полягає в тому, щоб забезпечити користувачам засвоювану кількість контенту, а потім видаляти сторонні деталі. У типографіці, є спеціальний термін для відступу між двома лініями тексту — leading (або висота лінії). Збільшуючи лідінг, ви збільшуєте вертикальний білий простір між лініями тексту, загалом покращуєте читабельність. Як правило, для хорошої читабельності лідінг має бути на 30% більшим ніж висота символа.

8. Переконайтеся, що у вас достатній колірний контраст.

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

• Маленький текст повинен мати рівень контрастності принаймні 4.5:1 по відношенню до його тла.
• Великий текст (14 pt bold/18 pt regular і більше) мусить мати рівень контрастності щонайменше 3:1 відносно свого тла.

9. Уникайте фарбування тексту червоним або зеленим.

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

10. Уникайте використання миготливого тексту.

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