О том, как дизайнеру освоить «азы программирования», чтобы не утонуть в рутине Меня зовут Владислав Кузеванов, я возглавляю отдел дизайна и верстки в рекламно-продюсерском агентстве Zeytz Project group. Наша компания работает с крупными сетями и практически каждый день мы создаем большие объемы полиграфической продукции.
Этот процесс включал в себя множество рутинных задач, которые отнимали слишком много времени и, честно говоря, совершенно не вдохновляли творческих сотрудников.
Используя простые методы автоматизации, нам удалось избавиться от большинства наиболее утомительных операций и сократить общее время выполнения таких задач на 20%, а в целом ускорить доставку таких заказов.
Если вам приходится работать с версткой подобных материалов в больших объемах, наш опыт может вам пригодиться.
Для начала позвольте мне объяснить, чем именно мы занимаемся.
Для наших клиентов, сетей ресторанов быстрого питания, мы разрабатываем и печатаем плакаты, лайтбоксы, меню, буклеты, флаеры и т.д. Например, если клиент планирует ввести в меню новое блюдо, это означает, что для Москвы и области только нам необходимо составить около 500 различных макетов – ведь рекламный носитель в каждой точке разный, нам необходимо подгонять присланный заказчиком макет под разные размеры и материалы.
Помимо самого макета нам предстоит работать и с другими файлами:
- огромные таблицы адресов, содержащие недопустимые и/или ненужные символы (точки, дроби, переходы на следующую строку, двойные пробелы и т. д.);
- с нечитаемыми таблицами данных для замены цен в исходниках макетов.
То есть для каждого рекламоносителя в каждой точке мы делаем отдельные файлы.
При этом имя файла необходимо писать без пробела.
Кроме того, мы экспортируем превью минимальных размеров — они нужны менеджерам для «быстрого просмотра» печатных файлов и согласования их с клиентом.
Принтеры используют предварительный просмотр для окончательного контроля — иногда в процессе перекомпоновки шрифты могут отваливаться или градиент может отображаться неправильно.
Превью должно быть нормального качества, но весить минимально.
Представляете, насколько увеличивается время обработки задач? Раньше на доработку макетов меню (при изменении цен) дизайнеру уходило 3-4 рабочих дня.
Теперь у нас есть время на 2. Также мы сократили количество ошибок практически до нуля — как при внесении изменений цен, так и при названии самих макетов.
Как мы это сделали? Чтобы оптимизировать работу отдела, мне пришлось овладеть навыками программирования и подобрать подходы к автоматизации, подходящие для наших задач.
Продвинутое использование Excel
Что делать, если вы систематически получаете задания на верстку большого количества однотипных макетов, которым необходимо присвоить определенные имена? Мы, как я уже говорил, указываем в названии файла адрес торговой точки, который берется из огромной таблицы и может содержать недопустимые символы.Опытным путем мы нашли быстрый способ решения этой проблемы: сначала приводим адреса в таблице в нужном виде, а затем уже вставляем обработанные данные в имя файла.
Редактирование адресных таблиц вручную – вообще не задача для дизайнера.
Это утомительно и крайне неэффективно и может занять более получаса.
Но на этом этапе мы можем использовать инструменты самого Excel — функцию «Найти и заменить» и запись макросов.
Я проанализировал таблицы, которые приходят от наших клиентов, и выделил 12 замен, которые необходимо произвести в определенной последовательности.
Все эти действия были записаны в макрос и теперь редактирование любого количества адресов осуществляется в один клик.
Следующая задача, которую нам удалось автоматизировать, — корректировка цен в макетах меню и последующая их верстка под разные размеры для более чем 500 ресторанов.
Поясню: часто клиенты проводят акции или вводят в меню новый продукт. Поэтому в самом меню, которое распечатывается в виде постера или вставки в лайтбокс, необходимо заменить одну или несколько позиций.
Но сами эти меню могут быть разного размера в разных точках.
Вам необходимо взять существующие макеты, внести в них исправления и подготовить для каждой точки отдельные файлы.
Таблицы макетной информации очень громоздки, содержат много дополнительной информации, важной для руководителей или производства, но бесполезной для проектировщика.
Но нужная информация тоже расположена неудобно: названия продуктов и их новые цены упорядочены иначе, чем в списке меню; Само меню имеет разные ценовые категории, внутри которых также имеются различия в составе в зависимости от типа носителя: в ресторане используют настенные меню, на автораздаче - вставки в уличные стенды, возле уличной витрины доставки - урезанное меню.
Все эти нюансы очень затрудняют внесение корректировок в исходный код — легко ошибиться и указать в меню неправильную цену.
Готовые макеты перепроверять по одной и той же таблице бесполезно; это сложно понять и может привести к новым ошибкам.
Нам нужно было упростить отображение таблицы, оставив только нужную нам информацию в необходимом порядке.
В этом помогли такие функции Excel, как ИНДЕКС, ПОИСКПОЗ, ВПР и ряд других.
Новая таблица, которую мы используем в работе, отображает только необходимые позиции, подставляет цены в зависимости от выбранной категории, а также отображает общую цену для предложений, состоящих из нескольких товаров, взяв все необходимые значения из исходной таблицы клиента.
Когда мы начали использовать собственные сопоставления таблиц, время, затрачиваемое на корректировку меню и проверку ошибок, сократилось более чем вдвое.
Файловые менеджеры снова в действии
В нашей практике встречается ситуация, когда одна и та же планировка подходит для разных точек – у крупных клиентов зачастую во многих точках одинаковые рекламные конструкции.Это упрощает компоновку макетов, но вопрос адресной подписи каждого файла остается актуальным.
Дублировать один и тот же файл и переименовывать его вручную по разным адресам — не лучшая идея.
Я задумался, как автоматизировать эту задачу.
Оказалось, что до нас уже все было автоматизировано :) В Интернете я нашел скрипт, который нужно было добавить в известный файловый менеджер.
Работает просто: сам скрипт, макет, который нужно тиражировать с разными именами, и текстовый файл с адресами (фактически с именами файлов) помещаются в одну папку.
Далее выбираем файл с названием макета, нажимаем на кнопку скрипта и, вуаля, получаем целую папку одинаковых файлов с нужными названиями.
Настройка рабочей среды
Горячие клавиши — спасатель при выполнении рутинных операций; нажать пару кнопок на клавиатуре гораздо удобнее, чем выбирать нужные функции, кликая по вкладкам меню мышкой.Проанализировав процесс верстки в нашем отделе, я выделил несколько важных для нас схожих операций, не имеющих своих «горячих клавиш», и назначил им удобные комбинации.
Конкретно в нашей повседневной работе это:
- Преобразовать в смарт-объект (Photoshop)
- Свести (Свести изображение — Photoshop)
- Размытие по Гауссу — Photoshop
- Добавляем шум (Добавить шум – Фотошоп)
- Новый макет руководства — Photoshop
- Подогнать монтажную область к выделенному (Подогнать к выбранному изображению — Illustrator)
- Создайте путь смещения (Путь смещения — Illustrator)
- Развернуть (Иллюстратор)
- Преобразование обводки в кривые (Контурная обводка — Illustrator)
Мы также назначили им горячие клавиши.
Лично я записал четыре разных сценария, каждый для своего размера: для А6-А2, А1 и больше, баннеры/вешалки (вытянутые по горизонтали) и для макетов, вытянутых по вертикали.
Некоторые мои коллеги используют скрипт, который автоматически сохраняет превью в заданную папку при сохранении макета для печати — тоже довольно удобный прием.
Скрипты очень помогают при выполнении задач следующего типа: поставить на 1000 фотографий определенную дату, логотип или водяной знак; оптимизировать большую группу изображений для сайта; сделать предварительный просмотр десятка готовых макетов.
Мы просто записываем последовательность действий в скрипт и применяем его к группе файлов в Фотошопе в разделе Автоматизация > Пакетная обработка (Файл > Автоматизировать > Пакетная обработка.
).
Скрипты настолько удобны, что мы используем их в некоторых особых случаях.
Например, есть макет прайс-листа в пяти разных вариантах, 11 типов размеров, фоновый дизайн простой, но цены меняются систематически каждые два месяца.
Вносить изменения в 55 макетов каждый раз — верный способ где-то ошибиться и установить не ту цену.
Проще определить основной размер, использовать его для создания 5 исходников с разными опциями и написать 10 скриптов, меняющих базовый макет под другие размеры.
Повторюсь, это частный случай и такой подход не всегда может быть реализован, но возможно вы сталкиваетесь с похожими задачами.
выводы
Все вышеперечисленные способы частичной автоматизации принесли свои плоды.Наш конструкторский отдел сократил время выполнения работ примерно на 20%.
Особенно это актуально для масштабных задач от крупных клиентов.
Используя системный подход, вы сможете по-другому взглянуть на свой распорядок дня.
Если вы выполняете один и тот же набор действий более трех раз, пора задуматься об его автоматизации.
Поэтому дизайнеру не следует ограничивать свои навыки владением только профессиональным программным обеспечением.
Существует множество задач, которые можно автоматизировать разными способами.
Это ускоряет работу и позволяет избежать ошибок.
Современные рыночные условия вынуждают оптимизировать процессы на всех этапах производства, и сфера дизайна не является исключением.
И в результате мы, как сервисная компания, можем сделать больше для наших клиентов: не только качественно выполнять заказы, но делать это быстро и качественно, избегая ошибок и ненужных действий.
Теги: #проектирование #рутинная автоматизация
-
Мы Уже Проходили Через Это Слишком Много Раз
19 Oct, 24 -
Переход На Selenium 2 + Phantomjs
19 Oct, 24