Пять сотен агитматериалов без армии дизайнеров за три недели

11 декабря 2017, 15:11

О кампании

Летом 2017-го работал в кампании по выдвижению демократов в муниципальные депутаты в Москве. Создали и поддерживали удобный сайт для кандидатов, который помогал политическим новичкам преодолеть страх перед бюрократией и вести свою кампанию по всем правилам. Штаб координировал порядка тысячи кандидатов. 266 из них стали депутатами. Подробнее в большом интервью Максима Каца на Виладже. Или у него в блоге.

Описание задачи

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

Конечно, кандидаты сами могли дизайнить себе агитки, но получалось не очень-то хорошо. «Лучшие» макеты вешали над моей головой:

Технологичное решение

Работало это так:

  1. Кандидаты в личном кабинете пишут контент и загружают фотки, глядя на превью макета.
  2. Кандидаты собирают деньги на печать. Это отдельная большая тема, её я касаться не буду.
  3. Корректор в админке правит тексты кандидатов.
  4. Когда есть весь контент, деньги на печать и выходные данные от типографии, бот в Телеграме говорит дизайнеру, что можно начинать делать макет.
  5. Дизайнер из специальной таблицы выгружает архив с фотками и XML-файлом.
  6. Импортирует в заготовленные шаблоны в Индизайне.
  7. Загружает макет в PDF в специальную папку на Гугл Драйве.
  8. Бот бегает по папке, ищет новые макеты и уведомляет об этом корректора. Корректор присылает правки в Телеграм дизайнерам.
  9. Дизайнер вносит правки, перезаливает макет на то же место.
  10. Корректор в админке ставит галочку, что все норм.
  11. Бот отправляет кандидату макет на утверждение.
  12. Кандидат ставит галочку, что все норм.
  13. Дизайнер загружает печатную версию макета в специальную папку на Гугл Драйве.
  14. Отдел производства видит у себя в таблице ссылку на макет и отправляет в печать.

А можно было просто нанять в штаб армию верстальщиков =)

За кадром оставлю систему работы отдела производства, системы фандрайзинга и много чего еще. В один пост не впихнуть. Кстати, вот неполный отдел производства:

Подробнее на примере листовок

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

Все макеты дизайнеры хранили на Яндекс.Диске, чтобы каждый мог по-быстрому что-то поправить в чужом макете. Пару раз пригодилось.

В каждой команде было разное количество кандидатов. Поэтому и шаблонов в Индизайне было на разное количество. В зависимости от количества кандидатов макет был на А3 или на А4. На пятерых, на четверых, на троих печатали на А3. На двоих и на одного — на А4. Еще листовок было два типа: для тех, кто всей командой шел от партии «Яблоко», и для всех остальных. Итого десять шаблонов.

Обратите внимание, что я создал файл Book, чтобы все стили можно было менять сразу во всех шаблонах одновременно. Да, макеты поначалу менялись довольно часто.

Файлы назывались во всей системе по единому принципу, чтобы не запутать ботов и людей. Пример: Куркино1_КA3_3ч_м1.indd. Расшифрую: Куркино, округ №1, Квадрокоптер (кодовое название листовки), формат А3 (важно для отдела производства), на троих кандидатов (важно дизайнеру, чтобы знать какой шаблон брать), тип шаблона №1 (значит, яблочная команда, просто так договорились).

С таким названием и приезжал архив с фотками и XML-файлом. Сам XML-файл выглядел примерно так:

Он знает, где у меня все лежит, и подтягивает все, что нужно, в нужные фреймы в макете. А знает он потому, что я просто сказал прогерам, какие пути использовать. У каждого дизайнера пути отличались, поэтому в таблице для скачивания архивов было несколько колонок:

Вернемся немного в начало. Я создал шаблоны в Индизайне, затем затегал нужные фреймы в панельке Structure. Потом экспортнул пустой XML со структурой и отдал его прогерам, они возвращали его уже с контентом.

Кстати, XML-шаблон был один на все типы шаблонов, по количеству кандидатов. Если макет был меньше, чем на пятерых, то лишние затеганые фреймы просто валялись на полях и никому не мешали. Так выглядела структура в Индизайне.

