Шрифтовики онлайн: Генератор шрифтовых сочетаний — Оди. О дизайне

Как стать шрифтовым дизайнером — Онлайн-школа Bang Bang Education

Дизайн шрифта — это специализация графического дизайна. Суть работы — скрупулезное проектирование знаков алфавита, которые в совокупности имеют определенный характер и подходят для решения конкретных задач и конкретных носителей. Эскизы делаются как от руки и затем оцифровываются, так и сразу с помощью графического редактора.

Что нужно, чтобы стать шрифтовым дизайнером

Любить буквы, изучать, развивать и совершенствовать их пластику, понимать, как взаимодействуют формы. Знать историю шрифтов и разбираться, какой шрифт для какой среды и задачи нужен. Постепенно формировать собственную коллекцию шрифтов с примерами того, как они могут быть использованы и используются в реальных проектах. Шрифтовой дизайнер может быть исследователем, который анализирует, развивает и популяризирует определенный подход и область знания. Может изготавливать шрифты и выставлять их на продажу в открытый доступ или, будучи графическим дизайнером, создавать шрифты для проектов, над которыми работает. Нередко шрифтовые дизайнеры также работают в качестве типографов и верстальщиков.

Образовательные программы

Что еще важно для этой профессии

• усидчивость и внимательность;
• насмотренность и умение анализировать самые «незначительные» особенности знаков и шрифтов;
• понимание эволюции шрифтов и актуальных тенденций;
• понимание контекста, в котором существует проектируемый шрифт;
• любовь к буквам, знание их анатомии, понимание границ возможных экспериментов с ними и чувство пластики;
• понимание того, как взаимодействуют шрифтовые знаки;
• владение инструментами — векторными редакторами, например Adobe Illustrator;
• знание классификаций и типов шрифтов по стилю и назначению.

Дополнительные знания

Полезные материалы

1. Посмотреть

Вебинар о том, что такое леттеринг и как он создается.
→ bangbangeducation. ru/webinars/howtocreateletters

Вебинар о возможностях типографики и принципах работы со шрифтами в программе Indesign.
→ bangbangeducation.ru/webinars/typecombination

Вебинар о том, где дизайнерам найти ответы на все вопросы, связанные со шрифтами.
→ bangbangeducation.ru/webinars/paratype-education

Беседа с арт-директором Paratype Александрой Корольковой — ​​об обязательных качествах шрифтового дизайнера, иероглифах, хинди и преимуществах кириллицы.
→ point.bangbangeducation.ru/talks/perseverance_and_memory

Беседа с шрифтовым дизайнером Геннадием Фридманом — о рукописных шрифтах по почерку Пушкина и черновике «Декларации независимости».
→ point.bangbangeducation.ru/talks/more-than-business

Беседа с дизайнером и арт-директором Shandesign Денисом Машаровым — о русском плакате и разнице между лектором и преподавателем.
→ point.bangbangeducation.ru/talks/for_composition

2. Почитать

Статья о том, где брать бесплатные шрифты.
→ point.bangbangeducation.ru/columns/besplatnye-shrifty

Статья об универсальных платных и бесплатных кириллических шрифтах.
→ point.bangbangeducation.ru/columns/cyrillic-fonts

3. Попробовать

Бесплатный курс Дениса Машарова «О шрифте».
→ bangbangeducation.ru/course/denis-masharov

Герои

Пауль Реннер, Эрик Шпикерманн, Юрий Гордон, Адриан Фрутингер, Ян Чихольд, Макс Мидингер, Валерий Голыженков, Ондрей Бачор (Ondřej Báchor), Шарлот Роде (Charlotte Rohde), Бенуа Бодуэн (Benoît Bodhuin), Флорен Русло (Floriane Rousselot), Александра Королькова, Йоханнес Брайер, Фабиан Харб, Вячеслав Кириленко.

Компании, где можно применить свои силы и вырасти

1. Letterhead Studio
2. Contrast Foundry
3. Paratype
4. Издательство и журнал «Шрифт»
5. Type.today

Шрифтовые пары – как подобрать шрифт, обзоры сервисов

