Я впевнений, що у будь-якого дизайнера був такий момент, коли він бачив десь якийсь шрифт, який так міг би стати в нагоді в проекті, але… що за шрифт?.. Відповідь на це питання причаїлася в глибині Вашої свідомості, або в глибині Вашого «незнання» (що очевидно можна пробачити).
У цій статті ми розглянемо кілька ресурсів, які можуть допомогти вам в ідентифікації шрифту, що сподобався.
Звичайно, не можна розраховувати, що ці джерела дадуть вам 100-відсоткову впевненість у тому, що ви знайдете потрібний шрифт, але що допоможуть, так це точно.
Graphic Design Blog корисний ресурс, але може допомогти лише в тому випадку, якщо ви знаєте ім'я дизайнера або студію, яка створила шрифт. Список студій та дизайнерів дуже широкий і пошук шрифту в рази спрощується. Але що робити, якщо ви бачите шрифт вперше?
Крок 2: Після завантаження картинки, перевірте, що What The Font правильно визначив гліфи, і лише після цього натисніть на «пошук».
Коротко, ГЛІФ– це графічний образ знака. Один знак може відповідати декільком гліфам; Рядкова "а", капільна "а" і альтернативний варіант рядкової "а" з розчерком є одним і тим же знаком, але в той же час це три різні гліфи (графеми).
З іншого боку, один гліф також може відповідати комбінації кількох знаків, наприклад, лігатура «ffi», будучи єдиною графемою, відповідає послідовності трьох знаків: f, f і i. Т.о. для програми перевірки орфографії слово suffix складатиметься із 6 знаків, а графічний процесор видасть на екран 4 гліфи.
Спочатку я завантажив це зображення:
Відмінна спільнота, величезна кількість ресурсів, блогів, новин зв'язкових із друкарською культурою. Є навіть типографія Wiki.
Зараз я вас навчу поганого.
Припустимо, є картинка
і потрібно знайти шрифт, яким зроблено напис, або підібрати схожий за стилем та характером.
Пошук за картинками
Йдемо в пошукові системи і пробуємо знайти джерело зображення, використовуючи пошук за картинкою.
https://www.google.ru/imghp?hl=ru
Вихідну картинку завантажуємо через форму або кидаємо на сторінку пошуку перетягуванням.
Часом Яндекс відпрацьовує краще за Гугла.
https://yandex.ru/images/
Користь від пошукових систем є такою.
Якщо ми знайдемо джерело, наприклад, логотипу, то зможемо знайти автора і, можливо, його портфоліо, а в ньому - вказівка на використані шрифти. Або просто на сторінці десь поруч із зображенням буде написано назву шрифту.
Хто знає, це справа така. Шанси малі, але не настільки, щоб їх ігнорувати. Тим більше у безвихідній ситуації.
Що за шрифт на MyFonts.som
Ідемо на Майфонтс у розділ, де працює спеціально навчений робот.
http://www.myfonts.com/WhatTheFont/
Ми роботу картинку, він нам – шрифти. Ну чи нічого.
Але не поспішайте надіслати йому картинку без перевірки та доопрацювання. Врахуйте, що:
– Робот не розуміє кирилицю.Перед завантаженням видаліть із зображення всі символи, яких немає в латиниці. Кирилічні символи, що збігаються з латинськими, можна залишити.
– У робота поганий зір.Іноді плутає літери з нестандартними формами. Тому іноді краще годувати його за однією літерою. Варто знайти найхарактернішу і почати з неї.
Після завантаження скоригуйте розпізнані символи, ввівши в комірки під зображеннями правильні символи.
Якщо літера або знак (наприклад, оклику) розвалилася на два осередки, перетягніть одну картинку на іншу і зберіть літеру назад.
Тиснемо Continue.
Робот намагатиметься знайти оригінал шрифту та запропонує відповідні теги для подальшого самостійного пошуку.
Пошук за ключовими словами на MyFonts.som
У полі пошуку вбиваємо англійською слово чи словосполучення, яке визначає інструмент малювання, характер шрифту або його класифікацію.
Наше зображення виконане фломастером (brush pen). Ще тут підійдуть слова на кшталт «каліграфія» (calligraphic), «від руки» (handwritten) тощо. Тут можна скористатися тегами, які запропонував робот.
Можна шукати терміни окремо або об'єднувати їх і комбінувати в одному запиті.
Якщо обов'язково потрібна підтримка української чи іншої мови, то вказуємо відповідні налаштування в полях розширеного пошуку, відсікаючи сміття в результатах.
Тиснемо кнопку Search і переглядаємо результати, попутно відзначаючи для себе відповідні варіанти на заміну.
На Майфонтсі багато варіантів заміну вихідному шрифту.
Так, на Майфонтсі шрифти платні. Але ж безглуздо купувати цілу гарнітуру, якщо треба зробити короткий напис із кількох символів для тестування у своєму проекті.
Знаходимо потрібний варіант і збільшуємо область перегляду прикладу максимум. В окремих випадках можна ще зробити зум у браузері.
Скрине.
Растр
У Фотошопі скрін перетворюємо на смарт-об'єкт.У смарт-об'єкті накладаємо на нього Gradient Mapвід потрібного кольору до білого.
У макеті виставляємо смарт-об'єкту режим накладання шарів, наприклад, Multiply.
Для більшості випадків із білим тлом цього достатньо.
Кому цього мало, можете видалити зі скрина білий колір. Color Range…, тикаєте піпеткою в білому тлі
отримуєте виділення за кольором, інвертуєте виділення,
згладжуєте його пару разів на піксель-другий, щоб межа контуру не була такою рваною,
і приховуєте все біле під маску
В основному документі вже робите зі смарт-об'єктом все, що завгодно, майже як з векторним шейпом.
При зменшенні смарт-об'єкта нерівності контуру стануть менш помітними. Тому краще скринити із запасом, а потім уже зменшувати до потрібного розміру.
Вектор
Якщо потрібен вектор, то робимо трасування в Ілюстраторі.
Відкриваємо скрін з PNG-файлу:
На панелі Image Traceставимо Mode: Black and White,галочку Previewі акуратнокрутимо Thresholdта налаштування в Advanced:
Отримавши прийнятний результат, робимо написи Expand
і отримуємо вектор на всі випадки життя:
Безкоштовні шрифти
Можливо, що шуканий шрифт-це не комерційна історія і робився фаном або не для продажу. Тоді немає сенсу шукати його в офіційних магазинах.
За безкоштовними шрифтами йдемо у Вконтакті, до групи «
Що робити, якщо вам сподобався шрифт, але ви не знаєте його назву? Все дуже просто, якщо під рукою є його графічне зображення. Існує велика кількість online-сервісів, які роблять пошук шрифту за картинкою, І треба визнати, досить непогано.
У цій статті ми розглянемо деякі з них і постараємося швидко знайти невідомий шрифт, маючи під рукою лише його зображення.
Найвідомішим і найпопулярнішим сервісом, серед інших, є What The Font.
Він дуже простий у використанні та видає дуже непогані результати. До того ж, у його основі міститься безліч, як безкоштовних, і платних шрифтів. Тому, якщо вам не вдалося знайти потрібний, спробуйте підібрати щось подібне до шрифтової бази сайту.
Ось покрокова інструкція по роботі з сервісом:
1. Завантажуємо зображення з зображенням нашого шрифту:
Картинка має бути гарної якості та не надто маленького розміру. Фонові шуми та недостатній контраст різко позначаються на якості пошуку. Постарайтеся доопрацювати картинку у Photoshop, щоб отримати хороший результат.
Краще, щоб літери були темними, а тло світлим. Як показала практика використання What The Font, розмір зображення значно впливає результат пошуку. Якщо картинка занадто мала, результатів буде більше. Але в міру збільшення зображення їх кількість скорочується до мінімуму.
2. Завантаживши картинку, переконайтеся, що сервіс правильно визначив кількість гліфів. Гліф – це графічний образ знака. Один знак не завжди відповідає одному гліфу. Наприклад, буква «а» у будь-якому написанні залишається однією літерою та одним знаком. Але капітельна «а» і мала «а» — два різні гліфи.
У той же час один гліф може відповідати кільком знакам. Наприклад, "ffi" - один гліф, але три знаки. Тобто в словах, де поєднання «ffi» гліфів буде менше, ніж знаків.
3. Після всіх маніпуляцій ви отримаєте результат пошуку.
У моєму простому прикладі, шрифт був підібраний правильно. На жаль, так не завжди.
Якщо What The Font не дав результату, а вам ліньки, можна спробувати прогнати картинку за іншими схожими сервісами. Давайте розглянемо деякі з них.
Сайти та сервіси з пошуку шрифтів
Цей сервіс для пошуку шрифту ставить вам низку питань англійською мовою. Ви вибираєте імовірно-правильні відповіді. Після цього Identifont запропонує вам потрібний (не завжди) шрифт.
Цей ресурс може бути корисним, якщо у Вас немає шрифту на цифровому носії. Сервіс досить специфічний у використанні та знайти за його допомогою шрифт непросто. Хоча виробник стверджує, що це найбільший безкоштовний ресурс пошуку потрібного шрифту.
Найбільше співтовариство фахівців у всіх творчих сферах, включаючи шрифтовиків. Тут немає автоматизованого пошуку, знайти шрифт можна завантаживши картинку на форум. Найчастіше - це найпростіший і найефективніший спосіб.
Спільнота на популярному сайті Flickr, де ви можете знайти назви шрифтів, що використовуються в різних зображеннях, логотипах, написах. Тут можна швидко отримати довідку по шрифтах та знайти необхідний шрифт за його зображенням. Єдине, вам доведеться писати англійською (google translate на допомогу).
В ув'язненні
Кожен із наведених вище сервісів ефективний за своїм. Комбінуючи їх, знайти потрібний шрифт виходить досить швидко. Я дуже часто користуюсь What The Font + Demiart. У 90% випадків мені вдається знайти потрібний шрифт протягом 20 хвилин.
Підібрати один шрифт у пару до іншого часом непросто. Одна справа - вибрати два або більше шрифту, що гармонують між собою, зовсім інше - знайти два таких, щоб не тільки виглядали разом добре, але ще й спільними зусиллями успішно вирішували б завдання друкарського оформлення вашого проекту, і тут можна ковтати аспірин. Давайте спробуємо вгамувати ваш головний біль. Наш посібник підкаже вам, з чого починати вибір парних шрифтів для оформлення веб-ресурсів.
На щастя, друкарня - поле, так-а-аве розоране. Прийняті в цій сфері правила та умовні позначення давно склалися і закріпилися, і довідкових ресурсів на допомогу вам розлучилося безліч. Одна біда - заглибившись в Інтернет у пошуках відповідей на ваші запитання, ви втопитеся там у морі взаємовиключних думок! Подивимося, чи не вдасться нам дещо прояснити прямо тут.
Ось короткий список аспектів, які ми послідовно розглянемо у нашому посібнику:
* Як намічати цілі
* Скільки шрифтів вибирати для роботи
* Купувати чи не купувати
* Який характер вашого контенту?
* Як складати вдалі шрифтові пари
* Пари шрифтів 1-го типу: Гармонія
* Пари шрифтів 2-го типу: Контраст
* Пари шрифтів 3-го типу: Несумісність
Як намічати цілі
Пам'ятайте про головне. Підбираючи кілька шрифтів для оформлення одного проекту, важливо прагнути органічності, але не ціною втрати своєрідності.
Скільки шрифтів вибирати для роботи
З кількох шрифтів ви складатимете вашу друкарську палітру, повністю залежить від вас, тільки не втрачайте на увазі намічений до досягнення орієнтир. Шрифти подібні до людей - у кожного свій характер. І, знову ж таки, подібно до людей, шрифти часом між собою не ладнають. Уявіть, ніби ваші шрифти – гості за весільним столом; одного балагуру там зазвичай цілком достатньо, а відразу кілька бравих молодців разом можуть навіть зіпсувати свято, як в одній із серій шоу Big Brother.
Але обов'язково розбавте це суспільство присутністю хоча б однієї харизматичної постаті; коли жодному з вісьмох нема чого сказати, в кімнаті повисає млосне очікування виступів з промовами по черзі.
Суворих правил, які дозволяють або забороняють використання на одній сторінці певної кількості шрифтів, немає. Поєднати різнорідні шрифти в рамках загальної розмітки буває складно, досягти органічності в такій справі – важке завдання, але якщо вам вдасться її вирішити, то результат, напевно, порадує вас своєю яскравістю та свіжістю. Можна спростити собі завдання, скоротивши кількість шрифтів, що задіяні в проекті. Намагайтеся брати найкраще з обох сторін, а саме, шрифти, доступні в різних за контуром і товщиною штриха модифікаціях. Тим самим ви розширите собі вибір оформлювальних рішень, точно знаючи, що між собою вони поєднуються без жодних складнощів.
Купувати чи не купувати
Безліч безкоштовних сервісів відкривають нам доступ до ресурсів для впровадження за допомогою @font-face: , але не поспішайте відмовлятися від розгляду та платних варіантів, якщо проект того вартий. Ціна ліцензії на використання матеріалів в межах одного домену може змінюватись, але часом і розщедритися буває вигідно.
Якість. Старання і ретельність, вкладені у комерційне виробництво шрифтів, зазвичай, позначаються якості даної продукції. Це зовсім не означає, що дизайнери безкоштовних шрифтів просто дурню мають замість справи, зовсім немає, але різниця в якості буває дуже помітною. Особливо, у дрібницях; у товщині ліній, у опрацюванні контурів, у величині прогалин та майстерності застосування кернінгу (налаштування міжлітерних інтервалів).
Порівняйте між собою ці два схожі шрифти...
У випадку з Museo кернінг виконаний чудово. А у випадку з Quicksand - не настільки бездоганно (погляньте на "o" і "i", наприклад), хоча видно, що спроба була, але в онлайн-текстах нашвидкуруч виконаний кернінг не надто й помітний. Існують інструменти, наприклад, що дозволяють вам виконувати кернінг посимвольно, але для обробки великих масивів тексту вони навряд чи підходять.
Ви можете сказати: "Подумаєш, велика різниця!", Але ж у дрібницях біс і ховається. Моя бабуся так каже.
Оригінальність. Ще одна перевага – можливість виділитися на загальному тлі чимось незвичайним. Купуючи шрифти, ви підвищуєте можливість неповторності ваших розробок хоча б в окремих елементах.
Загальна користь. Підтримуючи галузь матеріально, ви сприяєте її розвитку. Шрифтовики підвищують свою майстерність, заробляючи життя чесною працею. Ми, у будь-якому випадку, враховуємо власні витрати, виставляючи замовнику проекту рахунок.
Яким є характер вашого контенту?
При виборі шрифтів важливо враховувати характер матеріалу, з яким ви працюєте. Це майже повністю суцільний текстовий масив? Чи багато там заголовків та підзаголовків? А може, це журнальна сторінка із вступними вступами та врізками-цитатами? Працюючи з цілою групою шрифтів, використовуйте їх за призначенням, не плутайте "ролі"; якщо підзаголовок вже набраний вами одним шрифтом, то й для інших підзаголовків застосовуйте той самий шрифт. Нехай буде видно, навіщо призначений кожен із них.
Ми поки що обмежимося розглядом лише кількох пар шрифтів. Ми з'ясуємо, за яких умов вони вдало поєднуються, і запитаємо себе, чому.
Як складати вдалі шрифтові пари
Ви це, мабуть, уже чули; вдалі парні комбінації утворюються за принципом гармонії чи розмаїття, але з шляхом несумісного протиставлення. Тобто, обрані вами шрифти можуть разом скласти вдале поєднання, якщо вони мають якісь спільні риси, або, навпаки, якщо вони зовсім різні. Однак ознак несумісності у різних пар шрифтів досить багато, занадто велика подібність - один з них.
Давайте проаналізуємо кожен із вдалих варіантів.
Пари шрифтів 1-го типу: Гармонія
Коли кажуть, що два шрифти гармонують між собою, мають на увазі наявність якихось спільних їм обох характеристик. Подібність може простежуватися в тому, як виконаний кернінг, в їх пропорціях, в однаковій висоті "плоських" великих букв. Погляньте на приклади, які наводить Керрі Скотт Дженкінс (Kerry Scott Jenkins), і ви помітите явне дотримання загальних пропорцій.
Один із способів складання гармонійного поєднання шрифтів – підбір їх пари з одного сімейства. Кому ж робити, як не родичам?! У будь-якому випадку, сімейство Droid - розробка Стіва Метісона (Steve Matteson) для пристроїв на базі Android від Google - включає різні за товщиною штриха і зображення модифікації, як із засічками, так і без. Мабуть, вони трохи простакуваті, зате разом виглядають чудовою парою. Один з них підійде для набору заголовків, інший - для основного тексту.
У будь-якій комбінації виглядають чудово.
Чітко окреслені, сучасні, до того ж (відповідаючи вашим очікуванням), розраховані спеціально на використання у веб-середовищі та на портативних пристроях – витягнуті по ікс-висоти.
Ще один приклад різкої контрастності і, водночас, наочної ієрархії, заданої через вибір кольору шрифтів - відразу ясно, "хто є хто".
А що ви скажете про двох приятелів без засічок і всяких претензій? Великий заголовок у наступному прикладі набраний "порожнистим" шрифтом, спеціально призначеним для заголовків (Conqueror). Цей шрифт складається з одних великих літер, так що вам, можливо, доведеться злегка розширити міжлітерні інтервали, як показано нижче.
"Порожнім" називається шрифт з гарнітурою, символи якої наскрізь прокреслені лініями контуру білим. - fonts.com"
На жаль, його веб-версія нам недоступна (поки що), так що в даний момент доводиться користуватися ним лише для графічних побудов у пікселах... Безперечно, один з моїх улюбленців...
Подивіться цей зразок шрифту з брусковими засічками; одним ударом сімох.
Шрифти із брусковими засічками дуже привертають увагу публіки, але можуть їй і "нагрубити", якщо ви це допустите. Як той слон у посудній лавці. Наведений вище приклад - якраз вдала пара, більш витончений учасник якої одночасно контрастує з першим, і має з ним явну подібність. Ці шрифти здаються дуже різними, але придивившись до вигинів їх контурів, ви помітите, що не так вони несхожі.
Серед шрифтів зустрічаються такі красені, що робити на них ставку можна майже без побоювання. Наприклад, Buttermilk; здійснення пишності, вишуканості та ошатності. Він у будь-якій компанії виглядатиме шикарно (хіба що ви навмисне спробуєте його кимось затьмарити)! У нашому прикладі його "дама" - Georgia:
Можна поставити його і з Aller, так само витонченим шрифтом без засічок:
А цей приклад був задуманий мною для ілюстрації дисгармонічного поєднання даного шрифту - надто яскрава "особистість" поруч з ним виявилася. Але знаєте що? Я обійдуся без негативного прикладу, адже вони разом чудово виглядають! Напевно, краще не загадувати наперед...
Пари шрифтів 3-го типу: Несумісність
Давайте не заглиблюватися занадто в розгляд невдалих шрифтових комбінацій, ми ж не хочемо зіпсувати собі приємне враження від інших прикладів у нашому посібнику, правда? Тоді, пропоную просто подивитись на два, начебто, дуже схожі між собою шрифти, що разом складають, тим не менш, зовсім "їстівне" поєднання.
Але чому вони не поєднуються? Хіба не до міцної єдності треба прагнути через контраст?
Стилістика оформлення цих шрифтів різна; один готичний, інший прямий із засічками, переконайтеся самі.
Вони мають різні пропорції; один вузький, досить великий по ікс-висоти, інший швидше розтягнутий, з більш вираженими надрядковими елементами, подивіться.
Але товщина штриха і їх розмір однакові, і ці химерні борідки в основі контуру символів теж.
І конфігурований готичний шрифт злегка похило на противагу вертикальній будові прямої:
В інших випадках такі відмінності не зіпсували б картину, але тут у нас два ідентичні (на перший погляд) шрифти. Уявіть собі живу знаменитість поряд із її восковою копією в музеї. Бачити їх разом не надто приємно.
Важко висловити власне відчуття того, що "годиться" і що "не годиться", мовою сухих термінів і визначень, зазвичай ви просто відчуваєте, бачите це, і все тут. Зрозумівши, що деяке поєднання шрифтів вам не подобається, спробуйте проаналізувати чому, тоді надалі ви зможете приймати потрібні рішення швидше.
Порада наостанок
Зараз, відкривши каталог шрифтів Web Font від Google, ви знайдете там готові рекомендації щодо підбору для кожного з них парних варіантів. Не погано.
Висновок
Сподіваємося, наш посібник для новачків по підбору пар шрифту спростить вам таке завдання. Найважливіше правило, яке вам дійсно варто для себе отримати, говорить: "Поки сам не спробуєш, не впізнаєш!"
Будьте сміливішими. У нашому, веб-дизайнерів, розпорядженні знаходиться архів шрифтів, що постійно поповнюється новинками для використання в проектах. Не бійтеся експериментувати, але з урахуванням основних принципів. Результати ваших творчих пошуків вас неодмінно здивують.
Підібрати шрифти таким чином, щоб вони ідеально поєднувалися між собою – завдання не просто. Як це не дивно, але багато веб-дизайнерів мають досить невиразне розуміння про те, як підбирати шрифтові пари, які шрифти найкраще використовувати для заголовків і підзаголовків, коли варто використовувати курсив і так далі. Тим часом, правильний вибір шрифту може надати сайту індивідуальності – і не обов'язково використовувати для цього екзотичні гарнітури. Навіть найпоширеніші шрифти при правильному підборі можуть виглядати дуже красиво.
СКІЛЬКИ ШРИФТІВ ПОТРІБНО ВИКОРИСТОВУВАТИ У ДИЗАЙНІ?
На це питання немає конкретної відповіді – однак у більшості випадків можна обійтись одним шрифтом. Головне, щоб цей шрифт мав кілька накреслень, як мінімум Regular, Bold і курсив. Цього цілком достатньо створення текстової ієрархії. Крім того, використання одного шрифту позбавляє дизайнера болісного підбору шрифтової пари. Однак єдиний шрифт робить дизайн дещо нудним, що іноді є неприйнятним.
Існує негласне правило, за яким в одному дизайні потрібно використовувати не більше трьох шрифтів. Якщо врахувати, що зазвичай логотип сайту чи компанії створений з використанням якогось незвичайного шрифту, у розпорядженні дизайнера залишаються лише варіанти.
Як правило, для того, щоб виділити заголовки, використовується шрифт, який є персоналізованим (personality) та надає тексту індивідуальності. Другий шрифт застосовується для звичайного тексту і дуже важливо, щоб цей шрифт читався. Ці шрифти повинні добре поєднуватись між собою, оскільки найменший дисонанс погіршить сприйняття контенту. Заголовки мають бути помітними, але не кричущими – адже завдання заголовка полягає в тому, щоб підготувати читача до перегляду наступного уривка тексту.
ЯК ВИБРАТИ ОСНОВНИЙ ШРИФТ
У графічному дизайні дуже часто буває, що шрифт взагалі не потрібно вибирати - компанія має гайдлайн, в якому все розписано, в тому числі і правила використання шрифтів. Але для Інтернету цей варіант не підходить - часто єдине, що можна взяти з гайдлайну - це шрифт, яким набрано логотип.
При виборі шрифту для основного тексту перш за все потрібно звертати увагу на його читання. Найкраще не намагатися винаходити велосипед і використовувати випробувані шрифти, які добре виглядали в попередніх проектах. Кожен дизайнер завжди має в запасі кілька перевірених варіантів – ось ці шрифти і потрібно використовувати в першу чергу. Якщо говорити про шрифти Google, то оптимальним вибором будуть Droid Sans, Noto Serif та Cabin.
ЯК ВИБРАТИ ШРИФТ ДЛЯ ЗАГОЛОВКІВ
А ось тут на багатьох дизайнерів, особливо новачків, чекає засідка. Вибрати personality-шрифт не так просто. Якщо для основного тексту можна не надто напружуючись вибрати якусь тахому або вердану, то зі шрифтом для заголовків такий номер не пройде. Personality-шрифт повинен бути особливим, але при цьому не дуже яскравим. Він повинен привертати увагу, але лише настільки, щоб це не заважало читанню. Кожному шрифту притаманні характерні риси – кажучи простою мовою, деякі шрифти бувають строгими, інші плавними, треті – різкими тощо. І якщо personality-шрифт підібраний вдало і його вигляд гармонійно поєднується з основним шрифтом, це означає, що дизайнер повністю впорався з поставленим завданням.
У цьому прикладі використано поєднання шрифтів FiraSansі Merriweather.
ВАРІАНТ 1: БЕЗПЕЧНИЙ ВИБІР
Багато шрифтів створено у двох варіантах – без засічок та із засічками. Наприклад, шрифти Scala Sans та Scala Serif, Meta та Meta Serif, Droid Sans та Droid Serif. Дані шрифти можна без жодних побоювань використовувати в парі, так як форма букв у сансах і серифах практично ідентична, але при цьому вони досить добре контрастують між собою. Тим дизайнерам, які не до кінця впевнені у своєму вмінні правильно підбирати шрифти, найкраще використовувати цей спосіб, оскільки він є найбезпечнішим.
Поєднання шрифтів DroidSansі DroidSerif
ВАРІАНТ 2: ГРА НА КОНТРАСТІ
Якщо в якості основного шрифту було обрано спокійний шрифт, що добре читається, то для заголовків іноді часом потрібно, щоб вони контрастували зі звичайним текстом. Тут головне – не перегнути ціпок. Контраст – це добре, але він не повинен бути надто помітним, тому що надто помітні заголовки відволікають увагу читача.
Наприклад, шрифт Noto Serif відрізняється плавними контурами букв, він легкий і добре читається. При цьому він дуже виразний і якщо це слово можна застосувати до шрифту, доброзичливий. Який шрифт найкраще підібрати до нього у пару? Найкраще взяти шрифт без засічок і зі схожими характеристиками. Тобто, персоналіті-шрифт повинен мати схожі пропорції, а його контури мають перегукуватися з контурами основного шрифту. У парі з Noto Serif дуже добре виглядатиме Questa Sans – він досить виразний і сучасний і добре контрастує зі шрифтом із засічками.
Поєднання шрифтів Noto Serifі Questa Sans
ВАРІАНТ 3: ПОСИЛЕННЯ КОНТРАСТА
Якщо в перших двох варіантах основний акцент робився на схожому контурі шрифтів, то в третьому випадку можна посилити контраст за рахунок вибору шрифту, що має інші пропорції. Безумовно, це найскладніший варіант – для того, щоб використовувати цей спосіб дизайнер повинен мати гарний смак. Інакше замість стильного дизайну вийде цілковита нісенітниця. Жодних рекомендацій тут дати неможливо, тому що все суб'єктивно і залежить від багатьох факторів, у тому числі й спрямованості сайту.
Поєднання несхожих шрифтів краще використовувати в лендингах, на сайтах-візитках, при створенні банерів і т.д.
Шрифт Cabin - простий, помітний і читаний. Легким його не назвеш, він весь такий «квадратний» і динамічний, проте він чудово підходить для набору основного тексту. Його можна використовувати у випадках, коли потрібно посилити подання інформації та привернути увагу читача. Як контрастуючий шрифт можна вибрати шрифт із засічками, наприклад, Buenard. Цей шрифт більш традиційний, консервативний і трохи холодний. При цьому він чудово виглядає в парі з Cabin, своїм спокоєм відтіняючи його динамічність.
Поєднання шрифтів Cabinі Buenard
ВИСНОВОК
По суті немає строгих правил, що визначають вибір шрифту. В основному всі рекомендації зводяться до того, що в проектах краще використовувати гармонійні шрифти, що читаються. Краще не пускатися в авантюри та виявити стриманість – у цьому випадку це лише покращить дизайн.
Але насправді зовсім не важливо, які шрифти будуть використані – головне це кінцевий результат. Іноді буває навіть краще, коли дизайнер ризикне і поекспериментує із поєднанням різних шрифтів – іноді такі експерименти призводять до дивовижних відкриттів.