Например, для имен и фамилий я не тегал фрейм каждого кандидата. Тегнул первый, остальные просто связал. А в стиле сказал, чтоб каждый новый абзац (имя или фамилия) начинался с нового фрейма. И попросил прогеров отбивать абзацы энтером. Так было проще всем.

Страница создания листовки кандидатами. Слишком длинная, чтоб вставить её в этот пост. Там внизу еще адская система согласования текстов в команде. Листовка-то командная. Выход за размер или недобор по размеру — большая проблема в агитках на много человек. Тут помогало технологическое решение, которое чётко объясняло новичкам, как писать хорошие тексты, и не давало им выйти за лимиты.

А так выглядело общение с ботом:

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

Красота:

По такому же принципу делались газеты, открытки и подъездные плакаты. Только в газете было больше тегов.

Страница создания газеты, открытки (не уверен, что это последние версии, так как многое менялось уже в рабочей версии).

Визитки

Создание визиток для кандидатов было вообще полностью автоматизировано. Они просто скачивали готовый PDF из своего кабинета и сами шли печатать. Я сделал только шаблон. Шаблон не простой, а пригодный для печати. Мы не нашли ни одного плагина, который бы умел генерировать на сервере PDF для печати. То есть с припусками по 5 мм и метками реза. Но они же нам нужны! Пришлось просто заверстать их прямо в макете. Да, в типографии не могли их отключать при необходимости, когда делали спуск полос. Ну и что, это не так уж часто нужно было. Всего один типограф позвонил выразить недоумение.

Остальное боги-прогеры.

Выводы

Такая система сократила время создания макета во много раз. Точно сказать невозможно, это зависело от количества правок, как корректорских, так и кандидатских. Всего на кампании было четыре дизайнера. Я и три девушки, Люба и две Александры, которые помогали пару недель в самую жару, во время производства листовок и газет.

А все началось с того, что Кац повелел делать макеты автоматически, чтобы не нанимать армию дизайнеров. Несколько дней он получал ответ, что это невозможно, так как никто не знал, как это должно работать. В итоге первый тестовый XML-файл вышел из Индизайна после получаса гугления. Дальше колдовали прогеры.

По такой системе на создание одной листовки у дизайнера уходило примерно 5 минут, газеты — 15—20. Дальше все зависело от количества правок и хотелок кандидатов (логотип побольше, всё такое).

Пользуйтесь!

Монумент героическим защитникам Ленинграда

27 января 2017, 4:26

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

Разорванное кольцо блокады

Монумент, конечно, мощный

Пару часов в Архангельске

21 января 2017, 1:08

Успели посмотреть набережную и заповедную улицу.

Морской вокзал

Вон он там, на купюре, за корабликом:

А это чуть ниже:

Разводной мост через Северную Двину

Мега-бур

Новодел, вроде, но все равно красиво написано

Зимняя переправа:

Заповедная улица Чумбарова-Лучинского. Прекрасные домики и ужасная наружка. Чем меньше город, тем хуже с ней дела.

Там самое высокое здание в Архангельске:

Милота:

Снег с этой улицы вывозить, видимо, непринято.

Этот забыли отреставрировать, кажется:

Восхитительно:

Закончилась улочка…

Нарушили ПДД, шли по проезжей части «при наличии тротуара». Вообще, эта была площадь, но спорить не стали.

Малые Корелы

11 января 2017, 13:58

Есть такой музей деревянного зодчества под Архангельском — Малые Корелы. Думаю, такие есть во многих регионах. Витославлицы в Великом Новгороде, например. Еще бывал в Козмодемьянске, тот что в Марий Эл.

На улице минус 35, солнце. Восхительные пейзажи.

Домики классные.

Лобное место:

Красота нереальная.

Северные домики очень большие. Или просто некоторые крестьяне могли себе позволить такие =)

Качели:

Сама территория музея отлична облагорожена. Деревянные тропинки, теплые бесплатные туалеты, навигация, чайные домики (правда, дорого и не вкусно).

Банька:

Гараж на втором этаже:

Дело было 7 января. Шли празднования Рождества. Мороз колядкам не помеха.