Шрифтовые пары – это пары шрифтов, которые дизайнеры используют в своей работе. Неважно, идет речь о сайте или визитке – шрифтовым дизайнером подбирается такая пара, которая будет выглядеть наиболее гармонично. Но в этой формулировке возникает множество вопросов: почему именно два шрифта? к подбору шрифтов обязательно нужно привлекать специального дизайнера? что такое «гармонично»? где эти пары брать? На все эти вопросы мы ответим ниже.

Шрифтовая пара – это что

Зачем нужны шрифтовые пары

Правила комбинирования

Примеры комбинаций

Обзор сервисов для подбора шрифтов

Подведем итоги

Шрифтовая пара – это что

Начнем с теории. Шрифт – это конкретный способ отображения букв. Шрифты категоризируются десятками различных способов, но мы выделим два «житейских»: красивый, но сложно читать; попроще выглядит, легко читать.

Конечно, существуют некрасивые и сложночитаемые шрифты, но они нас не интересуют вовсе; красивые и легкочитаемые шрифты же в природе встречаются крайне редко. 

Кроме шрифтов, из теории нас еще внезапно интересует нейробиология, которая прямо говорит, что на картинке люди проще всего различают что-то выделяющееся – на этапе зарождения человечества это помогало нам различить желтого льва в зеленых кустах, а теперь помогает различить красное «СКИДКА 50%» на белом фоне. Если сложить два этих кусочка теории, то придем к ряду выводов:

• Если писать весь текст одним шрифтом, то глазу будет нечего выделить в общей массе текста.
• Если использовать слишком много шрифтов, то глазу тоже будет нечего выделить в тексте – не будет контраста.
• Чтобы привлечь внимание, нужно создать этот самый контраст.

Так мы приходим к подбору шрифтовых пар – двум шрифтам на одной странице/буклете/визитке/…, которые контрастируют друг с другом, работают в синергии и имеют свои строго определенные особенности. Контраст здесь заключается в том, что у шрифтовых сочетаний один шрифт явно выделяется на фоне другого; синергия заключается в том, что более выделяющийся шрифт цепляет внимание и заставляет человека прочитать основной текст, написанный менее выделяющимся шрифтом.

Осталось обсудить особенности шрифтов, и для этого нам снова нужна теория – нужно понять, почему один шрифт читать проще, чем другой. Ответ на вопрос лежит, как ни странно, в школьном обучении. Еще в глубоком детстве мы знакомимся со «стандартным» шрифтом, который становится для нас основным:

Все последующие шрифты, которые мы встретим в жизни, мы сравниваем с «основным», и чем они ближе – тем проще нам читать текст. Поэтому шрифты с засечками, например, нам проще читать – в школе такие шрифты не применяются.

Если бы они применялись – мы бы считали легкими для восприятия шрифты с засечками.

Поэтому и нужно подбирать шрифтовые пары так, чтобы один из шрифтов был непривычным для глаза (то есть выделяющимся), а второй был наиболее похожим на привычный нам – это создает естественный контраст, который сначала привлекает внимание читателя, а затем дает ему развернутую информацию в привычном оформлении. Естественно, привлечение внимания достигается не только за счет шрифта – есть цвет, размер и так далее – но комбинациями шрифтовых пар закладывается та основа, на которой все это и работает.

Зачем нужны шрифтовые пары

Основная задача шрифтовых пар – привлечь внимание, после чего дать развернутую информацию о чем-либо. Чаще всего речь идет о торговых предложениях, но даже если речь идет об информационном сайте – шрифтовыми парами нужно пользоваться, поскольку вам нужно зацепить внимание пользователя и заставить его прочитать лид, без таких манипуляций даже хороший инфоконтент не выживет.

К выбору шрифтовой пары нужно подходить ответственно.

Правила комбинирования

Проблема шрифтовых пар заключается в том, что нельзя просто взять два разных шрифта и соединить их в пару – вы можете нарушить композицию, и два отдельно красивых шрифта могут сформировать некрасивую комбинацию. К подбору пары в целом применяется принцип гармоничных сочетаний: они должны быть родственны, но при этом иметь несколько существенных различий. По каким вообще критериям нужно подбирать пары:

