Design para quem não é designer

PUBLICADO POR AYLTON INACIO
Tutoriais e Artigos > Outros

E aí pessoal, neste post eu vou falar sobre design para quem não trabalha como designer. Com certeza, você que gosta de criar suas próprias artes para postar no Facebook ou até mesmo no desenvolvimento web, para colocar no seu site, já se perguntou se as peças produzidas ficam bonitas e atraentes para colocar na internet. Você também que não sabe como começar criar peças, com certeza já pensou em não pagar mais por um designer e produzir por conta própria seus próprios banners ou outros tipos de artes. Este post é para os dois públicos e com certeza irá ajudar na produção de peças gráficas com mais qualidade para as estratégias de marketing digital.

Tudo que você irá ler foi baseado em um livro chamado "Design para quem não é designer" de Robin Williams e que recomendo para complementar o aprendizado através de exemplos práticos diagramados apresentando as formas erradas de se fazer peças gráficas e depois as formas corretas. Existem também alguns cursos online e ebooks que falam sobre o assunto.

Basicamente, antes de montar uma peça para a internet, como um banner, por exemplo, você deve definir um objetivo. Nunca deixa o objetivo se perder! Um banner de loja virtual, normalmente é feito para apresentar um produto em promoção e com apelo visual para que o usuário do site clique e vá para a página de venda. Esse é um exemplo de objetivo e tudo deve girar em torno disso, inclusive as 4 dicas de marketing digital para se criar peças visuais mais profissionais.

O alinhamento dos elementos

Utilize as réguas do Photoshop, Illustrator ou sua ferramenta gráfica preferida, e alinhe os elementos para manter a organização e harmonia visual. Algumas peças gráficas ficam melhor com alinhamento para a esquerda, já outras podem ficar melhor com conteúdo centralizado. O importante é jamais deixar os elementos "soltos" de qualquer jeito e sem referências de alinhamento, seja com outros elementos ou com base no próprio tamanho da arte. No desenvolvimento de sites para a web, essa técnica é muito utilizada na geração de wireframes, organizando os elementos das páginas.

A repetição de padrões

Imagine criar um banner para um site comum ou de venda para loja virtual onde existem diversos elementos, mas cada um com características únicas, por exemplo, textos com fontes e tamanhos diferentes ou apelo visual que utiliza itens diferentes como círculos, quadrados e setas. A utilização de diversos elementos diferentes não é errada, mas existe uma grande chance de deixar a arte final confusa, principalmente na internet. O ideal é que se defina um padrão reduzido de características e utilize a repetição do padrão para todos os elementos da arte. Por exemplo, no marketing digital, essa prática é utilizada ao definir uma paleta de cores para a identidade visual de campanhas.

O contraste das cores

O contraste é um item que deve ser utilizado para criar impacto visual, facilitando o entendimento do conteúdo ou criando um apelo para alguma ação, como um clique para compra. As cores possuem significados diferentes e influência comprovada nas ações do ser humano. As cores amarelo e vermelho, por exemplo, remetem para alimentação. Quando duas ou mais cores não são combinadas da forma correta numa arte, pode ocorrer um efeito de negação, ou seja, não desperta o interesse de quem está vendo. O objetivo com o contraste é utilizar as cores para gerar impacto entre os elementos, ao trocar o foco visual de um para o outro.

A proximidade dos itens

A regra da proximidade é simples e objetiva e sugere que numa arte, os elementos relacionados fiquem próximos uns dos outros. Por exemplo, ao fazer um folder de divulgação de evento para colocar na internet, com certeza existem informações sobre o local da realização, sendo assim não faz sentido manter no topo da arte a rua, número e bairro e colocar no final a cidade e estado.

Exemplo completo

Pra fechar o post, nada melhor que um exemplo juntando todos os princípios, através de um exemplo tirado do próprio livro.

Eu tenho certeza que depois desse post, cada peça visual gerada por vocês terá uma qualidade muito mais profissional, pois as 4 dicas apresentadas aqui me ajudaram e muito no começo de carreira e utilizo até hoje no desenvolvimento de sites e lojas virtuais para a web. Não esqueçam que existe um livro sobre o assunto que fiz referência no começo do post e também diversos cursos online e ebooks na internet com muito conteúdo de qualidade.