Quando um designer precisa ser um pouco programador

Sobre como o designer deve dominar os "conceitos básicos de programação" para não se afogar na rotina


Meu nome é Vladislav Kuzevanov, chefio o departamento de design e layout da agência de publicidade e produção do grupo Zeytz Project.

Nossa empresa trabalha com grandes redes e quase diariamente compomos grandes volumes de produtos de impressão. Esse processo envolve um grande número de tarefas rotineiras que levaram muito tempo e, francamente, não inspiraram funcionários criativos. Usando técnicas simples de automação, conseguimos nos livrar da maioria das operações mais tediosas e reduzimos o tempo total para concluir essas tarefas em 20% e, em geral, aceleramos a entrega desses pedidos. Se você precisar trabalhar com o layout do mesmo tipo de materiais em grandes volumes, nossa experiência poderá ser útil para você.

Primeiro, vou explicar o que exatamente estamos fazendo.

Para nossos clientes, cadeias de restaurantes de fast food, tipografamos e imprimimos pôsteres, inserções de caixas de luz, menus, folhetos, panfletos e assim por diante. Por exemplo, se um cliente planeja inserir um novo prato no menu, isso significa que apenas para Moscou e a região precisamos criar cerca de 500 layouts diferentes - porque a mídia de publicidade em cada ponto é diferente, precisamos personalizar o layout enviado pelo cliente para diferentes tamanhos e materiais.

Além do próprio layout, temos que trabalhar com outros arquivos:

  • enormes tabelas de endereços contendo caracteres inválidos e / ou redundantes (pontos, frações, hifenização para a próxima linha, espaços duplos e outros);
  • com tabelas de dados ilegíveis para substituir preços nas fontes de layout.

Além disso, adicionamos os endereços do destinatário final no nome do arquivo para impressão, para que a produção possa concluir corretamente o pedido. Ou seja, criamos arquivos separados para cada meio de publicidade em cada ponto. Além disso, o nome do arquivo deve ser escrito sem espaço. Além disso, exportamos visualizações com tamanhos mínimos - os gerentes precisam que eles “visualizem rapidamente” os arquivos impressos e os coordenem com o cliente. As impressoras usam visualizações para o controle final - às vezes as fontes podem voar durante o processo de reescrita ou o gradiente pode não ser exibido corretamente. A visualização deve ter qualidade normal, mas deve pesar o mínimo possível.

Você pode imaginar quanto está aumentando o tempo de processamento das tarefas? Anteriormente, levava de três a quatro dias úteis para um designer reorganizar os layouts de menu (ao alterar os preços). Agora chegamos a tempo de 2. Também reduzimos o número de erros para quase zero - tanto ao fazer alterações de preço quanto ao nomear os próprios layouts.

Como fizemos isso? Para otimizar o trabalho do departamento, tive que dominar as habilidades de programação e escolher abordagens de automação adequadas para nossas tarefas.

Uso avançado do Excel


O que fazer se você receber sistematicamente tarefas relacionadas à composição de um grande número de layouts semelhantes que precisam receber nomes específicos? Como eu disse, indicamos no nome do arquivo o endereço da tomada, que é retirada de uma tabela enorme e pode conter caracteres inválidos.

Empiricamente, encontramos uma maneira rápida de resolver esse problema: primeiro, trazemos os endereços da tabela no formato correto e, em seguida, colamos os dados processados ​​no nome do arquivo.

A edição manual de tabelas de endereços não é uma tarefa para o designer. Isso é chato e extremamente ineficiente, pode demorar mais de meia hora.

Mas, nesse estágio, podemos usar as ferramentas do próprio Excel - a função "Localizar e substituir" e gravar macros.

Analisei as tabelas que vêm de nossos clientes e identifiquei 12 substituições que precisam ser feitas em uma determinada sequência. Todas essas ações foram registradas em uma macro e agora a edição de qualquer número de endereços é feita em um clique.



A próxima tarefa que conseguimos automatizar é fazer ajustes de preços nos layouts de menu e seu layout subsequente para tamanhos diferentes para mais de 500 restaurantes. Deixe-me explicar: geralmente os clientes realizam promoções ou inserem um novo produto no menu. Portanto, no próprio menu, impresso como um pôster ou uma inserção em uma mesa de luz, é necessário substituir um ou mais itens. Mas esses menus em pontos diferentes podem ter tamanhos diferentes. Você precisa fazer os layouts disponíveis, fazer correções e preparar arquivos separados para cada ponto.
As tabelas com informações sobre os layouts são muito complicadas, contêm muitas informações adicionais e importantes para os gerentes ou para a produção, mas inúteis para o designer.

Mas as informações necessárias estão localizadas inconvenientemente: os nomes dos produtos e seus novos preços são pedidos de forma diferente da lista de menus; o menu em si tem diferentes categorias de preços, dentro das quais também existem diferenças de composição, dependendo do tipo de mídia: o restaurante usa menus montados na parede, no ponto de distribuição automática - inserções em estelas de rua, perto da janela de entrega da rua - um menu truncado. Todas essas nuances tornam muito difícil fazer ajustes nas fontes - é fácil cometer um erro e indicar o preço errado no menu. É inútil verificar os layouts prontos na mesma tabela, é difícil de entender e pode levar a novos erros.