• Засечки. Этот элемент часто составляет ту самую разницу между шрифтами в паре.
• Декоративные элементы. Узоры, росчерки и другие необязательные элементы. Сильно привлекают внимание, сильно затрудняют чтение.
• Толщина/курсив. Самый простой способ дифференциации шрифтов, в некоторых случаях достаточно взять один и тот же шрифт, но в двух вариациях: обычный и толстый/курсивный.
• Пропорции. Высота, ширина. Желательно, чтобы выделяющийся шрифт в целом был больше «основного».
• Апертура. То, насколько знаки открыты. Здесь можно поэкспериментировать.
  
  
• Контрастность. То, насколько хорошо буквы различимы. Чем больше округлости – чем меньше контрастности. Лучше выбирать шрифты с высокой контрастностью, с низкой контрастностью стоит экспериментировать очень осторожно.
• Форма букв. Здесь – полная свобода выбора, для каждой буквы придумали сотни тысяч форм.

Если вы не совсем уверены в том, правильно ли составлена шрифтовая пара, пользуйтесь правилом «до 50% различий»: минимум 4 из 7 признаков у шрифтов должны быть одинаковыми. Например, у двух шрифтов одинаковые: контрастность, пропорции, апертура, форма букв. При этом различаются: засечки, декоративные элементы, курсив.

Не обязательно придерживаться этого правила, если вы твердо уверены в том, что делаете – иногда можно найти идеальную комбинацию из двух диаметрально противоположных шрифтов.

Примеры комбинаций

10 хороших шрифтовых пар:

1. Source Sans Pro & Times New Roman.
   
   
2. Raleway & Merriweather.
   
   
3. PT Sans & PT Serif.
   
   
4. Playfair Display & Raleway Thin.
   
   
5. Oswald & Old Standard TT.
   
   
6. Oswald & Montserrat Extra Light.
   
   
7. Open Sans & Source Sans.
   
   
8. Noir Pro & Playfair Display.
   
   
9. Nexa Bold & Crimson Pro.
   
   
10. Neue Helvetica & EB Garamond Medium.
    
    

Обзор сервисов для подбора шрифтов

Adobe Fonts

Большой сборник шрифтов, которым пользуются многие дизайны сайтов. Из минусов – проблематично подобрать пару, если у вас есть один конкретный шрифт. Из плюсов – есть два раздела, из которых можно смело брать любую шрифтовую пару и сразу же использовать. Первый раздел – это «Рекомендации», в котором собраны примеры идеальных сочетаний шрифтов. Увы, кроме хороших шрифтовых пар в этом разделе находятся еще и одиночных шрифты, то есть вам придется долго и упорно искать то, что вам нужно. Поиска тоже нет.

Второй раздел – «Наборы шрифтов». Здесь собраны коллекции, которые могут включать в себя десятки шрифтов. Подобрать пару можно прямо внутри одного семейства.

Чем хорош: если у вас есть подписка на продукты компании, шрифты будут для вас бесплатными. 

FontsInUse

Огромная база шрифтов, которые кто-то где-то использовал. Все шрифты сразу показаны в деле, на реальных примерах. Увы, генератора пар нет – идеальную пару вам придется подбирать самостоятельно. Есть очень мощный фильтр, по которому можно найти практически любой шрифт по своим запросам. Сама база шрифтов – огромнейшая, можно найти как абсолютно уникальный шрифт, так и шрифт, который будет хорошо выглядеть при любом дизайне.

Чем хорош: работа всех пар видна на примере.

TypeSpiration

Проект, который подбирает бесплатные удачные сочетания шрифтов. Хорошую комбинацию можно найти в том числе по фильтру: указываете лидирующий понравившийся шрифт, и сайт подбирает к нему хорошую пару «обычного» шрифта (или наоборот). Кроме того, вам предлагают выбрать цвета шрифтов – то есть вы прямо на этом сайте можете подобрать основные параметры для создания дизайна сайта или печатной продукции.

Еще из приятного – на главной странице сайта вы можете указать свою почту, и вам на нее пришлют PDFку с 25-ю готовыми вариантами красивых шрифтовых пар (с удачными цветами). Если у вас нет особого желания самостоятельно мучаться с хорошим вариантом – можете взять готовый отсюда.

Чем хорош: поиск по ключам; выбор цвета текста; можно найти пару любому шрифту из базы.

FontPair

Большой сборник различных шрифтовых пар. В шрифтовых композиция указаны плюсы и минусы каждой пары. Примечательно, что все пары здесь – бесплатные, взятые из реестра шрифтов Гугла.

