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

Category was added automatically. Read all entries about "образование".

Как мы собираем макеты по алгоритму верстки

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

Ниже два примера с МК в Новосибирске.

1. Александр Гончаров

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

Бонусная программа

Сделали заказ в нашем Интернет-магазине? Поздравляем! Вы стали участником бонусной программы! Участие в программе ничего не требует от Вас и при желании вы сможете потратить накопленные баллы на следующую покупку в нашем Интернет-магазине. Для накопления баллов просто делайте заказы под одним и тем же аккаунтом при следующих покупках!

Каждый раз при совершении покупки Вы автоматически получаете 10% от стоимости товара бонусными баллами. Баллы, полученные после оплаты заказа станут активными через 14 дней и смогут быть использованы в следующих заказах. Мы с удовольствием напомним Вам об активации баллов на счету электронным письмом. Но, стоит помнить, что срок действия бонусных баллов ограничен и составляет 11 месяцев с момента их активации.

Один бонусный балл = Одному рублю РФ.
Вы сможете оплатить до 30% суммы заказа накопленными ранее бонусными баллами. Бонусами вы сможете оплатить любой товар из ассортимента Интернет-магазина, кроме: подарочных сертификатов, услуг доставки и ремонта. Использование бонусных баллов для оплаты покупки совмещается с любыми акциями на нашем сайте. В случае возврата товара, бонусные баллы будут возвращены на ваш бонусный счет.


Collapse )

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

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

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 )

Икс — это неизвестное

Кажется, в третьем классе мы начали решать простые уравнения. Учительница написала на доске пример: 2 + х = 5 — и сказала: «Икс — это неизвестное. Чему равен икс?».

Что, блять?! Что такое неизвестное? Как можно знать неизвестное, раз оно неизвестно? Почему именно x, а не другая буква? Мама объяснила, что вместо икса может быть игрек, но это только усугубило ситуацию.

В третьем классе я совсем не был готов ко встречи с абстрактным. Особенно с абстрактным неизвестным. Конечно, и цифры сами по себе абстрактны, но их хотя бы можно представить конкретно: пять — это, например, пять яблок. А икс — это что? Икс — это неизвестное ¯\_(ツ)_/¯

С идеей икса я свыкся только через два или три года. До этого времени уравнения за меня решала мама.

А какие у вас были непонятки в детстве?

Апдейт: Нашел объяснение, почему именно х.

Ноги текста

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

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




Collapse )

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

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




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

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

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

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


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

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

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

Шестой курс «Типографика и верстка» в Питере

Открыта запись на курс в Питере 6, 7, 8 января: http://vk.com/typeschool_spb По традиции площадка и партнер курса — Школа шрифтового дизайна Сергея Рассказова на ул. Уральской, 1.

Регистрация: https://goo.gl/forms/Msdkn82UMvtaVwin1

Курс «Типографика и верстка» в Питере

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

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

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

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