Безпечний дизайн: 5 секретів типографіки
Добре продумана типографіка грає в поліграфічному дизайні дуже важливу роль. Різниця між недбало набраним текстом і типографікою, що викликає захоплення, іноді буває напрочуд невеликою. Трохи експериментів з кернингом або проходження перевіреним правилам візуальної ієрархії може істотно змінити стан справ і перетворити посередній дизайн в щось набагато більше. Типографіка сама по собі не зробить дизайн ідеальним, вона знаходиться в тісному взаємозв`язку з ілюстраціями, формами, кольоровою гамою, тому потрібно приділяти увагу всім елементам композиції.
Існує п`ять простих способів, які досвідчені дизайнери використовують в разі, якщо їм потрібно впевнитися, що вони не наробили грубих помилок при роботі зі шрифтами.
Відео: Жива типографіка в веб-дизайні
Перевірка кернинга
Кернинг - це виборче зміна інтервалу між окремими буквами або символами. Дизайнери часто збільшують або зменшують межбуквенное відстань для того, щоб надати слову естетичну привабливість або для того, щоб зробити слово більш симетричним. Іноді ці зміни ледь помітні, але для дизайнера, наприклад, працює над створенням логотипу, навіть зрушена на волосок вправо або вліво буква має величезне значення. Досить згадати історію з логотипом Google. У 2014 році логотип пошукової системи Google зазнав невеликі зміни: «g» переїхала на один піксель вправо, а «l» на один піксель вправо і вгору.
Відео: Шрифти та типографіка. Правила гарного тону при роботі з типографікою
На погляд звичайного користувача нічого не змінилося, але багато дизайнерів відразу ж відзначили ці зміни - логотип став виглядати трохи краще. Ось так і потрібно працювати з кернингом, домагаючись ідеального балансу між символами.
Якщо дизайнер працює з видавничими програмами, такими, як Adobe InDesign, то в них обов`язково є можливість для настройки кернинга. В InDesign кернинг можна змінити в панелі форматування символів, розташованої у верхній частині робочої області. Межбуквенное яку можна відредагувати, натискаючи стрілочки поряд з контрольним полем або вручну, вбивши потрібне значення.
Є один невеликий лайфхак, який дозволяє подивитися на внесення зміни «незамиленим» оком: потрібно перевернути документ, що називається, догори ногами.
Так-так, не отзеркалить по горизонталі, а саме перевернути. І ось для чого: працюючи з текстом, дизайнер звично читає зліва направо, букви збираються в слова, а слова в пропозиції. Через якийсь час настає момент, коли просто неможливо зрозуміти, поліпшив кернинг типографіку чи ні. Так працює мозок, який не в змозі адекватно оцінити кілька невеликих змін.
Але все змінюється, якщо перевернути набраний текст. Відбувається маленьке диво: відстані між буквами, особливо невдалі, відразу кидаються в очі і стає видно всі допущені помилки. Особливо допомагає цей спосіб при роботі з заголовками. Якщо є почуття, що з кернингом щось не так, досить перевернути документ і все встане на свої місця. Цей невеликий трюк працює безвідмовно, тому бажано використовувати його як можна частіше, домагаючись ідеального співвідношення між символами.
Сувора візуальна ієрархія
Візуальна ієрархія в типографике об`єднує в єдине ціле не тільки текст, а й інші елементи дизайну. Ієрархія працює завжди, незалежно від того, що перед нами - просто суцільний текст, журнальна стаття або плакат. Найкраще працює трирівнева ієрархія, яка перенаправляє погляд глядача від самого великого текстового фрагмента, до середнього і потім до найменших текстових блоків. Текстова візуальна ієрархія допомагає читачеві краще зрозуміти зміст, чітко вказуючи, що слід читати в першу чергу і на що звернути увагу далі.
Кожній людині доводилося бачити невдалі приклади роботи з типографікою. Дуже часто зустрічаються листівки або плакати, настільки забиті текстом, що його неможливо читати. А часом тексту небагато, але він настільки невдало набраний, що пригнічує собою інші елементи дизайну. Щоб не допустити цю поширену помилку, потрібно використовувати трирівневу ієрархію, це дієво і цілком безпечно. Будь-яку сторінку з текстом можна зробити привабливою, якщо виділити заголовок, підзаголовки і набрані дрібним шрифтом текстові блоки. Правило «1-2-3» діє безвідмовно, воно здатне привести до читаемому увазі практично будь-який макет, роблячи його більш упорядкованим і приємним для читання.
контрастні шрифти
Ще один секрет гарної типографіки полягає в правильному використанні шрифтів. Об`єднуючи контрастні шрифти в одному макеті, можна зробити типографіку більш цікавою. Комбінація занадто схожих шрифтів робить дизайн нудним, тому саме контраст здатний зробити типографіку більш сучасною і сбалансрованной.
Найпростіший спосіб домогтися контрасту - це використовувати два шрифту: один із зарубками, а інший без. Це простий, але дуже ефективний спосіб, який часто використовують дизайнери, прагнучи зробити композицію більш свіжої і актуальної. Ось пара прикладів.
Немає якихось особливих правил використання шрифтових пар - все залежить від особистих переваг і смаку дизайнера. Однак є добре зарекомендували себе поєднання шрифтів, якими не слід нехтувати. Основне завдання дизайнера полягає в тому, щоб підібрати такі шрифти, які мають приблизно однакову вагу і товщину і добре виглядають в парі.
Відео: Типографіка: як підібрати шрифтову пару для сайту
Старі і нові шрифти
Непоганим способом домогтися єдності в типографике є поєднання старих і ноих шрифтів в одному макеті. Люди, далекі від світу типографіки, навіть не підозрюють, як часто в повсякденному житті вони бачать тексти, набрані шрифтами, створеними кілька десятиліть тому. Так, це так - навіть найсучасніший дизайн відмінно виглядає з класичними шрифтами, такими, як Baskerville, Helvetica, Garamond або Arial. Поважний вік шрифту зовсім не означає, що він застарів і його не можна використовувати в своєму проекті.
Наприклад, один з найпопулярніших шрифтів, Baskerville, був спочатку створений в 18-м столітті, це ідеально збалансований класичний шрифт із зарубками, на основі якого було створено велике сімейство шрифтів. Ще один шрифт-довгожитель, і до цього дня користується величезною популярністю - це Helvetica, нео-гротеск, розроблений в 1957 році. Таких шрифтів дуже багато, достатньо згадати Univers або Akzidenz Grotesk, які зустрічаються повсюдно.
Класика завжди сучасна, вона виглядає респектабельно і елегантно, тому буде цілком безпечно використовувати в дизайні добре зарекомендували себе шрифти.
кастинг шрифтів
Цей спосіб може здатися трохи дивним, але він дійсно працює. Серкрет полягає в тому, щоб вибирати шрифти для проекту так само, як режисер підбирає акторів для фільму. Актори повинні бути красивими, ідеально вписуватися в роль, їх образ повинен бути максимально природним, інакше картинка буде виглядати неправдоподібною. Кожен актор привносить в дію свій настрій і свою енергію, яка допомагає створити загальну атмосферу фільму.
Приблизно так само потрібно вибирати шрифти, домагаючись досконалості. Кожен шрифт має своєю індивідуальністю, своїм характером і завдання дизайнера - знайти йому гідне оточення.
Основний упор при цьому потрібно робити на якість. Якісні шрифти не тільки красиво виглядають, вони перш за все функціональні, добре виглядають в різних розмірах і накресленнях, не кажучи вже про колір. Так само як і у випадку з кінозірками, дизайнеру, можливо, доведеться розщедритися, щоб придбати якісний шрифт. Якщо потрібен дійсно «зоряний» шрифт високого рівня, доведеться виділити суму на покупку, наприклад, чудового HoelferCo. Однак не варто переживати, якщо з фінансами сутужно - завжди можна використовувати класичні Calson або Garamond, які абсолютно безкоштовні.
Взаємне тяжіння, що виникає між шрифтами, має величезне значення, ця «хімія» одразу видно, якщо дизайнеру вдається знайти ідеальну шрифтову пару. Кожен шрифт має свій настрій, він може бути нудним, захоплюючим, грайливим або навіть похмурим. Дизайнер повинен звертати велику увагу на лінії і форми символів для того, щоб гуманізувати типографіку, надаючи шрифту риси конкретної особистості. Якщо продовжувати аналогію з кінематографом, серйозний характерний актор навряд чи буде добре виглядати в парі з коміком. Так само йдуть справи в типографике. Потрібно уникати неправильних поєднань шрифтів. Макет, в якому перемішані самі різні шрифти, навряд чи буде виглядати природно, якщо в ньому немає об`єднуючого всю композицію настрою.
5 кроків до безпечного дизайну
У гонитві за оригінальністю багато дизайнерів роблять велику помилку, забуваючи про дотримання неписаних правил. В основному це стосується новачків - професіоналам вистачає смаку і художнього чуття, щоб уникнути дисонансу. Профі цілком може використовувати здавалося б самі незвичайні шрифтові пари, експериментувати з ієрархією елементів і все одно дизайн буде виглядати приголомшливо. Новачкам же краще не ризикувати і використовувати перевірені часом прийоми. Це не означає, що доведеться наступити на горло власній пісні, зовсім немає. Просто безпечний дизайн простіше продати. Багато замовників люди консервативні і несхвально ставляться, якщо дизайнер займається пошуками власної індивідуальності замість того, щоб просто виконати поставлене завдання. Щоб підвищити шанси на успіх і отримати гроші за зроблену роботу, досить дотримуватися 5 порад по роботі з типографікою.
Ось вони в гранично стислому вигляді:
- При роботі з кернингом якомога частіше перевертайте макет
- Дотримуйтеся суворої ієрархії тестових блоків
- Використовуйте контрастні шрифтові пари
- Підбирайте шрифти, створені в один і той же період часу
- Дійте як режисер, підбирайте шрифти зі схожим характером і настроєм.
На цьому все, спасибі за увагу!
На основі матеріалів сайту design.tutsplus.com