Сайт – интерактивный, вы можете изменить любой текст в окошке пары, чтобы посмотреть, как будет выглядеть результат.

Чем хорош: все шрифты – бесплатные.

MixFont

Случайный генератор шрифтовых пар. Нажимаете на кнопку в центре экрана – сайт автоматически генерирует вам веб-страничку, на которой используются два случайных шрифта. Страничка – довольно подробная, то есть вы увидите применение этих шрифтов в разных ситуациях. Если не понравилась – нажмите на «Swap», и сайт выдаст вам новую пару.

У этого генератора есть как свои плюсы, так и свои минусы. Основной плюс заключается в том, что вы можете абсолютно случайно подобрать отличную пару из необычных и редких шрифтов. Минус заключается в том, что в генераторе рандома нет какой-то систематики, и нередко вам будут выдаваться откровенно плохие пары, поэтому придется поперебирать.

Чем хорош: можно наткнуться на уникальное сочетание.

FAQ

За шрифты надо платить?

Не за все. Есть шрифты бесплатные, есть – платные. Бесплатные обычно распространяются крупными вендорами, вроде Гугла, платные же распространяются дизайнерами-одиночками и небольшими компаниями. Обычно на любом сайте, где можно получить шрифт, прописаны условия использования и цена, если шрифт – платный.

Что делать, если у шрифта нет кириллицы?

Грустно вздохнуть и идти дальше. По сути своей шрифт – это набор картинок, и эти картинки подставляются на место числового значения букв в нужных местах. То есть в шрифте каждая отдельная буква нарисована дизайнером, и если дизайнер не нарисовал кириллические буквы – значит, их нет (и, вероятно, не будет). Поищите какую-нибудь замену или попробуйте составить другую шрифтовую пару.

Подведем итоги

Тезисно:

• Шрифтовая пара – это пара из двух шрифтов, которая используется для предоставления контента.
• Идея шрифтовой пары – в том, что есть «завлекающий» и «основной» шрифты, завлекающий шрифт используется для заголовков, основной – для предоставления основного контента.
• Завлекающий шрифт должен быть необычным – тогда за него с большей вероятностью зацепится глаз. Основной шрифт должен быть наиболее удобным и привычным, чтобы читатель не устал читать.
• Шрифтовые пары подбираются по определенным критериям. Общее правило: у двух шрифтов должно быть более 50% общего, но при этом должно быть несколько явных различий.
• Существуют сервисы для генерации шрифтовых пар. Сами сервисы – бесплатные, часть сервисов составляет пары исключительно из бесплатных шрифтов. Если вы не чувствуете уверенности в подборе пар – доверьтесь этим сервисам.

Высококачественные шрифты и индивидуальный дизайн шрифтов

PreviousNext

Custom Type

TypeTogether разрабатывает индивидуальные проекты шрифтов на прочной основе. Наши проекты основаны на кратком, целенаправленном исследовании клиента и тесном сотрудничестве со всеми заинтересованными сторонами. Мы поможем вам выделиться из толпы. Свяжитесь с нами, чтобы обсудить ваши потребности.

ПОСМОТРЕТЬ ПРОЕКТЫ

Выбор из нашего каталога шрифтов



Bree Arabic

Энергичный и ритмичный почерк, идеально подходящий для демонстрации и дружественных абзацев.

Изучение арабского языка Bree

Стили

7 начертаний от тонкого до сверхжирного

Шрифт и язык

Поддержка арабского, дари, фарси, кабильского, таджикского и латинского шрифтов для более чем 100 языков.

Рекомендуемое использование

Брендинг, упаковка, игры, заголовки и многое другое

Особенности

Стандартные лигатуры, 4 набора цифр (цифры в старом стиле, цифры на подкладке, пропорциональные цифры, табличные цифры), нулевая косая черта, верхний индекс, низшие , числители, знаменатели, дроби, альтернативные дроби, порядковые числа, локализованные формы, историческая форма



Adelle Sans Arabic

По своей природе органичный арабский гротеск, который является гибким и представительным во всех текстовых средах.

Explore Adelle Sans Arabic

Начертания

8 начертаний, от ультратонких до тяжелых

Шрифт и язык

Охватывает арабский, фарси и около 100 языков, использующих латиницу

