Блог Игоря Штанга

В эфире рубрика ???. Павел Ореховский спрашивает:

Не дает покоя переверстка с рецептом. Я понял про этажность и модульную схему. Но клиенту будет 90% наплевать, и он увидит просто дыру. Как заставить клиента не бояться больших интервалов?

( Collapse )

Собрал афиши «Большой переверстки» вместе. Не все получились идеально, но некоторые мне прям нравятся: с мясорубкой, венчиком, вентилятором и гаечным ключом. Здесь рассказ о том, как это создавалось.

Если занимаетесь чем-то подобным, посмотрите мой доклад «Дизайн серии».

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

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

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

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

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

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

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

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

( Collapse )

Что нового

Курс стал длиннее, вместо трех дней — четыре. Добавились новые блоки и практические задания, а именно:

Дизайн шаблонов и верстка динамического текста
Расскажу о том, как проектировать жизнеспособные шаблоны, которые не разваливаются при смене материала. Тема особенно актуальна для периодики и веба.

Верстка иллюстраций
Раньше программа была сильно заточена на работу с текстом, теперь целый день отведен иллюстрациям. Новое: Сборка макета с иллюстрациями, Текст на изображении, Техническое задание иллюстратору, Картинку ничем не победить, Иконки.

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

И всего понемногу
Расширил темы: Современная классика, Принцип модульности, Верстка списков, Верстка таблиц. Добавил свежие примеры и подробности.

Ответы на вопросы

— Стоит ли идти на обновленный курс тем, кто ходил раньше?
— Да — если вы были на двухдневном курсе, за это время всё сильно поменялось. Нет — если были на трехдневном.

— Стоит ли идти на курс участникам мастер-класса «Большая переверстка»?
— Да. Программа у мероприятий разная, и на курсе много теории.

Подробности и запись: vk.com/typeschool_msk

Еще один интересный опрос из Вконтакте. С одной стороны — привычный порядок чтения сверху вниз. С другой — привычный порядок расположения этажей снизу вверх. Кто победит в этой схватке? 

Проводил Вконтакте такой опрос. Не буду ничего комментировать, просто оставлю это здесь:

Задание

Участники переверстывали три макета:

1. Режим работы «Ренессанс-Страхования»


2. Дореволюционную таблицу «Стоимость наборных касс»


3. Интернет-банер «Икеи»

Описание заданий, условия конкурса и все работы по ссылке.

( Collapse )

Выступил на дизайн-митапе Авито в Москве.

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

Тайминг
06:50 — Курсив
08:37 — Прописные и капитель

13:08 — Лигатуры

14:57 — Альтернативные символы
17:20 — Цифры

20:50 — Разрядка

22:40 — Буквицы

23:39 — Переносы
25:10 — Оборки
27:20 — Интеграция текста и картинок
29:32 — Дисциплина
36:36 — Литература и ссылки по теме

На видео трансляция целиком, мой доклад начинается с 5:50. Смотреть лучше на скорости 1,25 или 1,5.

Последняя в этом сезоне «Большая переверстка» пройдет в Новосибирске, в офисе 2ГИС, на 22-м этаже: vk.com/typeschool_nsk

В эфире «Перевёрсточки», дизайнерский конкурс с призами.

Задание

Переверстайте три макета. Переверстать — значит найти принципиальное улучшение, после которого макет станет удобнее и красивее. Постарайтесь потратить на каждую картинку не более часа.

( Collapse )