Повний посібник із веб-друкарні: правила, глосарій, ідеї та найкращі практики

«Зображення варте тисячі слів».

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

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

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

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

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

Важливість типографіки

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

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

Правила друкарні

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

Вибір правильного шрифту

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

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

Нижче наведено найважливіші друкарські терміни, які розглядаються:

Розмір

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

Висота персонажа позначається як X-height. Коли ви поєднуєте різні гарнітури, добре використовувати лише ті гарнітури, які мають однакову висоту x. З іншого боку, ширина символу називається «встановленою шириною», яка визначає, скільки місця займатиме літера та буферизуватиметься разом з іншими літерами.

Бальна система — це метод, який використовується для вимірювання шрифту з 18 століття. Точка може бути виміряна як 1/72 дюйма, і 12 точок можуть утворювати одну піку. Pica — одиниця вимірювання ширини стовпця. Крім того, розміри можна вимірювати в пікселях, дюймах або міліметрах. Це залежить від вимог проекту.

Провідний

Вертикальний проміжок між кожним рядком шрифту називається початковим. Причина для того, щоб назвати це переднім, полягає в тому, що свинцеві листи використовувалися для поділу ліній шрифту ще в той час, коли використовувався металевий набір. Емпіричне правило для отримання читабельного основного тексту полягає в тому, щоб використовувати початкове значення, що перевищує розмір шрифту. Ви можете використовувати лідируюче значення, вище в 1,25-1,5 рази.

Трекінг і кернінг

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

Наприклад, коли ви використовуєте велику літеру «A» разом із верхньою літерою «V», діагональні штрихи верхньої лівої частини літери «V» поєднуються з правою нижньою частиною «A».

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

Виміряти

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

Ієрархія та масштаб

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

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

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

Глосарій

Тут ми розглянули майже кожну фундаментальну концепцію та термінологію, пов’язану з типографікою.

• Aesc: Вимовляється як «Попіл». Це лігатура з двох літер, а саме. “а” і “е”. Слово aesc походить із староанглійської мови, де воно позначається як голосний дифтонг. Aesc перекочував на такі алфавіти, як ісландська та данська.
• Діафрагма: Діафрагма — це вузликовий отвір гліфа, який можна побачити літерами на кшталт «e». Розмір діафрагми залежить від її виконання. Однак коли ви будете змінювати діафрагму, її вплив відображатиметься на читабельності форми літери.
• Вершина: вершина – це точка, яка знаходиться у верхній частині символу. Це місце зустрічі лівого і правого штрихів.
• Базова лінія: це частина, де розташована основа великих літер.
• Чаша: миска розглядається як частина букв, таких як «b» і «p».
• Дужка: це клиноподібний контур, який корисний для утримання засічок і формування основи шрифту в ряді гарнітур.
• Висота шапки: висота шапки – це висота великої літери над базовою лінією.
• Лічильник: Лічильник – це закрита або неповністю закрита частина форми літери. Лічильник можна побачити в таких літерах, як «c» або в нижній частині «g» і «e». Цю секцію можна змішати з чашею.
• Десендер: це частина літери, яка знаходиться нижче базової лінії. Наприклад, такі літери, як “p”, “y” і “q”.
• Вухо: вухо – це невелика лінія, яка розширюється у верхній правій частині чаші.
• Гліф: це окрема частина, яка створює шрифт. До нього включено будь-яку однину, яка допомагає побудувати шрифт, будь то знак пунктуації, цифра, літера чи навіть дингбат. Гліфи можна назвати будівельними блоками типографіки.
• Жолоб: це простір між розворотами вашої роботи. Жолобки зазвичай можна побачити в стовпцях тексту.
• Orphan: Orphan – це перший рядок нового абзацу, який розміщується в кінці сторінки. Це не те, що ви хотіли б мати у своєму проекті, оскільки це вважається поганою практикою.
• Піка: Піка – це одиниця вимірювання ширини стовпця. Є 16 пікселів або 12 точок в одній піке.
• Читабельність: це легкість читання, яка включає використання блоку тексту, який можна легко сканувати оком.
• Serif: це шрифт із засічками. Кінець штриха літери в цьому шрифті походить від римської тенденції.
• Sans-serif: Шрифт без зарубок є шрифтом sans-serif або sans-serif.
• Хребет: це велика вигнута лінія, яка присутня в нижньому регістрі великої «S».
• Шпора: це невелика опуклість, яка з’являється на вигині літери. Його також називають бородою або дзьобом. Наприклад, буква «Г».
• Основа: штрих на повну довжину називається основою у вертикальних символах. Він вертикальний.
• Висота X: висота літери «x» у нижньому регістрі в певному шрифті є висотою x.

7 типографічних ідей і найкращих практик

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

Важливість вибору правильних шрифтів

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

Майте на увазі свою аудиторію

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

Встановіть ієрархію

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

Зверніть увагу на відстань і вирівнювання

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

Використовуйте кернінг, коли потрібно

Багато дизайнерів плутають трекінг і кернінг. Однак обидва вони є різними термінами. Кернінг дозволяє зробити вашу типографіку професійною та відшліфованою.

Не зловживайте шрифтами, щільністю та стилями

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

Спостерігайте та практикуйтеся

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

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