Рекомендуемое использование

9000 шрифтов хороши в брендинге, цифровых интерфейсах и редакционном дизайне.



АванЗаман

Двойной шрифт без начертания, начатый геометрическим арабским языком, искусно и гармонично перенесенный в латиницу.

Explore AwanZaman

Стили

Семь стилей от тонкого до тяжелого

Шрифт и язык

Поддержка латиницы для более чем 100 языков и арабского, включая арабский. Урду и персидский

Рекомендуемое использование

Редакционный дизайн, брендинг и навигация в печатном и цифровом виде.

Особенности

2 набора рисунков, контекстные варианты и множество стилистических вариантов, особенно на арабском языке.



Athelas Arabic

Изысканный компаньон семейства Athelas, идеально сочетающийся с изящными эстетическими качествами арабского языка.

Изучение арабского языка Athelas

Стили

Четыре стиля

Шрифт и язык

Включает латинский и арабский языки, урду, персидский0003

Тестируйте наши шрифты бесплатно

Наша программа TypeTogether Premier облегчает творческим людям доступ и тестирование любых шрифтов из нашей библиотеки с пробными лицензиями в один клик . Здесь вы найдете более 70 высококачественных отмеченных наградами семейств шрифтов и поддержку 12 уникальных систем письма, готовых к загрузке.

ЗАРЕГИСТРИРОВАТЬСЯ

О нас

TypeTogether — это независимый разработчик шрифтов, стремящийся к совершенству в шрифтовом дизайне с упором на использование в редакционных целях. Кроме того, TypeTogether создает индивидуальный шрифт для корпоративного использования. Мы приглашаем вас просмотреть нашу библиотеку розничных шрифтов или связаться с нами, чтобы обсудить проекты дизайна нестандартных шрифтов.

TypeEd

Для индивидуальных дизайнеров

Узнайте, как люди читают и применяют эти принципы в своей работе, используя методы, практикуемые с самого начала типографской истории.

Индивидуальное обучение

Для проектных отделов и групп

Повысьте эффективность и улучшите процессы с помощью программы или системы проектирования, разработанной для экономии времени, бюджетов проектов и головной боли.

Тренировка команды

Компании, которые доверяют нам обучение своих команд

Предстоящие очные занятия

Периодические занятия и семинары, проводимые в Сан-Франциско, Лос-Анджелесе и по всей стране в сотрудничестве с отделениями AIGA, возобновятся. Пожалуйста, вернитесь сюда осенью, на нашу страницу в Facebook или оставьте свой адрес электронной почты в виджете чата ниже, чтобы получать уведомления об обновлениях календаря.

Самостоятельные онлайн-классы

Тип 1: Основы символов и слов

Тип 2: Необходимость предложений и абзацев

Сосредоточьтесь на дизайне для читателей

Практикуйте типографский метод, основанный на науке о чтении, который говорит с читателями, упрощает сообщения и передает целостность бренда.

мышление на всю жизнь

Приобретите мышление и навыки, которым не учат в колледже или на работе, чтобы повысить свою ценность для работодателей, клиентов и коллег.

превращение дизайнеров в директоров

Наша семья выпускников, состоящая из более чем 650 энтузиастов-дизайнеров, постоянно оттачивает свое обучение типографике благодаря нашим ежемесячным звонкам вопросов и ответов и поддержке.

Что говорят наши студенты (узнать больше отзывов)

Майкл превращает типографику в управляемый и запоминающийся опыт. Его инструкции оказали сильное влияние на разработку портфолио, которое привело меня к поступлению в Art Center College of Design».

— Джена Мён, графический дизайнер и выпускник колледжа дизайна Art Center

. После TypeEd наш процесс стал намного эффективнее. Награды, которые мы получили благодаря таким организациям, как CASE и UCDA, помогли поднять репутацию нашего университета».

— Кэндис Селник, графический дизайнер, Университет Ла-Верн,

. Менее чем через три месяца после присоединения мой внештатный бизнес набирает обороты! Хотя изучение тонкостей бизнеса было безумием, приятно осознавать, что я могу обратиться за поддержкой к команде TypeEd».

— Мишель Гарсия, графический дизайнер и владелец MeeshWorks

Мы обучаем графических дизайнеров важности удобочитаемости для успеха графических коммуникаций.