Оглянись, вокруг тебя прямо сейчас миллион шрифтов. На обложке паспорта один шрифт, на экране телефона другой. Даже этот текст набран каким-то шрифтом и я как-то его выбрал. Но как? Сейчас расскажу.
Но сначала вопрос: ты уже выбрал шрифт для своего плаката? Если нет, сейчас мы вместе это сделаем. Если да, вопрос: «а как ты это сделал-то без понимания что и как работает?»
Теперь я дам тебе пошаговый план как найти тот самый, свой, идеальный... шрифт
Но сначала вопрос: ты уже выбрал шрифт для своего плаката? Если нет, сейчас мы вместе это сделаем. Если да, вопрос: «а как ты это сделал-то без понимания что и как работает?»
Теперь я дам тебе пошаговый план как найти тот самый, свой, идеальный... шрифт
Как выбрать шрифт?
Первостепенно, найди прилагательные, которые описывают тему твоего проекта (не важно, плакат это или целый бренд).
Например, ты делаешь плакат для марафона. Он быстрый, стройный, уверенный и тд. Нарисуй в голове образ человека, которым мог бы быть твой проект, составь его словесный портрет в мельчайших деталях. Прилагательные и портреты, описывающие твой проект в целом, применимы и к шрифту.
Например, ты делаешь плакат для марафона. Он быстрый, стройный, уверенный и тд. Нарисуй в голове образ человека, которым мог бы быть твой проект, составь его словесный портрет в мельчайших деталях. Прилагательные и портреты, описывающие твой проект в целом, применимы и к шрифту.
Что объединяет логотипы estee lauder и FENTY BEAUTY (помимо того, что и тот и тот про косметику)? Они оба тонкие и высокие, что соответствует нашему пониманию стандартов красоты (в подавляющем большинстве).
Выбери на кого похож твой шрифт?
Шаг 1: найди на кого похож
пример
Шаг 2: Выбери вид шрифта
Чтобы помочь тебе разобраться в видах шрифтов и выбрать верный, я придумал сказку
кликай на буквы —> откроется поп-ап, там ты узнаешь о них больше
антиква
ленточная антиква
акциденция
брусковый
скрипт
Выглядит современно, да и появился он сильно позже антиквы. Зародился в XIX веке как реакция на вычурность антиквы. Пик популярности — модернизм XX века (школа Баухаус, швейцарский стиль).
Выглядит понятно, гротеск кажется нам чем-то близким и обыденным, а отсутствие лишних деталей делает его выигрышным вариантом для большинства наборных текстов, он остается читабельным в любом размере. Выглядит диджитально, ведь на всех компах и телефонах в качестве системного шрифта используется именно гротеск.
Примеры гротесков:
1. Roboto (чистый и универсальный шрифт от Google);
2. Inter (интерфейсный шрифт);
3. Open Sans (нейтральный и хорошо читаемый).
Выглядит понятно, гротеск кажется нам чем-то близким и обыденным, а отсутствие лишних деталей делает его выигрышным вариантом для большинства наборных текстов, он остается читабельным в любом размере. Выглядит диджитально, ведь на всех компах и телефонах в качестве системного шрифта используется именно гротеск.
Примеры гротесков:
1. Roboto (чистый и универсальный шрифт от Google);
2. Inter (интерфейсный шрифт);
3. Open Sans (нейтральный и хорошо читаемый).
Гротеск (Sans-Serif) — шрифт без засечек.
гротеск
Шаг 4: выбери толщину
Толщина (начертание) — это визуальный вес шрифта
Именно от толщины зависит будет текст балериной или борцом сумо.
Самые популярные начертания, которые чаще всего используются — Thin, Regular, SemiBold, Bold. Однако, есть и множество других.
В рамках одного проекта можно использовать разные начертания одного шрифта, например, чтобы что-то выделить. Но лучше не брать более трех.
Самые популярные начертания, которые чаще всего используются — Thin, Regular, SemiBold, Bold. Однако, есть и множество других.
В рамках одного проекта можно использовать разные начертания одного шрифта, например, чтобы что-то выделить. Но лучше не брать более трех.
- Легкие шрифты прекрасны. Визуальная тонкость активирует ваше представление о красоте: «Шрифты, которые легче по весу (по ширине и толщине штриха), воспринимаются как изящные, нежные и женственные
- Шрифты средней насыщенности читаются лучше всего.
- Жирные шрифты кажутся напористыми, солидными, существенными и мужественными
Шаг 5: выбери округлость
Округлость — круглые шрифты эмоциональны, квадратные шрифты рациональны.
Округлые шрифты выглядят так:
- Мягкий
- Добрый
- Женственный
- Красивый
- Открытый
- Дружелюбный
- Доступный
Квадратные шрифты выглядят так:
- Механистический
- Грубый
- Официальный
- Мужской
- Мощный
- Четкий
- Структурный
Вообще, лучше его не трогать. Шрифтовые дизайнеры не просто так стараются и бережно настраивают расстояние между буковками, НО! Есть один случай, когда можно потрогать трекинг: если у тебя есть конкретная и обоснованная идея.
Например, если в логотипе тебе позарез нужно больше воздуха — увеличивай трекинг, а если задумал сделать наборный текст менее читабельным и вызвать тем самым у пользователя эмоцию — уменьши.
Уменьшать и увеличивать трекинг можно вот в этой иконке
Например, если в логотипе тебе позарез нужно больше воздуха — увеличивай трекинг, а если задумал сделать наборный текст менее читабельным и вызвать тем самым у пользователя эмоцию — уменьши.
Уменьшать и увеличивать трекинг можно вот в этой иконке
Осталось совсем немного — выбрать межбуквенный интервал, он же трекинг.
Шаг 6: выбери трекинг
типографические пары
А что делать, если в проект нужно 2 шрифта?
Ответ простой: поженить их, или, говоря профессиональным языком, собрать типографическую пару. Типографические пары — это комбинации шрифтов, которые дополняют друг друга и создают визуальную гармонию.
Как женить шрифты? Нужно придерживаться одного правила: разные по форме,
единые по смыслу.
Контраст по форме может достигаться за счет сочетания шрифтов разной структуры . Например, выбери антикву для заголовка и гротеск для наборного текста (пример: Playfair Display + Roboto). А можешь добиться контраста за счет размера и насыщенности: жирный и крупный шрифт для заголовка и тонкий для набора (пример: Inter Tight Bold + Inter Tight Light).
Единства смысла можно добиться за счет настроения и стилистики. Например для классики возьми Garamond* + *Futura. А для проекта в стиле ретро Bebas Neue + Cormorant Garamond.
Как женить шрифты? Нужно придерживаться одного правила: разные по форме,
единые по смыслу.
Контраст по форме может достигаться за счет сочетания шрифтов разной структуры . Например, выбери антикву для заголовка и гротеск для наборного текста (пример: Playfair Display + Roboto). А можешь добиться контраста за счет размера и насыщенности: жирный и крупный шрифт для заголовка и тонкий для набора (пример: Inter Tight Bold + Inter Tight Light).
Единства смысла можно добиться за счет настроения и стилистики. Например для классики возьми Garamond* + *Futura. А для проекта в стиле ретро Bebas Neue + Cormorant Garamond.
типографические пары
А теперь предлагаю тебе сыграть в казино на слоте шрифтовых пар! Не переживай, ставить ничего не придется :)
Просто жми на кнопку и автомат покажет тебе хорошие сочетания
Просто жми на кнопку и автомат покажет тебе хорошие сочетания
поиски шрифта
А где взять шрифт? Это очень резонный вопрос.
Первое, что приходит в голову — вбить в Гугл что-то типа: «Скачать современную антикву онлайн». В целом можно так и поступить, но добавь в свой запрос слово БЕСПЛАТНО! Почему это так важно?
Давай подумаем вместе. Шрифты ведь кто-то создает, правильно? Правильно. Этому кому-то же хочется кушать? Хочется. Следовательно, этот кто-то может свои шрифты продавать.
«Но ведь платные шрифты же не попадутся мне просто так на просторах интернета» — скажешь ты. «Попадутся» — отвечу я.
Во-первых, есть много сливов на сомнительных сайтах. Во-вторых, тебе может попасться шрифт, который бесплатен только для личного использования.
В-третьих, давай я лучше по порядку расскажу все про лицензии шрифтов, где найти проверенные шрифты и главное, что будет если случайно украсть шрифт.
Что представляет из себя лицензия на шрифт? Это документ, который предоставляет тебе право на использование шрифта по тем правилам, которые там указаны.
Где найти файл лицензии? Зачастую, когда скачиваешь шрифт, в папке вместе с самими файлами начертаний лежит текстовый документ — это и есть лицензия. Если такого файла нет — гугли «лицензия на шрифт *название гарнитуры*»
Что будет, если украсть шрифт? Конечно на вряд ли ты собираешься намеренно воровать буквы, тут я скорее хочу сказать про цену твоей невнимательности. Незаконное использование шрифта — это гражданско-правовая ответственность со взысканием штрафа от 10 000 рублей до 5 000 000 рублей. Причем накажут и тебя и твоего клиента.
Давай подумаем вместе. Шрифты ведь кто-то создает, правильно? Правильно. Этому кому-то же хочется кушать? Хочется. Следовательно, этот кто-то может свои шрифты продавать.
«Но ведь платные шрифты же не попадутся мне просто так на просторах интернета» — скажешь ты. «Попадутся» — отвечу я.
Во-первых, есть много сливов на сомнительных сайтах. Во-вторых, тебе может попасться шрифт, который бесплатен только для личного использования.
В-третьих, давай я лучше по порядку расскажу все про лицензии шрифтов, где найти проверенные шрифты и главное, что будет если случайно украсть шрифт.
Что представляет из себя лицензия на шрифт? Это документ, который предоставляет тебе право на использование шрифта по тем правилам, которые там указаны.
Где найти файл лицензии? Зачастую, когда скачиваешь шрифт, в папке вместе с самими файлами начертаний лежит текстовый документ — это и есть лицензия. Если такого файла нет — гугли «лицензия на шрифт *название гарнитуры*»
Что будет, если украсть шрифт? Конечно на вряд ли ты собираешься намеренно воровать буквы, тут я скорее хочу сказать про цену твоей невнимательности. Незаконное использование шрифта — это гражданско-правовая ответственность со взысканием штрафа от 10 000 рублей до 5 000 000 рублей. Причем накажут и тебя и твоего клиента.
Лицензии
Страшно попасться на лицензиях? Всем страшно. Давай разберемся в их видах раз и навсегда
Какие лицензии бывают?
Они делятся на несколько видов
Лицензии «по случаю»: зависят от того, где ты хочешь использовать шрифт. В их числе:
Лицензии «по масштабу»: сколько человек будут юзать шрифт.
Эксклюзивная лицензия. Обычно эксклюзивные шрифты выкупаются только для супер крупных проектов, где важно чтобы ни у кого больше таких букв не было. Например, Coca-Cola имеет эксклюзивную лицензию на свой шрифт.
Свободные лицензии (они же бесплатные). Вот эти ребята то тебе и нужны на первых этапах работы в дизайне. Но будь очень внимателен, они тоже отличаются:
Они делятся на несколько видов
Лицензии «по случаю»: зависят от того, где ты хочешь использовать шрифт. В их числе:
- Desktop (для ПК)**: Можно использовать в фотошопе, фигме, ворде. Пример: Сделал постер для концерта — ок. Запустил тот же шрифт на сайте — уже нарушение.
- Web (для сайтов)**: Подключил через CSS — молодец. Но если захотел напечатать футболки с этим шрифтом — нужна другая лицензия. Ловушка: Иногда лимит по трафику (например, до 500к посещений в месяц). Больше? Плати extra.
- App/Game (для приложений и игр)**: Шрифт встроен в код. Цена зависит от числа скачиваний: 10к — дёшево, 10 млн — готовь кошелёк.
Лицензии «по масштабу»: сколько человек будут юзать шрифт.
- Single User: Только ты и твой компьютер. Коллегам — нельзя.
- Multi-User: Для команд.
- Enterprise (корпоративная): Весь офис, филиалы, уборщица Мария — все могут использовать. Стоит такая лицензия как чугунный мост.
Эксклюзивная лицензия. Обычно эксклюзивные шрифты выкупаются только для супер крупных проектов, где важно чтобы ни у кого больше таких букв не было. Например, Coca-Cola имеет эксклюзивную лицензию на свой шрифт.
Свободные лицензии (они же бесплатные). Вот эти ребята то тебе и нужны на первых этапах работы в дизайне. Но будь очень внимателен, они тоже отличаются:
- Open Source (SIL OFL) — шрифт под такой лицензией можно свободно использовать и видоизменять (но нельзя сохранять измененный шрифт под исходным именем). Нельзя только перепродавать этот шрифт как продукт.
- Education (для учёбы): Бесплатно для студентов и преподавателей. Нельзя использовать в коммерческих проектах, а вот для выполнения заданий в нашей игре — пожалуйста.
- Non-profit: бесплатно для некоммерческих организаций, но если НКО начинает что-то продавать — лицензию купить придется.
- А еще ты можешь наткнуться на просторах интернета (например, на Behance или в ТГ каналах) на шрифты от начинающих дизайнеров. Они обычно бесплатны, но стоит написать напрямую автору, возможно он попросит отметить его в проекте.