А тут я потерял Айфон. Сделал фотку для Инстаграмма и промахнулся мимо кармана в джинсах. Торопился вернуть его в тепло пока не вырубился. Обнаружил потеряю уже в туристическом автобусе, хорошо еще не тронулись. Вернулся, нашел. Мерз бедняга на снегу.

А Никон молодец. Ни разу не подвел, даже в таком виде.

Самое белое море

10 января 2017, 21:46

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

Просто прогулка по городу

Каналы прорыли вот.

Закат на озере:

Море днём. Солнце высоко не поднимается. Рассвет плавно перетекает в закат.

Огромные глыбы льда недалеко от берега. Летом тут прекрасный пляж.

Гало:

Иней на льду очень интересный.

На берег, греться...

Стенд про транспорт в Питере

2 января 2016, 17:29

Напротив Гостинного двора обнаружил такой вот интерактивный стенд.

Решил, естественно немного потестировать. Изначально я увидел его с обратной стороны. Там лишь карта окрестности (фотку не сделал). Ещё там два круга показывают, что находится в пяти и десятиминутной доступности для пешеходов. Я начал тыкать пальцам по стеклу, ожидая обратной связи, но это оказалась просто бумажная карта.

Итак, на первом экране мы видим несколько маршрутов автобусов и троллейбусов, и через сколько они подъедут к остановке. Стоит заметить, что стенд стоит на приличном расстоянии от остановки ОТ. Время прибытия показывает довольно точно, я проверял.

Сама конструкция могла быть и лучше. Стекло очень толстое или просто расстояние от сенсора до самого экрана огромное, поэтому точность попадания всегда страдает. А про чувствительность сенсора я вообще молчу. Может температура воздуха сказалась (было чуть ниже ноля).

Экран покрупнее.

Обратите внимание, что не всё переведено на английский. Иконки внизу только на русском, хотя там много полезной информации.

Нажав на иконку Карта города можно построить маршрут. С трудом, но можно. Ткнул на Петроградку.

Адская машина предложила мне пройтись пешком 3568 метров, зато без пересадок и за ноль рублей. Спасибо. Как построить маршрут общественным транспортом, я не понял. Кстати, английский тут тоже через раз.

Если с главного экрана ткнуть на Пассажирский транспорт, то нам просто расскажут что в Питере существуют автобусы, троллейбусы, трамваи и метро. Причем, только троллейбус похож на питерский. Крайне полезный экран.

Из реально полезного есть карта метро и график развода мостов. А сбоку два USB порта, молодцы.

Возможность поговорить с кем-то внутри стенда не стал (есть кнопочка под краном).

Минус 3%

2 января 2016, 16:53

Вот такие вот итоги =) Доходы уменьшились, расходы увеличились.
Уже больше трёх лет записываю все финансовые операции в сервисе Изифинанс. Очень интересно в конце года смотреть статистику.

А по расходам на еду можно следить за уровнем инфляции. В 2015 она составила 13%, а у меня получилось 14%, почти совпало. Ещё стал чаще питаться дома.

Почему Корел

22 августа 2015, 15:53

Я не такой как все, я использую CorelDRAW. Когда некоторый товарищи узнают что я работаю в Короле, то часто спрашивают меня «Почему?». Отвечаю сразу всем. Чаще всего спрашивают те люди, которые очень поверхностно знакомы с Королом или вообще никогда им не пользовались, потому что у них Мак, но при этом они уверены что Корел гавно. Это из серии тех людей, которые ничем кроме айфона не пользовались и понятие не имеют, что интерфейс может быть устроен по-другому, например как на виндовонах или андройде. При этом они так же уверены, что всё остальное гавно (Андроид и правда стрёмный, как по мне).

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

1. Экспорт отдельных объектов

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

Жесть. Ещё есть вариант создавать новый артборд и туда копипастить нужные объекты для экспорта. Геморой какой.

А вот в какие форматы можно сохранить из Корола любые выделенные объекты, неважно в пределах рабочей области они находятся или вне её.

На этой причине те самые люди из первого абзаца говорят, что им не нужна эта функция. Ну бог вам судья =) Я же пользуюсь этим постоянно, и жить без этого не смогу. Кстати, именно из-за этой способности Корола можно работать и вне рабочей области, она вообще иногда не имеет значения. Просто нарисуй прямоугольник где угодно, вот и будет тебе страничка А4. Конечно, если нужен в итоге постраничный ПДФ, то придется делать странички, но это бывает не так часто, есть же нормальная программа для этого — Индизайн.

