Ao contrário do que você possa pensar pelo nome, este não é um aplicativo de web design. Em vez disso, o Google Web Designer se concentra em criar anúncios baseados em HTML5 e outros conteúdos da web semelhantes. A interface parece um cruzamento entre um editor de vídeo e um pacote de web design. Para aproveitá-lo, você precisa baixá-lo gratuitamente aqui, para Mac ou Windows.
- Quer experimentar o Google Web Designer? Baixe isso de graça aqui
Começando
Iniciar o aplicativo oferece a capacidade de continuar com um projeto existente, iniciar um novo do zero ou usar um dos modelos incluídos.
Optamos por verificar os modelos primeiro. Existem 14 para escolher e se você não tiver certeza do que eles oferecem, basta clicar em qualquer um deles para obter uma descrição do que esperar, bem como os dispositivos que são compatíveis com esse modelo.
O campo de pesquisa à direita ajuda a restringir sua escolha com base em seus critérios - como procurar por um suplemento expansível que funcione em tablets. Você também pode procurar modelos com tamanhos específicos dessa forma, por exemplo, apenas digitando um número no campo de pesquisa.
Cada visualização tem uma escolha de tamanhos. Selecione um e clique em "Confirmar".
Se você preferir trabalhar do zero, escolha ‘Novo’ no menu de inicialização. Você verá que terá várias opções que definirão o objeto que você está criando. Por padrão, um novo arquivo é definido como 'Banner', mas você também tem 8 outros tipos disponíveis para você.
Você pode selecionar o ambiente (Display e Video 360, Google AdMob, Google Ads ou anúncio não pertencente ao Google), seu tamanho e se deseja torná-lo um anúncio responsivo ou não.
Quando estiver pronto, a interface adequada será revelada a você.
Interface
O espaço de trabalho é extremamente flexível, e só porque as barras laterais aparecem em um local quando você abre o aplicativo, não significa que elas tenham que permanecer lá se você preferir um ambiente de trabalho diferente. As seções podem se tornar janelas flutuantes, por exemplo, e as guias podem ser reordenadas, os grupos podem ser redimensionados, os painéis podem ser adicionados a grupos diferentes, etc., criando um sistema notavelmente flexível.
Trabalhando com ativos
Os arquivos que você usa em seu projeto podem ser trazidos através do comando Import Assets, ou mais simplesmente, arrastando-os e soltando-os em sua área de trabalho.
Manipulá-los não é tão intuitivo quanto você está acostumado com outros aplicativos criativos, e você se verá visitando os painéis de propriedades com frequência para fazer até mesmo alterações simples em seus ativos. Quando a maioria dos aplicativos hoje em dia permite que você altere um ativo diretamente, isso parece um pouco estranho no início, embora você se acostume com isso.
No entanto, esta não é uma ferramenta de composição de imagem. O Google Web Designer não pode criar recursos para você, e você deve usar um aplicativo diferente, como o Photoshop, para prepará-los primeiro. Claro, se você só precisa de uma imagem estática, não precisa do aplicativo do Google. É de grande utilidade para você, se você quiser animações elegantes e código compatível com a web.
Animação
A animação é uma simples questão de definir quadros-chave em vários pontos no tempo. Se você está acostumado a fazer filmes, entenderá a essência rapidamente.
No entanto, a abordagem do aplicativo é um pouco obscura, pois depois de definir um quadro-chave, você precisa alterar o valor do parâmetro que deseja animar para definir esse parâmetro como aquele que deseja animar. Não há botão para bloquear um valor no local para iniciar o processo, então alterar manualmente o valor e colocá-lo de volta é a única maneira do aplicativo saber qual parâmetro você está prestes a alterar ao longo do tempo.
Uma vez feito isso, porém, quaisquer alterações feitas no mesmo parâmetro em outro ponto ao longo da linha do tempo serão definidas automaticamente, como você esperava.
Frustrantemente, você não tem como saber quais parâmetros estão realmente configurados para serem animados, o que significa que se você voltar ao seu projeto em uma data posterior, não saberá de relance quais valores de ativos estão configurados para serem movidos e quando.
A linha do tempo dirá quais objetos são animados, mas você não saberá quais parâmetros, a menos que reproduza a animação. Isso está longe de ser eficiente.
Apesar disso, é relativamente simples animar qualquer objeto na tela e o resultado final funciona muito bem. Você pode até animar em 3D.
No final do dia, o Google Web Designer facilita o design de uma ampla variedade de anúncios da web, sem precisar escrever uma linha de código você mesmo, o que é uma grande vantagem.
No entanto, isso não significa que os codificadores não sejam atendidos: clique em Visualização de código para ver seu projeto em código bruto, que você pode alterar para atender às suas necessidades específicas, caso a Visualização de design não seja adequada para o seu precisa.
Antevisão
A seção do Validador de anúncios acompanha seu projeto, informando rapidamente o tamanho do arquivo e se há algo errado com o que você criou com o uso de caixas de seleção verdes de aparência amigável.
Para ver a aparência do seu projeto em um navegador da web, clique no botão Visualizar e escolha o que deseja usar. O Google Web Designer irá então iniciá-lo e ativar o anúncio.
Se você não definiu uma dimensão específica, vários tamanhos serão oferecidos a você, permitindo que você escolha qual (is) visualizar (todos eles são apresentados por padrão).
E quando você terminar seu trabalho, clique em Publicar. Você pode salvá-lo localmente em seu disco rígido ou carregá-lo em vários locais do Google.
Você também pode salvar seu projeto como um modelo, que pode ser reutilizado posteriormente.
Apoiar
Trabalhar com um aplicativo pela primeira vez pode ser uma tarefa difícil, então tenha certeza de que o Google oferece artigos abrangentes sobre como aproveitar ao máximo seu Web Designer, e o fórum do usuário também está repleto de discussões úteis. Ambos irão ajudá-lo a entender o aplicativo e resolver a maioria (se não todos) dos problemas que você possa ter.
Veredicto final
O Google Web Designer é um aplicativo bonito, que permite criar anúncios da web rapidamente, quer você conheça programação ou não. Não é o aplicativo mais bem projetado na plataforma Mac, seguindo mais as dicas das Diretrizes de Interface do Usuário do Windows, mas funciona como anunciado e produz bons projetos animados. Definitivamente, vale a pena conferir.
- Também destacamos o melhor construtor de sites