Como criar ativos digitais

Sep 10, 2025

Como

Preparar ativos para uso digital é uma tarefa central para designers júnior. hoje - e distinto de Preparando arquivos para impressão . Você pode ser solicitado a criar ou adaptar imagens para sites, campanhas de mídia social, exibir anúncios, boletins informativos de e-mail, animações de vídeo, infográficos e projetos de aplicativos, para citar apenas alguns.

No Grupo de design Conran. , Por exemplo, uma tarefa típica pode ser produzir imagens para uso em um Web site responsivo Explica o sênior Designer Ollie Rone-Clarke. "Uma vez que o design tenha sido assinado, criaremos um arquivo mestre principal de cada tamanho de ativos e estes serão então salvos para a Web, usando o formato de arquivo correto para tornar os arquivos o mais pequeno possível, enquanto ainda mantém o detalhe da chave - Para que esses ativos sejam rápidos para download, por exemplo, no celular ".

Então, como você vai para criar e adaptar ativos para uso digital? Existem quatro coisas amplas que você precisa considerar.

01. Mestre os fundamentos

Conran Design Group collaborated with food redistribution charity FareShare to produce its 2016 annual report and social media assets — Conran Design Group Collaborated com Redistribuição de Alimentos Caridade Fareshare para produzir seu relatório anual de 2016 e ativos de mídia social

Em primeiro lugar, você precisará entender os fundamentos, que esperamos que você tenha coberto pelo seu curso. "De uma perspectiva funcional, normalmente você deve garantir que você esteja usando as configurações corretas de cores no Photoshop: RGB em vez de CMYK ", Explica Oman Gani, diretor de publicidade digital global em HOGARTH em todo o mundo . "Você precisará estar trabalhando nos pixels digitais corretos por polegada, dando camadas do Photoshop os nomes corretos e posicionando camadas de baixo para cima.

"Você precisará exportar os formatos digitais corretos como estipulados no resumo e garantir que as caixas de texto e as imagens" estalessem "corretamente. E você precisará aderir a melhores práticas, como nomear convenções, limpar estruturas de pastas no servidor e usando arquivos de controle de versão. "

02. Siga as diretrizes da marca

Conran Design Group ajudou a campanha Tidy da Manter Britain, dando ao logotipo original do Tidyman da marca uma reviravolta moderna

Em segundo lugar, cada projeto virá com diretrizes digitais específicas da marca, diz Andrea Esteban, designer digital para Battenhall. . Muito do tempo isso será relativamente rotineiro.

"A maioria dos nossos projetos vem de clientes existentes cujas diretrizes já estamos familiarizando", explica ela. "Mas para novos clientes, temos que pedir-lhes, analisar plenamente suas necessidades e pensar em todas as limitações que possam apresentar, em termos de tamanho de arquivo e cores, por exemplo."

03. Teste seus projetos em diferentes plataformas

Rather than creating print and digital assets separately for FareShare, Conran Design Group created a strong unifying theme within the report that it could use across other platforms — Em vez de criar ativos impressos e digitais separadamente para o Fareshare, Conran Design Group criou um forte tema unificador dentro do relatório que poderia usar em outras plataformas

Em terceiro lugar, em um ambiente digital em constante mudança, você precisa manter-se atualizado com as plataformas que você está projetando. "Então, por exemplo," diz Esteban ", tenho contas de mídia sociais privadas para testar - e, em seguida, delete - posts, para ver como eles olham em todos os dispositivos.

Muitas vezes projetamos posts bastante inovadores, como 'clique para revelar' no Twitter ou 'filtro para revelar' no Instagram, então testando como tudo parece in-stream em vez de adivinhar é melhor. Depois de tudo isso, deve ser fácil alterar cada artboard para todos os diferentes tamanhos que você precisa: adjelly.com. Tem todos os diferentes tamanhos atualizados, mas Googling cada plataforma também funciona. "

04. Conheça sua organização

Mantenha a Britain Tidy precisava de uma identidade unificada que melhor comunicou a marca central

Finalmente, você também precisará entender os sistemas e processos da organização que você veio para trabalhar.

"Os designers júnior entram com o básico de design e preparação de gerenciamento de ativos, mas eles não estarão prontos para o sistema de arquivamento de estúdio", diz Rone-Clarke. "É aqui que passamos muito tempo com eles, mostrando-lhes como nós arquivamos e montamos etapas para cada trabalho de design."

Entenda as entregas

