Как сочетать шрифты, не сочетая шрифты

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

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



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

Фрагмент вебинара — 23: картинка решает всё

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

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

Фрагмент вебинара — 22: от размазанности спасает группировка

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

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

Ссылки — 49

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

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

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

Невнятность графического высказывания

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




Collapse )

Выключка по правому краю

Это завершающая статья про выключку. Поговорим о правом флаге — самом редком и самом спорном виде выравнивания.

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

Зачем же тогда ее используют? Как ни странно, но чаще всего абсолютно низачем, просто потому что есть такая кнопка в редакторе. Случаев, когда правая выключка бывает уместна, не так уж много. Давайте разберемся, для каких целей она подходит, а для каких не очень. У меня получилось четыре пункта.

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

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

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




Collapse )