Гарнітури не поодинокі істоти. Їм подобається тусуватися, і ви повинні переконатися, що вони добре грають разом.
Вибір шрифту дуже схожий на одягання, щоб вийти. Якщо ви збираєтеся в оперу, вибір досить простий. Але іноді вас запрошують на ресторан/каток, відзначений зіркою Мішлен, і вибір стає трохи менш ясним.
Ключ з'ясувати повідомлення та аудиторію. Після того, як ви визначили ці дві речі, ви можете почати уточнювати свої варіанти.
Механіка фактичного вибору ідеального шрифту може бути трохи прикро, і це варіюється від дизайнера до дизайнера, але врешті-решт єдине, що буде мати значення, це те, чи підходить шрифт для повідомлення.
Друкарня Підручник для початківців
У цьому керівництві ми будемо використовувати кілька термінів, які можуть бути корисні для пояснення.
Шрифт проти шрифту
Перша - це різниця між шрифтом і гарнітурою. Хоча часто використовуються взаємозамінно, насправді це не одне й те саме.
Шрифт відноситься до всеосяжного набору шрифтів. Так, наприклад, Times New Roman - це шрифт. Але якщо ви хочете використовувати жирну або курсивну версію шрифту, це шрифт. Так, наприклад, Times New Roman Bold - це шрифт.
Тип класифікації
Класифікація типів - це категорія шрифтів, заснована на їх зовнішньому вигляді. Кілька класифікацій включають в себе:
- засічка
- Без засічок
- готика
- Друкарська машинка
- скрипт
- декоративний
Це просто категорії типів, які ви знайдете на веб-сайтах різних типів, ливарних заводах тощо.
Засічок проти без засічок
Однією з найбільш поширених класифікацій шрифтів є засічка проти засічок. Не впевнений, у чому різниця? Шрифт із засічками має тонкі лінії на кінцях літери. Шрифт без засічок не має розширених можливостей.
надсімейств
Суперсімейства - це група шрифтів, які підпадають під кілька класифікацій. Гарнітура починається з тієї ж базової форми, а потім до неї будуть додані елементи для відповідності певної класифікації. Типовим прикладом суперсімейства є Суперсімейство Lucida.
Вибір вашого першого шрифту
Деякі шрифти роблять ваше життя трохи простішим, здавалося, що в житті є тільки одна мета. Якщо ви розглядаєте Copperplate Gothic, ви, ймовірно, розробляєте меню стейк-хауса або щось пов'язане з банком.
На жаль, це рідко буває так просто. Якщо у вас виникли проблеми з пошуком відповідного кандидата, подумайте про невелике дослідження. Шукайте приклади, які можуть допомогти вам у правильному напрямку.
Пам'ятайте, ви не хочете копіювати, ви шукаєте натхнення. Швидше за все, хтось вирішив цю проблему раніше, і їх рішення може допомогти повідомити вам.
Як тільки ви вибрали цей перший шрифт, прийшов час подумати про його доповнення.
Знайти свій другий шрифт
Існує багато рекомендацій щодо визначення, які шрифти добре поєднуються один з одним. Деякі з цих керівних принципів можуть бути об'єднані, а інші суперечать один одному.
Хоча є деякі речі, які слід уникати, коли мова йде про сполучення шрифтів (наприклад, використання занадто великої кількості шрифтів), є й інші рекомендації, які є більш гнучкими і багато в чому залежать від настрою або мети вашого дизайну.
Ось деякі з них, щоб мати на увазі.
1. Тримайте це в сім'ї
Одна з найпростіших речей, яку ви можете зробити, - це просто обмежити вибір одним шрифтом і змінювати шрифти, змінюючи розмір, вагу або нахил. Можливо, це не самий творчий вибір, але це найпростіший спосіб створити трохи різноманітності з вашим текстом.
Деякі шрифти мають досить великий набір шрифтів. Наприклад, Bebas Neue має різну масу. Комбінуйте Bebas Neue Bold з Bebas Neue Light різних розмірів, і ви на крок ближче до чудового дизайну.
У той час як Bebas Neue є шрифтом тільки для прописних букв, ви також можете пограти з заголовними літерами, щоб додати інтерес до свого дизайну.
Якщо ви хочете трохи більше різноманітності, але виявите, що збереження його в сім'ї працює краще для вас, пошукайте суперсімейство. Суперсімейство Lucida включає в себе Sans, Serif, пишуча машинка Sans, пишуча машинка Serif, Math та інші шрифти.
2. Об'єднати засічок і без засічок
Звичайний підхід до комбінування гарнітур - це з'єднання із засічками і без засічок. У наведеному нижче прикладі ви можете побачити різницю між шрифтом із засічками зверху (Times New Roman) і шрифтом без засічок нижче (Calibri):
Один з найпростіших способів вибрати додаткові параметри із засічками і без засічок - це зберегти їх у суперсімействі. Viget надає широкий список суперсімейств, які можуть бути корисними. Це один з найпростіших способів переконатися, що ваші шрифти із засічками і без засічок доповнюють один одного.
3. Обмежити до двох або трьох шрифтів
Вам буде важко знайти професійного дизайнера, який не живе за цим основним правилом друкарні. Якщо ви комбінуєте шрифти, вам потрібно обмежитися двома або трьома.
Якщо ваш дизайн містить заголовок, підзаголовок і тіло, ви можете використовувати три різні шрифти. Ви, ймовірно, захочете дотримуватися тільки двох, якщо ваш дизайн менш текстовий.
Є винятки з правила, але тільки в дуже специфічних видах дизайну.
4. Створити контраст
«Протилежності приваблюють», безумовно, вірно, коли мова йде про шрифти. Ви не бажаєте використовувати дуже подібні параметри. Він або просто нічого не додасть до вашого дизайну, або буде виглядати трохи не так.
Замість цього з'єднайте swirly шрифт з жирним шрифтом. З'єднайте легкий і повітряний шрифт з товстим. Підберіть свій шрифт із засічками за допомогою елегантного, курсивного варіанту. З'єднайте шрифт із засічками з вибором рукописного шрифту. вибору, як у прикладі вище.
У пошуках натхнення та ідей
Нарешті, якщо вам все ще не вистачає ідеї сполучення шрифтів, є безліч інструментів. Щоб переконатися, що маленький Calibri не закінчиться з поганим натовпом.
Комбінації шрифтів Canva
Комбінації шрифтів Canva дозволяють вам вибрати свій перший вибір і дають поради про те, яким повинен бути його партнер.
Typ.io
Сайт Typ.io складається з двох розділів. Перший розділ представляє комбінації шрифтів з усього Інтернету як джерело натхнення:
А в іншому розділі представлені списки шрифтів, які добре поєднуються один з одним залежно від функції, наприклад, чи будуть вони використовуватися для заголовка або основного тексту:
Просто мій тип
Якщо ви виявите, що розробляєте в наборі програм Adobe, Just My Type вам дуже знадобиться. На сайті пропонуються пропозиції щодо сполучення для шрифтів Adobe Typekit, а також від служби хмарної друкарні Hoefler & Co.
Hoefler & Co. також має дуже зручний підручник для вибору панелі шрифтів. Вони рекомендують комбінувати шрифти одного і того ж історичного періоду з різними характеристиками або схожою якістю ліній з різними текстурами. Пропозиції щодо шрифтів надано Hoefler & Co., але ви можете застосувати правила до інших шрифтів.
Як і більшість візуальних речей, Pinterest є відмінним джерелом натхнення для сполучення шрифтів. Просто знайдіть «зв'язок шрифтів» або «друкарня», і ви знайдете масу відмінних речень:
Тип з "єднання
Зробіть гру Зробіть гру щодо зв «язку шрифтів з типом з» єднання. Веб-сайт дозволяє вам вибрати свій перший шрифт, а вибір другого стає чимось на зразок «вибери свою власну пригоду».
Ви хочете використовувати щось із того ж сімейства, схожий шрифт, контрастний шрифт або зануритися в минуле?
Google Type
Якщо в якості джерела шрифтів ви вибрали Google Fonts, Google Type стане відмінним джерелом натхнення для того, як ці шрифти добре поєднуються один з одним. Використовуючи текст з байок Езопа і фотографії з Unsplash, сайт є візуальним джерелом того, як Google Fonts добре грають разом.
Font Pair - ще один зручний інструмент для шрифту Google Web. користувачів, пропонуючи варіанти для заголовка і основного шрифту, які добре поєднуються.
Typespiration
Typespiration дає ідеї не тільки про те, як комбінувати шрифти, але й додає колірну гаму для хорошої міри.
Web Font Blender
Веб-шрифт Blender не дає речень для вас, але він дозволяє вам пограти з різними Google-шрифтами і переглянути їх зі зразком заголовка, підзаголовка і основного тексту.
Як бонус він генерує CSS, який вам знадобиться для використання цих шрифтів в онлайн-дизайні.
Які твої улюблені комбінації? Чи існують якісь інструменти, без яких ви не можете жити, щоб допомогти вам вибрати з безлічі варіантів шрифтів? Які ваші поради щодо пошуку ідеальної відповідності? Дайте нам знати про це в коментарях.
