Игорь Штанг, Автор в Оди. О дизайне

Игорь Штанг

19 постов

Графический и информационный дизайнер, автор курса «Типографика и верстка».

Схемы верстки от NASA

Учимся собирать космические макеты.

8936

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

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

12969

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

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

6717

Стыковка линеек и плашек

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

6763

Наглядность в таблицах

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

7193

Швейцарские плакаты по-русски

Недавно я опубликовал заметку под названием «Кириллица и латиница». Главная мысль такая: несовершенство кириллического алфавита не мешает хорошим дизайнерам делать хороший дизайн. Проблема плохой вёрстки обычно не в шрифте, а в умении им пользоваться. Чтобы это проверить, мы с ребятами устроили эксперимент и русифицировали восемь плакатов швейцарской школы. К каждой перевёрстке я написал небольшой комментарий: […]

6310

Подружить текст с картинкой

Верстка в широком смысле — это составление целого из различных частей. Сложность в том, что элементы, которые на макете должны жить вместе, раньше ничего друг о друге не знали. Скорее всего они создавались в разное время и для разных целей, поэтому не совпадают по форме, цвету, стилю и т. д. Задача дизайнера — найти среди […]

15911

Когда можно опускать знаки препинания

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

14345

Что я думаю об этой вашей висячей пунктуации

На каждом курсе меня обязательно спрашивают, что я думаю о висячей пунктуации. Кто не знает, речь идет об одноименном параграфе в «Ководстве» Лебедева. Этот вопрос задают так часто, что я решил ответить на него всем сразу. Многие дизайнеры чувствуют, что с висячей пунктуацией не всё в порядке, но не могут понять, что именно. Давайте разберемся.

8938

История одной обложки

В 2011 году в американском издательстве Farrar, Straus and Giroux вышла книга Даниэля Канемана Thinking, Fast and Slow.

8608

Приводность верстки

В первоначальном значении приводность — это совпадение строк основного текста на лицевой и оборотной сторонах листа.

7851

Позиционирование элементов на плоскости

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

4458

Алгоритм верстки

Алгоритм верстки

Превращая текст в макет, придерживайтесь такой последовательности:

6604

Динамика полей

Если посмотреть на поля как на форму (а не как на воздух), откроются удивительные вещи.

3223

Верстка по форме

Верстать можно не только по сетке, но и по форме. Текст необязательно должен выстраиваться в модули и равняться по направляющим сетки. Сегодня — о трех способах избавиться от прямоугольника.

6478

Три способа закрыть прямоугольник

Прямоугольник — базовая фигура верстки. Тим Харроуэр в «Настольной книге газетного дизайнера» формулирует правило так: «Какой бы ни была форма текста (вертикальной, горизонтальной или квадратной), она всегда должна быть прямоугольной».

5586

Выключка по центру: примеры, ошибки, как сделать

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

10535

Выключка по левому краю: примеры, ошибки, как сделать

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

24383

Выключка по формату: примеры, ошибки, как сделать

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

34588

Проект Кирилла Олейниченко и команды. Авторство статей и дизайна указано в конкретных материалах. Дизайн сайта — Кирилл Олейниченко, Женя Власов. Айдентика — Саша Швецов. Разработка — Андрей Острин. Фирменный шрифт — Graphik, предоставленный великолепными type.today.

2012—сегодня