Блог Игоря Штанга

Меня часто просят рассказать про сочетания шрифтов, а я никогда не хотел этого делать. И вот почему:

1. На эту тему написано много статей, но они не помогают. Обычно там говорится, что между шрифтами должно быть что-то общее. Например: автор, исторический период, пропорции знаков, стиль или настроение (?). Всё это хорошо в теории, но на практике от таких советов мало толку: общим может быть вообще что угодно. Я всегда подбирал шрифты на глаз, а потом уже притягивал какое-нибудь «рациональное» объяснение.

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

3. Сочетания — дело субъективное. Те, которые нравятся мне, запросто не понравятся кому-то другому.

Поэтому я решил рассказать, как не сочетать шрифты и делать при этом хорошие макеты. Получилось четыре способа.

1. Один шрифт

Начнем с самого простого, когда сочетать действительно ничего не нужно. Один проект — один шрифт. На этом принципе стоит швейцарская школа дизайна. В книге Gestaltungsprobleme des Grafikers (1961) Мюллер-Брокманн сформулировал свои правила типографики, и первое из них звучит так:

Nicht verschiedene Schriftfamilien miteinander kombinieren.
Не сочетайте разные гарнитуры.

Хороший пример — олимпиада 1972 года в Мюнхене. Все макеты, которые я видел, набраны одним шрифтом Univers в двух начертания — светлом и полужирном (редко). Только подумайте: два начертания для целой олимпиады со всеми ее плакатами, буклетами, расписаниями, картами и т. д.



( Collapse )

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

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

Формат текстовый — 14 длинных глав. 10 из них полностью готовы, остальные 4 еще доделываем. На курс уже можно подписаться, есть вариант с практикой и без.

Что интересного внутри:

Переверстки

В курсе много примеров и в частности переверсток: уже 32 штуки, потом будет больше. Объясняем, что не так, и показываем, как исправить:

Подсветка

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

Практика

Практика — это тоже переверстка. Вы отправляете выполненное задание нам на почту, а мы в ответ отправляем свой вариант и комментируем ваш. Делать практику можно в любой программе: хоть в Фотошопе, хоть в Экселе.

Сейчас заданий четыре, позже добавим еще два вместе с новыми главами. Вот задание на тему «Шапка»:

Открытая глава

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

В прошлые выходные провел закрытый курс в Екатеринбурге для дизайнеров «СКБ Контура». Программа такая же, как и на обычной «Типографике и верстке», только в последний день вместо финального задания мы разбираем рабочие макеты участников.
⠀
Курс длится 4 дня, пятница—понедельник, с 11 до 19 часов. Группа от 8 до 18 человек. Стоимость 29 000 руб. за одного участника.
⠀
Если вы хотите провести курс в своей компании, напишите мне на почту: conversive@mail.ru

На мастер-классе я рассказываю о текстоориентированном подходе к дизайну. Что это такое, читайте в статье «Как мы собираем макеты по алгоритму верстки».

В программе пять тем, столько же заданий и вебинаров: 1) алгоритм верстки, 2) акциденция, 3) списки и таблицы, 4) иллюстрации, 5) дизайн шаблонов. Чтобы выполнять задания, достаточно владеть любым графическим редактором на базовом уровне.

Начало 29 ноября. Присоединяйтесь: vk.com/pereverstka_online



(Афиши делает робот.)

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

Следующая «Большая переверстка» пройдет с 29 ноября по 18 декабря: vk.com/pereverstka_online

Переделываю рекламный банер и рассказываю, как собрать аккуратную текстовую колонку.

Следующая «Большая переверстка» пройдет с 29 ноября по 18 декабря: vk.com/pereverstka_online

Почитать
Людвиг Быстроновский о том, как делать дизайн без стресса.
Елизавета Черникова о фотостиле бренда: раз и два.
Халмош — символ конца доказательства и, возможно, отец журнальных концовок.

Посмотреть
Визуальные артефакты Ижевска. Классно было бы сделать такое для Челябинска.
Каталоги Икеи с 1950 года по сегодняшний день. Поразглядывал настоящий мидсенчури модерн, 1960—1970.
Австралийский дизайнер Крис Эндрю Смол очень крут.

Установить
Нейроджи — динамические стикеры от Ивана Дианова.

На «Большой переверстке» есть задание, в котором нужно с помощью композиции выразить главную идею макета. Мы переделываем такой банер:




( Collapse )

Следующая «Большая переверстка» пройдет с 27 сентября по 16 октября. Присоединяйтесь: vk.com/pereverstka_online

1. Выровнять правый край макета

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

Здесь верхний текст нужно выключить по левому краю и на этом успокоиться:




( Collapse )