Precisávamos simplificar a exibição da tabela, deixando apenas as informações necessárias na ordem necessária. Funções do Excel, como INDEX, SEARCH, VLOOKUP e várias outras, ajudaram nisso. A nova tabela que usamos no trabalho exibe apenas as posições necessárias, substitui os preços dependendo da categoria selecionada e também exibe o preço total das ofertas que consistem em vários produtos, obtendo todos os valores necessários da tabela original do cliente.

Depois que começamos a usar nossos próprios displays de tabela, o tempo para fazer ajustes no menu e verificar erros foi mais da metade.



Gerenciadores de arquivos - volta ao serviço


Em nossa prática, ocorre uma situação em que o mesmo layout é adequado para pontos diferentes - grandes clientes geralmente têm os mesmos designs de publicidade em muitos pontos. Isso simplifica o layout dos layouts, mas a questão da assinatura do endereço de cada arquivo permanece relevante. Duplicar o mesmo arquivo e renomeá-lo manualmente com endereços diferentes não é uma boa ideia. Gostaria de saber como automatizar esta tarefa.

Acabou que tudo já estava automatizado diante de nós :) Na Internet, encontrei um script que precisava ser adicionado a um gerenciador de arquivos conhecido.

Funciona de forma simples: o próprio script, o layout que precisa ser replicado com nomes diferentes e colocamos o arquivo de texto com endereços (na verdade, com os nomes dos arquivos) em uma pasta. Em seguida, selecione o arquivo com o nome do layout, clique no botão de script e, voila, temos uma pasta inteira de arquivos idênticos com os nomes necessários.



Customização do ambiente de trabalho



As teclas de atalho são uma salvação ao realizar operações de rotina; pressionar alguns botões do teclado é muito mais conveniente do que escolher as funções necessárias clicando nas guias do menu com o mouse.
Depois de analisar o processo de layout em nosso departamento, identifiquei algumas operações do mesmo tipo que eram importantes para nós que não tinham nossas próprias teclas de atalho e designei combinações convenientes. Especificamente em nosso trabalho diário, são eles:

  • Converter em objeto inteligente (Photoshop)
  • Reduzir (Achatar imagem - Photoshop)
  • Desfoque Gaussiano (Photoshop)
  • Adicionar ruído (Photoshop)
  • Novo layout do guia (Photoshop)
  • Ajustar prancheta à seleção (Ajustar à arte selecionada - Illustrator)
  • Criar um caminho paralelo (Offset Path - Illustrator)
  • Agrupar (Expandir - Illustrator)
  • Converter traçado em curvas (Traçado de estrutura de tópicos - ilustrador)

Além das funções dos editores gráficos, também temos vários scripts / operações (ações) auto-escritos, chamados automaticamente a partir de um layout pronto para criar imagens para pré-visualização (pré-visualização) com peso de 400 a 800 Kbytes. Também lhes atribuímos teclas de atalho. Pessoalmente, escrevi quatro cenários diferentes, cada um para seu próprio tamanho: para A6-A2, A1 e mais, lanços / suspensões (estendidos horizontalmente) e layouts alongados verticalmente. Alguns de meus colegas usam um script que salva automaticamente a visualização em uma pasta predeterminada ao salvar o layout para impressão - também uma técnica bastante conveniente.

Os cenários realmente ajudam na execução de tarefas do seguinte sentido: coloque uma certa data, logotipo ou marca d'água em 1000 fotos; Otimize um grande grupo de imagens para o site faça uma visualização de uma dúzia de layouts prontos. Simplesmente escrevemos a sequência de ações em um script e a aplicamos a um grupo de arquivos no Photoshop na seção Automação> Processamento em lote (Arquivo> Automatizar> Lote ...).

Os scripts são tão convenientes que os usamos em alguns casos especiais. Por exemplo, há um layout de lista de preços em cinco versões diferentes, 11 tipos de tamanhos, o design em segundo plano é simples, mas os preços mudam sistematicamente a cada dois meses. Fazer alterações em 55 layouts a cada vez é uma maneira de cometer um erro em algum lugar e definir o preço errado. É mais fácil identificar o tamanho principal, criar 5 fontes com opções diferentes e escrever 10 scripts que substituem o layout básico dos tamanhos restantes.



Repito, esse já é um caso especial e essa abordagem nem sempre pode ser implementada, mas talvez você se depare com tarefas semelhantes.

Conclusões


Todos os métodos acima de automação parcial deram frutos. Nosso departamento de design reduziu o lead time em aproximadamente 20%. Isto é especialmente verdade para tarefas volumétricas de grandes clientes.

Usando uma abordagem sistemática, pode-se olhar de maneira diferente para a rotina diária. Se você executar o mesmo conjunto de ações mais de três vezes, é hora de pensar em sua automação. Portanto, o designer não deve limitar suas habilidades em possuir apenas software profissional. Existem muitas tarefas que podem ser automatizadas de várias maneiras. Isso acelera o trabalho e evita erros.

As condições do mercado moderno tornam necessário otimizar processos em todas as etapas da produção e o campo do design não é exceção. Como resultado, nós, como empresa de serviços, podemos fazer mais por nossos clientes: não apenas fazemos pedidos com eficiência, mas de maneira rápida e eficiente, evitando erros e ações desnecessárias.

Source: https://habr.com/ru/post/pt482224/


All Articles