Quanto seu curso de design irá prepará-lo para que tudo isso varie. Chloe Holden, um desenhista júnior no Conran Design Group, diz que a dela era um pouco irregular. "Enquanto eu soube que o RGB era para digital e CMYK foi para impressão, o que eu não percebi até que eu fosse um estagiário é a importância das configurações de arquivo de verificação duplamente ao ir entre arquivos digitais e impressos", lembra ela.

"Nem eu aprendi os como eque. Não é até que você esteja trabalhando em um estúdio que você aprende a dar um breve e entender as entregas claramente ".

Elena Morán, um desenhista UX / UI em Atom42. , também aponta para a importância do breve em preparar ativos digitais. "Certifique-se de receber um bom - e não tenha vergonha de empurrar de volta se não contiver as informações necessárias", "ela enfatiza. "Um padeiro não pode trabalhar sem farinha e você não pode fazer os ativos sem as especificações corretas".

Pergunte

The visual theme for FareShare closely linked print and digital — O tema visual para o facto de prisão vinculada e digital

Mais importante ainda, continue fazendo perguntas, ela acrescenta. "Por exemplo, se alguém pedir para você criar um anúncio de exibição, pontos importantes para verificar novamente o tamanho do criativo, as dimensões necessárias e o peso mínimo e máximo permitido. É animado ou estático; Eles querem uma imagem imóvel ou querem elementos dinâmicos? Se é animado, eles querem um anúncio interativo? Que tipo de arquivo: jpg, png, mp4, html5? E onde vai ser exibido? Cada plataforma tem suas próprias regras únicas ".

Isso tudo pode ser um pouco esmagador no início. "Como um júnior, você receberá muito trabalho para fazer, então o tempo é fundamental. Rastrear suas horas cuidadosamente facilitando a prevenção de problemas e organiza corretamente seus projetos.

"E se você se sentir sobrecarregado, conte ao seu gerente de linha para que possam organizar, empurrar para trás e compartilhar, se possível, com o resto da equipe. Compartilhamento é cuidar, então não diga sim o tempo todo ou você terminará produzindo menos ativos de alta qualidade como resultado. "

Dicas para criar ativos digitais

O tipo de letra do logotipo foi dado um efeito "carimbado" para adicionar juros e textura, além de ser otimizado para aplicativos digitais

01. Trabalhe eficientemente

"Sempre pergunte o que é necessário a saída digital que os ativos são necessários, quantas versões você precisará e em quantos pontos de interrupção", diz Rone-Clarke. "Configure um processo que qualquer outra pessoa na equipe de design pode pegar. Certifique-se de ter uma lista definitiva de ativos que precisam ser criados. "

02. Entenda metas

"Seja claro sobre o que você está projetando e onde o ativo acabará", diz Holden. "Então você saberá como criar o design ideal para atender a cada aplicativo digital. Por exemplo, um recurso para o Instagram será muito diferente de um para uma página da web. "

03. Ajuste o brilho da tela

"Ao alterar as cores para digital, certifique-se de que o brilho da tela acabe", acrescenta Holden. "É uma coisa simples, mas muito fácil de esquecer. Sempre teste e receba uma segunda opinião de um designer sênior. "

04. Salvar ativos corretamente

"Salvando parece o passo mais fácil, mas se você não tem certeza sobre os formatos, pode ser o mais difícil no começo", diz Esteban. "Salvar, Salvar para Web, Exportar: Todos eles têm diferentes configurações que tornarão sua vida mais fácil - ou mais difícil - então verifique qual é a melhor opção para otimizar suas exportações."

05. Obter gifs direito

"Há uma grande tendência agora para Gifs sobre vídeos, mas lembre-se que eles são super-compactados, o que significa que o conteúdo de qualidade potencialmente menor ", acrescenta Esteban. "Além disso, se exportando do Photoshop, lembre-se que só permite 500 quadros totais - o que soa como cargas, mas não é!"

Artigos relacionados:

6 maneiras de sair da sua rotina criativa
Como provavelmente à prova de um designer
As melhores fontes gratuitas para designers

Como criar ativos digitais

01. Mestre os fundamentos

02. Siga as diretrizes da marca

03. Teste seus projetos em diferentes plataformas

04. Conheça sua organização

Entenda as entregas

Pergunte

Dicas para criar ativos digitais

Como - Artigos mais populares

8 incríveis novos tutoriais de design gráfico

10 coisas que você não sabia que poderia fazer com o Photoshop

Como implementar modos leves ou escuros no CSS

Comece com a plataforma de animação Greensock

Adicione um efeito de glitch ao seu site

Pinte um retrato de estilo Munch no Photoshop CC

Criar um papel de parede baixo poli em C4D

Boost D3.js gráficos com gradientes SVG

Categorias