Вот так у меня иногда выглядит рабочий документ. Артборды? Не, не слышал. Выделяй, экспортируй.

Даже Фотошоп ЦЦ умеет экспортировать отдельный слой без лишних проблем, что же Иллюстратор тупит?

2. Цвет заливки и контура

Чтобы покрасить объект в Короле нужно просто нажать на цвет в палитре, чтобы покрасить контур нужно нажать на цвет правой кнопкой мыши. В Люстре нужно менять клавишой X, часто забываю и бешусь что не то покрасил.

При выделенном объекте в Короле можно тыкать на другой цвет в палитре с контрлом и он будет по чуть-чуть примешиваться к текущему.

3. Копирование объекта

В Иллюстраторе нужно зажать альт для копирования и не просто нажать один раз на альт, а держать, мать его, до конца! Как к этому можно привыкнуть? В Фотошопе же достаточно одного клика на альт, почему Иллюстратор снова тупит? Непонятно.

В Короле копировать можно даже неиспользуя клавиатуру. При переносе объекта нужно кликнуть на правую кнопку мышки и вы уже тянете копию, осталось отпустить объект в нужном месте. А чтобы объект скопировался на то же место нужно нажать один лишь плюсик на клаве справа около калькулятора, вместо контрл+С, а затем контрл+шифт+V в Иллюстраторе.

Кстати, по-умолчанию в Короле выделяются объекты которые полностью попадают в выделяющую рамку, но если зажать альт, то выделятся и те которые неполностью попали.

4. Работа с кривыми

Ненавижу кривые во всех Адобовских прогах. В этом пункте нет объективных причин, просто мне так неудобно. Постоянно нажимать какие-то клавиши чтобы добавить или удалить точку... буэ. Чтобы начать редактировать кривую в Короле нужно лишь двойной щелчок на объекте, чтобы добавить или удалить точку так же — двойной щелчок.

5. Повторить последнее действие

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

6. Выравнивание объектов

В Короле выделяешь объекты и: С — выровнить по вертикальному центру, Е — по горизонтальному, Т — по верху, В — по низу, L — по левому краю, R — по правому. Иллюстратор, ты как там? Не поперхнулся ещё? И в Короле выравнивание происходит по последнему выделенному объекту, очень удобно контролировать процесс.

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

И да, давайте расскажите мне снова как Корел убог =)

Виды с горы Чегет

14 августа 2015, 0:27

После восхождения на Эльбрус вернулись в Чегет, отметили восхождение шашлыком, переночевали и на утро поехали на канатке на гору.

Пиво так себе

Параллельная канатка не работала. А всего было три прекрасных пролёта. Виды шикарные.

Наверху тусуются погранцы, Грузия недалеко, надо бдить.

С горы виден Эльбрус, когда нет облаков. Сложно было представить, что ещё вчера мы жили там на снегу в палатках.

По пути в Минводы встретился интересный посёлок Тырнуауз. Там добывали вольфрамо-молибденовое сырьё. Но развалился СССР и закрылся добывающий комбинат, население существенно сократилось. Ещё там сошло несколько селей. В 2000 году погибло 8 человек. Там на горе стоят развалившиеся здания, смотрится впечатляюще. Тут некто Тимур Агиров красивый и увлекательный пост написал про посёлок.

Чудесный был поход.

Восхождение на Эльбрус

14 августа 2015, 0:17

В первой и второй части рассказал про ущелье Адыр-Су, а в этом посте поедем на Эльбрус.

Кстати, связь на самом Эльбрусе вполне себе нормальная. Переодически постил оттуда фотки в инстаграм. Чего не скажешь про ущелье. Если очень нужно позвонить, то нужно найти товарищей, например МЧСников, и одолжить у них спутниковый телефон за пару сотен в минуту.

Итак, после ущелья мы отправились в поляну Чегет, там на базе Сказка разбили лагерь на одну ночь. Там же участники затарились снаряжением в аренду. Мне не пришлось ничего брать, всё было с собой купленное, а кошки я одолжил ещё в Питере.

На привале на Эльбрусе

