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

Для подбора шрифтов тоже необходимо знать некоторые термины и определения. Найдите на плакате слева следующие элементы:

засечки
внутрибуквенный просвет
линию шрифта
верхние и нижние выносные элементы
основной штрих буквы
овал и его ось
В среде дизайнеров существуют списки "плохих" шрифтов. К ним относятся в первую очередь слишком часто используемые гарнитуры: Comic Sans, Lobster, Arial. Во-вторых, к ним относят шрифты с ошибками дизайна: некачественно прорисованные контуры букв, некрасивые и нечитаемые сочетания (на английском тестируется написанием слова Ill, на русском можно проверить межбуквенными просветами между ГТ и ФО). Наконец, плохо читающиеся из-за избытка декоративности шрифты.

Google Fonts
fonts.google.com

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

Группы с бесплатными шрифтами
vk.com/shrift
vk.com/design_telega

Многие группы в соцсетях собирают коллекции шрифтов. Гарнитуры могут быть недостаточно качественными, содержать не все необходимые символы. Внимательно проверяйте лицензию: прочитать о ней можно по ссылке или в файле внутри архива со шрифтами. Ищите варианты freeware или free for commercial use.


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

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

Напечатайте слово двумя разными шрифтами и сравните каркас букв. В первую очередь обратите внимание на "О": шрифты с круглыми "о" и с овальными "о" плохо сочетаются друг с другом. Также посмотрите на разницу между начертаниями А, Д и Б.
насыщенность и курсив

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

Расстояние между строками и символами - мощный инструмент выразительности. Используйте их только для создания художественных эффектов, но ни в коем случае не для того, чтобы разместить большой объём текста в меньшем пространстве.
Многие дизайнеры создают таблицы или сервисы для проверки сочетаемости шрифтов. Дело в том, что в работе дизайнера искать подходящие шрифты приходится постоянно. Нам же при создании учебных презентаций достаточно создать 2-3 любимых набора шрифтов. Предлагаю обратить внимание на сервисы, которые помогут при выборе шрифтовой тройки.
Комбинатор от Canva

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

Работает только с шрифтами, встроенными в сервис Canva, не все из них поддерживают кириллицу.



Генератор сочетаний шрифтов

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

кликните, чтобы перейти на страницу
Полезные книги

ДИЗАЙН ДЛЯ НЕДИЗАЙНЕРОВ

Робин Уильямс


Книга, без которой я не представляю своей работы. Принципы дизайна, основы типографики, множество примеров, контрольные задания для тех, кто хочет тут же применить знания на практике.
ПОСМОТРЕТЬ

русский язык, полиграфия, читается долго, настольная книга
COMBINING TYPEFACES

Tim Brown


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

ПОСМОТРЕТЬ


английский язык, компьютерный дизайн, читается быстро



ШРИФТ И ДИЗАЙН
Джеймс Крейг, Ирина Скала

Книга об истории шрифтов от появления до наших дней. Ценна своими прекрасными примерами того, как различные гарнитуры смотрятся в разных ситуациях. Рассказывает о таких важных вещах, как оформление абзацев и создание акцента.
ПОСМОТРЕТЬ

русский язык, примеры, читается долго, настольная книга
РЕДАКТИРУЕМ ДИЗАЙНОМ
Ян Уайт

Отличное пособие для людей, которые занимаются вёрсткой. Про сами шрифты рассказано мало, зато показано как создать у пользователя то или иной впечатление. К сожалению, примеры приводятся на газетной и журнальной вёрстке. Для горизонтально ориентированных слайдов много нужно адаптировать.
ПОСМОТРЕТЬ

русский язык, полиграфия, примеры, настольная книга


ПОВАРЕННАЯ КНИГА ГРАФИЧЕСКОГО ДИЗАЙНЕРА
Л. Корен, Р. Мекклер

Набор элементов для оформления, разделённый на удобные этапы: оформление границ страницы, нумерации, варианты буквиц, текстовые блоки, комбинирование иллюстраций. На пятой странице - отличная графическая инструкция по использованию книги.
ПОСМОТРЕТЬ

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

Скачать презентацию
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website