Category: образование

Расписание мастер-классов на осень

Этой осенью вместо курса проведу несколько «Больших переверсток». Даты ближайших мастер-классов уже известны, регистрация открыта (на страницах мероприятий). Если любите планировать заранее, велкам:

31 августа — 1 сентября в Красноярске: vk.com/typeschool_krsk
7–8 сентября в Питере: vk.com/typeschool_spb
28–29 сентября в Нижнем Новгороде: vk.com/typeschool_nn
5–6 октября в Казани: vk.com/typeschool_kazan
Апдейт: 2–3 ноября в Екатеринбурге: vk.com/typeschool_ekb



Для кого

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

Будет особенно интересно:
— дизайнерам и верстальщикам, которые боятся текста
— редакторам, которые боятся дизайна
— студентам творческих специальностей
— читателям рубрики «Переверстка»

Программа

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

Первый день
1. Лекция. Алгоритм верстки: как сделать дизайн из текста. Задача, аудитория, контекст. Структура материала. Конструкция макета. Стиль, работа с референсами.

2. Практика. Верстка плейн-текста по алгоритму верстки. Это большое задание на целый день. Мы делаем его поэтапно, с разбором промежуточных итераций. В итоге из голого текста в несколько абзацев получается слайд электронной презентации. Есть пример.

Второй день
3. Практика. Переверстка четырех микроформатов по алгоритму верстки. Микроформаты — небольшие макеты или части макетов, например, рекламные банеры или куски интерфейса. Для каждого микроформата нужно найти принципиальное улучшение. Эти упражнения быстрые, по 20 минут на макет.

4. Лекция. Верстка иллюстраций: как рассказать историю с помощью композиции. Формат и поля. Верх-низ, лево-право, центр-периферия. Масштаб, направление, выход за край.

5. Практика. Переверстка макета с иллюстрацией. Пробуем альтернативный способ верстки — не от текста, а от картинки, такое тоже бывает.

6. Практика live. Переверстка макета одного из участников. В конце дня я вместе с остальными участниками переверстаю макет, который никто из нас до этого не видел (включая меня). Задание можно делать в парах.

Отзывы

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


Стиль изложения и жесткий тайминг на выполнение заданий держат в тонусе и обеспечивают полную вовлеченность в процесс. <…> Сначала выполняешь задание, затем вместе с разбором работ получаешь порцию теории. Игорь конструктивно и деликатно комментирует работы, всегда дает дельные советы. Азартно, вдохновляюще и свежо — я бы так описала свои ощущения от мастер-класса.
— Анастасия Сычева, «Большая переверстка» в Челябинске


Однозначно рекомендую посетить мастер-класс тем, кто никогда не работал с текстом или не знает, как к нему подступиться. Вы научитесь анализировать информацию, структурировать ее и превращать в осмысленный, крепкий, интересный макет. После мастер-класса вы больше не сможете верстать тексты по-прежнему. <…> Более опытным дизайнерам и тем, кто уже был на курсе, будет интересно применить свои навыки в упражнениях по переверстке.
— Максим Розов, «Большая переверстка» в Челябинске

Мастер-класс «Большая переверстка» в Питере

Пришло время перезапустить «Большую переверстку». Это мастер-класс, который я придумал два года назад, провел в нескольких городах, а потом перестал проводить. Тогда я не смог определиться с аудиторией. Вроде и темы, и задания были хорошие, но одни больше подходили для новичков, а другие для опытных дизайнеров. Долго думал, в какую сторону лучше двинуть программу, и наконец решил: «Большая переверстка» будет для новичков.


Мастер-класс «Большая переверстка» в Питере

О чем

Главный вопрос, на который отвечает мастер-класс, — как сделать дизайн из текста. Главный инструмент — алгоритм верстки.

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

Как устроен

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

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

Для кого

Будет интересно:
— дизайнерам и верстальщикам, которые боятся текста,
— редакторам, которые боятся дизайна,
— студентам творческих специальностей,
— читателям рубрики «Переверстка».

Честно говоря, я не знаю, нужно ли идти на мастер-класс тем, кто был на курсе «Типографика и верстка». С одной стороны, МК не сложнее курса, навряд ли это будет левел-ап. С другой, материал новый и, даже если вы «всё уже знаете», можно потренироваться на новых примерах. Чтобы было легче решить, для студентов курса я сделал скидку :–)

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

Подробности и запись



См. также: Как я делал афишу «Большой переверстки»

Визитки Чихольда и Мюллера-Брокманна

Одно из заданий на курсе «Типографика и верстка» — переделка рекламного объявления викторианской эпохи в швейцарский плакат, об этом я уже рассказывал. Есть похожее задание, но переверстать нужно в обратную сторону, из модернизма в классику. Важное условие: классика должна быть не академической, а современной. Что считать современным, каждый студент решает сам.

Для переверстки берем настоящие визитки Яна Чихольда и Йозефа Мюллера-Брокманна:

Визитка Яна Чихольда

Визитка Йозефа Мюллера-Брокманна


У меня накопилось много интересных вариантов, самое время выложить их в ЖЖ. Если захотите покритиковать, учтите, что большинство визиток сделаны за 20–30 минут и после первого подхода не дорабатывались. В некоторых есть ошибки.

Collapse )

Ноги текста

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

Ноги — это колонки, расположенные на большом расстоянии друг от друга и прикрытые сверху каким-нибудь общим элементом, например, текстом, картинкой или линейкой. Не всегда понятно, откуда берутся такие конструкции, но выглядят они всегда странно:




Collapse )

Мастер-класс «Не размазывай» в Челябинске

22 февраля в Челябинске проведу мастер-класс «Не размазывай»:




Мастер-класс состоит из трех частей: лекции, практики и разбора — по часу на каждую.

  1. Тема лекции — работа с пустым пространством. Поговорим о полях, отступах, пробелах, пропорциях, ритме и контрасте. О том, как относиться к «воздуху» и как его организовать.

  2. На практике попробуем переверстать три небольших макета в экспресс-формате.

  3. В финале разберем и обсудим результаты.


Для практики понадобится ноутбук и любой графический редактор, например Фотошоп. Если ноутбука нет, можно прийти послушать лекцию.

Мастер-класс будет интересен «бумажным» и «экранным» дизайнерам, которые работают с текстом, макетируют и верстают.

Подробности и запись на странице мероприятия: vk.com/nerazmazyvai

Троечка ссылок — 28

1. Илья Бирман рассказал о верстке неформатированного текста.

2. Стас Аки задизайнил на Редимаге статью с динамической сеткой.

3. Максим Розов, студент самарского курса «Типографика и верстка», переверстал расписание поезда «Челябинск — Москва».

Сначала конструкция, потом сетка

Раньше я уже писал о принципе «Сначала конструкция, потом сетка», теперь объясню на примерах.

На курсе «Типографика и верстка» мы переделываем старое рекламное объявление (конец 19 — начало 20 веков) в швейцарский плакат. Смысл сообщения должен остаться прежним, а стилистика поменяться. Вот один из макетов для переверстки, реклама компании «Хайнц»:

Переверстка рекламы «Хайнц»

Collapse )

Логотип Школы шитья Юли Балль

Юля Балль открыла в Москве офлайновую школу шитья. Я сделал для школы логотип. Спасибо Сергею Рассказову и питерскому курсу шрифтового дизайна за помощь в работе над литерингом.

Логотип Школы шитья Юли Балль

Collapse )

Переверстка в жизни

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


Фото Константина Коврика


На основе переверстанной барной карты питерский кухня-бар «Молодость» сделал отличное меню:




Присылайте свои макеты на переверстку. Описание и правила рубрики.