В Чегете, кстати, крутой горнолыжный курорт, приезжайте. Виды с самой горы Чегет чуть позже.

Итак, на Эльбрус. Сначала воспользовались фуникулёром. Два пролета до станции Мир. Дальше должны были ехать ещё один пролёт на креселке, но она поломалась. Несколько часов ждали пока заработает. Вместе с нами ждали и те кто на ней сидел.

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

Красивая техника работает

В итоге канатку запустили, но новых желающих на неё не сажали. Договорились с камазистом. Это Кавказ, умей договариваться.

Он отвез нас до приюта Бочки. Там провели первую ночь на Эльбрусе. Начались прекрасные виды.

Долину накрыло облаком

На следующее утро ратрак отвез нас до скал, чуть выше базы МЧС и приюта 11, там мы жили оставшиеся дни на Эльбрусе. Высота 4100.

Виды из лагеря

Рядом поселился одинокий турист

Эльбрус в сиреневом тумане

Выйдешь утром в туалет за скалы, а там такое...

Где-то там база МЧС.

Группа зомби выдвинулась наверх, видимо тренироваться, так как на восхождение стартуют ночью.

Вот собственно две груди Эльбруса в хорошую погоду. Хорошо виден маршрут.

1) Скалы Пастухова. 2) Разворотная площадка ратрака. 3) «Косая полка». 4) Там «седло»

Мы делали два тренировочных выхода. До конца нашей скальной греды и до скал Пастухова. Тестировали снаряжение, в основном кошки. Кто бы что ни говорил, но мои мягкие кошки ни разу не развязались. Самый геморой это вставить ботинок в бахилы с калошами, а так больше не было никаких проблем. Ещё тренировались зарубаться на склоне трекинговыми палками.

И вот однажды ночью к нам присоединился высокогорный гид Алексей и мы пошли штурмовать вершину.

Самый ад был после скал Пастухова. Чуть не сдохли все. Скорость как у улитки, а сердце колотит со всей дури и воздуха не хватает. Кто-то шёл траверсом и очень медленно, кто-то шёл в лоб, но с большими паузами. В итоге, до разворотной площадки в основном первыми дошли те, кто шёл медленно траверсом. Мне такой подход тоже был близок.

Высокогорный гид прикурил на привале

Тут на разворотной площадки точка принятия решения, идти дальше или обратно. Но вся наша команда решила идти дальше. Но как потом выяснилось, если бы хотя бы кто-то один соизволил идти вниз, то за ним бы подтянулись другие участники =)

Встретили рассвет

Далее пошла Косая полка. Тоже не простая, и она казалось бесконечной.

А за ней уже седло. Там меня и накрыло.

Вообще, у всех в кармане всегда был аспирин, аскорбинки и гематоген. На каждом привале большинство закидывались чем-либо. Но на седле аспирин уже перестал помогать. Голова была очень тяжела и говорила мне «Лучше не шевели меня совсем». Закинулся Темпалгином, как только начали обратный путь голова прошла.

Седло, 5300 метров. Слева восточная вершина, справа западная, которую покорили лишь два наших участника.

У гида было снаряжения лишь для двоих, да я бы и не полез дальше, и так хреново. В общем все пошли вниз, кроме двух героев и гида. Под нами погода уже портилась.

Внизу всё серое

Тут весёлые американцы. Ходят с портативными колонками в рюкзачках. С разворотной площадки поехали на попах, мы не рискнули, да и не хотелось потом выжимать себя полностью.

Спустились до лагеря. Физической усталости не было. Только дыхалка там нужна. Поднимались часов восемь, а спустились за пару часов. По снежной каше очень легко бежать в кошках. Хоть нас и пугали, что спуск сложнее подъема, но оказалось это совсем не так. Подъём — ад, спуск — лафа.

Погода внизу так себе

На следующий день двинулись снова в Сказку в поляне Чегет.

Вертолет прилетел на фотосессию

Группа иностранных туристов идёт навстречу

На обратном пути креселка снова не работала. На этот раз договорились не с комфортным камазом, а с суровым самосвалом.

Благополучно добрались до фуникулёра, а потом и до Сказки. Будет ещё постик с видами с горы Чегет.

Ctrl +  Ранее