Кожен графічний дизайнер розуміє, наскільки важливою є типографіка в його роботі.
Грамотне використання шрифтів, інтервалів та створення структури зверне на себе увагу читачів та сприятиме покращенню сприйняття проєкту загалом.
Типографіка - це мистецтво (і наука) розміщення символів таким чином, щоб текст був розбірливим і візуально привабливим. Якщо ви зробите все правильно, то зможете викликати певні емоції у читача та передати дієві послання без зайвих слів.
Знання основних принципів не тільки допоможе вам покращити дизайн, а й дозволить видозмінювати їх у своїх цілях.
У цій статті ми розглянемо кілька правил типографіки, рекомендованих експертами, які допоможуть розвинути ваші дизайнерські навички.
1. Почніть з основ
Як і у випадку з будь-яким іншим напрямком проєктування, необхідно знати всі тонкощі цієї роботи. Ви можете подумати, що вам допоможе ваше чуття, але правда, що типографіка досить складна. Тому, як новачок, вивчіть її головні принципи.
Інтервал, колір, шрифт, контраст, узгодженість, ієрархія та вирівнювання є ключовими елементами типографіки будь-якою мовою.
Знайдіть час і розберіться в різних гарнітурах, спеціальної термінології та вимірах, що використовуються. Приділіть час, щоб проекспериментувати з ними.
2. Поставтеся серйозно до вибору шрифту
Приваблює думка що вибрав перший шрифт, що сподобався, і приступив до роботи. Але, це одна з найбільших помилок, яку можна зробити у світі типографіки.
Вас напевно здивує той факт, що психологія та шрифти досить добре пов'язані між собою. Типографіка може задавати тон тексту та впливати на враження користувачів від контенту. Як дизайнер, ви повинні переконатися, що вибраний шрифт відповідає напрямку діяльності, у якій він використовується.
Ви ж не застосовуватимете "грайливий" шрифт для брошури юридичної фірми, чи не так? Можливо, він доречний для вітальної листівки, але вже точно не для чогось офіційного.
3. Розберіться у кернінгу
Нерівний і недбалий кернінг дуже відволікає читача від змісту тексту. Кернінг — це оптимізація відстані між символами для того, щоб зробити ваш контент більш цікавим і впорядкованим. Це здається дрібницею, але гармонійний кернінг має важливе значення для користувачів. Ціль полягає в тому, щоб зробити інтервали між символами рівномірними з точки зору естетичного сприйняття. З питанням кернінгу можуть допомогти різні корисні інструменти, такі як Adobe Illustrator. Але врахуйте, що лише регулярна практика сприяє покращенню навички його використання. Багато помилок, пов'язаних з кернінгом, малопомітні. Їх важко побачити, особливо у довгих абзацах. Вам потрібно мінімізувати будь-які грубі помилки в інтервалах і уникати проблем з кернінгом в заголовках або логотипах, тому що вони можуть зіпсувати весь дизайн.
4. Не забувайте про візуальну ієрархію Застосування візуальної ієрархії – це чудовий спосіб виділити певні частини вашого контенту, на яких ви хочете акцентувати увагу читача. Візуальна ієрархія робить так, щоб людина отримувала інформацію у правильному порядку. Намагайтеся керувати його поглядом шляхом виділення важливих заголовків, абзаців та вставки розбивок у своєму матеріалі. Створіть оптимальну структуру контенту з погляду наочності: перехід від найважливіших аспектів до другорядних. Без візуальної ієрархії ваша стаття виглядатиме одним великим скупченням контенту. Читачам буде складно зосередитись на змісті. А змусити користувача нудьгувати – це найбільша помилка дизайнера. 5. Осмислено вибирайте шрифти Багато новачків часто помиляються і використовують багато стилів шрифтів. Їм хочеться думати, що застосування різних стилів виділить їхній контент. Це не так. Велика кількість шрифтів може втомити читачів. Суть тексту загубиться серед різних стилів та колірних схем. Що ще гірше, ваша робота не виглядатиме професійно та гармонійно. Ідеальний варіант шрифту повинен складатися максимум із двох-трьох гарнітур. Використовуйте один шрифт та розмір для основного тексту, інший для заголовка та ще один для підзаголовка. Ви можете використовувати різні гарнітури, якщо ваша робота залишається узгодженою. Слід уникати двох однакових шрифтів, оскільки вони не додадуть цінності вашому дизайну. 6. Зосередьтеся на вирівнюванні Вирівнювання шрифту – дуже важливе поняття у типографіці. Вивчіть чотири доступні варіанти вирівнювання MS Word: по лівому краю, по правому краю, по центру і по ширині. Найпоширеніша та стандартна форма – вирівнювання по лівому краю. Ви побачите його за замовчуванням у більшості статей, тому що воно відповідає природним навичкам читання. Люди звикли читати зліва направо. Інші типи вирівнювання можуть викликати роздратування, якщо використовуються без певної мети. Для заголовків часто застосовується вирівнювання центром. Воно також може бути присутнім на розбивках тексту, наприклад, при додаванні цитати між двома абзацами. Для зручного розміщення матеріалу в якості контексту, наприклад, резюме може бути доречне вирівнювання по правому краю. Стережіться нерівних ліній при вирівнюванні як по лівому, так і правому краю. Виступаючі лінії можуть зробити текст неакуратним. 7. Користуйтеся сітками Якщо говорити про вирівнювання, є ще один спосіб просторово упорядкувати контент – включити сітки у дизайн. Це забезпечить узгодженість елементів по відношенню один до одного незалежно від їх кількості. Сітка сприяє створенню візуальної гармонії та надає цілісності проекту. Думайте про неї як про дизайнерський шаблон для вашої роботи. Вам не потрібно використовувати сітки для кожної складової вашого проєкту. Ви можете відмовитися від них при роботі з більш простими елементами, але коли складність дизайну зросте, вони, безсумнівно, допоможуть вам красиво все вирівняти. 8. Не розтягуйте та не спотворюйте шрифти
Як тільки ви знайдете правильний шрифт для свого контенту, не коригуйте його розмір, щоб зробити його ширшим або вищим.
Може виникнути спокуса розтягнути його, щоб заповнити більше порожнього простору. Вам слід знати, що кожен шрифт створюється з урахуванням його форми, розміру та структури. Тому розтягування чи стиск може порушити його естетичну привабливість.
Замість того, щоб спотворювати шрифти, шукайте ті, що підходять для вашого дизайну. В інтернеті є безліч безкоштовних і платних шрифтів, тому осмислено підходите до їх вибору.
Метод, який називається типографічним виміром, допоможе вам знайти відповідні шрифти. Важливо пам'ятати, що вони займають різне місце на веб-сторінці, тому визначення їх розміру має вирішальне значення при проєктуванні.
Для вимірювання шрифтів використовується метод "бальної системи". Висота символу називається "висотою по осі x", а ширина — "заданою шириною". При об'єднанні двох шрифтів вибирайте ті, які мають однаковий розмір і ширину.
9. Розумно підходіть до вибору додаткового шрифту в парі шрифту
Хоча ми й застерігали вас від використання занадто великої кількості шрифтів в одному проєкті, їхнє стратегічне об'єднання може підвищити цінність вашого контенту.
Як правило, можна застосовувати до трьох варіантів шрифтів для заголовків, підзаголовків та основного тексту. Для заголовків та підзаголовків використовуйте різні шрифти, щоб побудувати візуальну ієрархію. Уникайте контрастних або навпаки схожих шрифтів, які важко відрізнити один від одного.
Необхідно, щоб додатковий шрифт виділяв основний, а не відсував його на другий план. Вони також не повинні бути на одному рівні, тому що важливо зберегти узгодженість дизайну.
10. Не женіться за трендами
Графічний дизайн багато в чому нагадує моду — стилі, які сьогодні популярні, завтра можуть зникнути.
Тому намагайтеся уникати трендів, з якими сьогодні ваш дизайн виглядатиме добре, а за кілька місяців здаватиметься застарілим і дивним.
Можна включити до своїх проєктів деякі деталі, які сьогодні користуються популярністю. Тільки не перестарайтеся. Вам потрібно, щоб ваш вміст витримав випробування часом.
Це не означає, що ви маєте ігнорувати модні дизайни. Проаналізуйте їх, щоб зрозуміти, що робить їх трендовими. Завжди корисно впроваджувати нові ідеї, які підходять для вашої ніші, але не робіть цього лише тому, що так роблять всі інші.
11. Дотримуйтесь граматичних правил
Граматика здається прерогативою письменника, чи не так? Яку роль вона відіграє у дизайні?
Граматика визначає правила розмовної та письмової мови. У той же час типографіка - це мистецтво розташування слів таким чином, щоб вони добре виглядали. Застосовуйте їх разом, і тоді ваш текст добре сприйматиметься читачем.
Помилки у граматиці та пунктуації можуть значно знизити цінність вашого контенту. Правильне використання розділових знаків допоможе відрізнити професійний текст від аматорського матеріалу. Найкращі дизайнери завжди приділяють особливу увагу деталям.
Відстежуйте подвійні прогалини, неправильно розставлені розділові знаки, некоректне використання великих літер та надмірну кількість дефісів, тире та інших символів.
12. Не слід недооцінювати важливість вільного простору
Є величезна різниця між вільним простором та порожнім.
Вільний простір застосовується для розміщення акцентів і підкреслення візуальної привабливості тексту. Воно дозволяє дизайну "дихати" і нагадує зелений лужок серед вимощених бетоном тротуарів.
Ефективне використання вільного простору додасть цінності вашій роботі за рахунок врівноваження тексту. Можна креативно підходити для його застосування, щоб привернути увагу до певних частин проєкту. Наприклад, ви можете додати “повітря” навколо важливих елементів контенту, щоб виділити їх та звернути на них увагу.
13. Перевірте масштаб та пропорції
Переконайтеся, що типографіка відповідає розмірам екрана. Збільшуйте та зменшуйте масштаб, щоб вона була пропорційна його довжині та ширині.
Перевірте, чи правильно ви встановили інтервал; це вертикальний простір між рядками. Як правило, його ідеальне значення приблизно в 1,25-1,5 рази більше за розмір шрифту.
14. Ретельно вибирайте колірну палітру
Вміння підбирати колірну палітру, яка відповідає цілям проєкту, це одна з головних навичок графічного дизайнера. Використовуйте кольори, які гармонійно поєднуються, застосовуйте контраст, щоб додати сенс вашому контенту. Щоб вибрати правильні кольори для дизайну, вам знадобиться колірне коло.
Кожен колір має певний вплив на читачів і допомагає створити настрій. Наприклад, червоний активізує сильні почуття, а синій надає заспокійливий вплив. Проаналізуйте, як можна використовувати різні кольори для досягнення певних цілей.
Переконайтеся, що вони не пересувають вміст на другий план. Вони мають покращувати, а не витісняти його.
15. Приділяйте увагу зручності сприйняття
Зручність сприйняття є ключем до вашого дизайну. Користувачі повинні легко прочитати ваше послання. За жодних обставин ваші методи не повинні заважати основному тексту контенту.
Уникайте темного фону, неприємних кольорів, дрібного шрифту та надто великої кількості зображень. Якщо дизайн не сприймається читачами, то в ньому немає сенсу.
16. Звертайте увагу на “висячі” рядки та слова
"Widow" - "висяче" слово, "orphan" - "висячий" рядок. Що таке “висячі” рядки та слова і чому важливо звертати на них увагу? "Висяче" слово в типографіці - це рядок тексту, який є частиною абзацу і переходить на наступний рядок. "Висячий" рядок - це одне слово з абзацу, яке перемістилося в наступну колонку або на наступну сторінку. Щоб цього уникнути, налаштуйте довжину рядків вручну, налаштуйте текстове поле або розмір стовпця. 17. Думайте як художник Не думайте про типографіку як про стратегічне використання шрифтів. Це більше, ніж створення тексту. Ставтеся до шрифтів, як до мистецтва. Не обмежуйте себе лише гарнітурами та існуючими шрифтами. Будьте креативними. Використовуйте завитки, текстури, лінії або творчі елементи, які, на вашу думку, послужать хорошим доповненням. 18. Вам допоможуть правильні інструменти Дизайнер – це майстер. А кожному майстру потрібні відповідні інструменти для його мистецької роботи. Багато хто з них допоможе вам з типографікою, наприклад SmallPDF. Він дозволяє додавати текст, зображення та форми до PDF-файлів. Вам потрібно самостійно оцінити інструменти, щоб вирішити, які допоможуть поліпшити ваш дизайн, а які вам не потрібні. Висновок Коли ви розберетеся в основах типографіки, далі покладіться на творчість та свій дизайнерський талант. Із цього моменту все буде суб'єктивно. Нехай ваша цільова аудиторія надихне вас на створення такої типографіки, яка чудово передає послання користувачам та викликає у них емоції. Джерело: instantshift.com