Игорь Штанг (nobelfaik) wrote,
Игорь Штанг
nobelfaik

Category:

Переверстка №2. Плакат лекции Людвига Быстроновского в Уфе

Глеб пишет: Это плакат лекции Людвига Быстроновского в Уфе.




Девизом сегодняшней переверстки станут слова Огастеса Пьюджина: It is all right to decorate construction but never construct decoration. На плакате недостатки конструкции скрыты декоративными элементами: линейками и цветными кружками.

Чем же плоха эта конструкция:
1. Отсутствует единый композиционный центр. Верхняя текстовая группа спорит за право первенства с группой цветных кружков. По массе они примерно одинаковые.

2. Нет четкого принципа позиционирования элементов ни по вертикали, ни по горизонтали. Блок «Уфа, 28 июня 2015…» висит в воздухе:




3. Нарушен порядок чтения:




На курсе я рассказываю о шести приемах работы с текстом. Вот они:
1. Набрать крупно.
2. Разбить на колонки.
3. Подать мелкими порциями.
4. Активизировать фон.
5. Превратить в паттерн.
6. Выйти в третье измерение.

Сегодня остановлюсь на двух из них: «подать мелкими порциями» и «активизировать фон».

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




На плакате нет насколько похожих по структуре кусочков, но их можно сделать:




Собираю всё вместе:




Усиливаю конструкцию линейками (именно усиливаю, а не создаю конструкцию из линеек). Тот, кто внимательно следил, заметил, что еще на предыдущей картинке я активизировал фон, то есть четко разделил запечатанную и незапечатанную области, освободив большое количество пустого пространства.




Если есть красивая иллюстрация, переверстку можно считать законченной:




Попробуем с портретом:




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




Еще меньше модульности!




Предыдущий вариант неплох, но в нем та же проблема, что и на исходном плакате: неочевидно первенство иллюстрации над текстовым блоком, ей не хватает массы.




Возвращаю цвета и переписываю заголовок:




Было и стало:




Апдейт: Константин Уланов переверстал плакат по-своему.

Присылайте ваши макеты на переверстку. Описание и правила рубрики
Tags: афиша, верстка, знаю как, линейка, переверстка, процесс, типографика
Subscribe

Posts from This Journal “переверстка” Tag

  • Переверстка №31. Подписка на Cover Commander

    Nail пишет: Посмотрел ваше видео про стирание линеек, полез на ваш сайт и заинтересовался рубрикой «Переверстка». Специального…

  • Мастер-класс по стиранию линеек

    Переверстываю пять макетов в режиме реального времени. 0:01:18 — Вступление 0:03:40 — Таблица «Допустимое рабочее…

  • Переверстка страницы FAQ

    Дизайнер Дженсон Камби рассказал о переделке сайта The New Yorker Festival и в частности о том, как поменялась страница FAQ. Было и стало:…

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 7 comments