Princípios gerais da criatividade

by primeiro design

000000003

No campo da criatividade não há regras fixas, a não ser o conhecimento profundo do produto, de seus concorrentes, do mercado e do consumidor. Dessa constatação nascem os princípios gerais que a seguir serão analisados.

Prender a atenção

Com exceção das crianças, as pessoas atentam pouco para a propaganda. Por isso é tão importante que o anúncio prenda a atenção desde o primeiro momento.
Em televisão, por exemplo, está demonstrado que um spot consegue atrair a atenção do espectador durante os primeiros cinco segundos, ou nem isso. E o mesmo acontece com os outros meios de divulgação. Se a manchete ou a ilustração de um anúncio nos jornais ou revistas não consegue captar imediatamente a atenção, o leitor virará a página sem ter lido.
É evidente que a força de comunicação de uma ilustração está em sua capacidade de prender a atenção de imediato.

Buscar o destaque

As pessoas estão sobrecarregadas e intoxicadas pela propaganda. Basta ver a televisão, ouvir
o rádio, folhear o jornal ou as revistas, andar pela rua, ir a um cinema, entrar num supermercado, ou abrir as caixas de correio para comprová-lo. Isso significa que é imprescindível buscar o destaque, não só com relação aos produtos competidores, mas também com relação às demais campanhas publicitárias.
E é mais rentável destacar-se fazendo alguma coisa diferente, do que simplesmente investindo
mais. Portanto, é necessário inovar, evidentemente de forma relevante e pertinente para o produto.

 

Pensar no simples

A propaganda não dispõe, geralmente, nem de muito tempo, nem de muito espaço: os anúncios de televisão medem-se em segundos e os da imprensa em centímetros. Por isso a campanha mais efetiva é a que segue a regra de quanto mais simples, melhor.

 

Persuadir com paciência

A propaganda é antes de tudo persuasão. A campanha deve convencer o consumidor das
vantagens físicas ou emocionais do produto. Pode-se mudar a atitude das pessoas, mas nem sempre com sermões de vinte segundos. A persuasão exige tempo, geralmente maior do que aquele empregado para ler 30 ou 40 palavras.

Ser memorável

As pessoas confundem muitas ideias parecidas, e depois não se lembram bem de nenhuma.
A pesquisa prova que, em setores de forte investimento, as pessoas recordam algumas marcas e slogans, mas confundem-os, às vezes, entre si. Isso significa que, muitas vezes, se está fazendo propaganda em benefício de um competidor, ou no melhor dos casos, do setor em vez do produto.
É preciso criar anúncios memoráveis, que possam ser recordados até bastante tempo depois, e que a relação marca-slogan seja inseparável.

Republished by Blog Post Promoter

Efeito Minimalista em Marcas Famosas

by primeiro design

00000000344

Design minimalista é um dos movimentos de design mais importantes do século 20 e início do século 21. Não é o mais popular, mas sem dúvida penetrou em mais campos do que qualquer outra arte ou tendência de design: carros, filmes e jogos, aplicativos, na web e em projetos visuais.

Você pode não saber o que é minimalismo, mas as chances de você estar convivendo com ele é grande: um telefone moderno, um site clean ou interface do aplicativo, um livro ou outras informações graficamente apresentadas e assim por diante.

A razão pela qual o minimalismo penetrou em tantos campos é menos conhecida do que a arte pop, por exemplo, pelo fato de ser mais um princípio do que um estilo visual. Não é chamativo, mas é mais influente e difundido.

uma empresa de Design A2591, despiu grandes marcas e criaram embalagens minimalistas, mantendo os padrões de cores e estruturas.

Via: http://plugcitarios.com/

 

 

Republished by Blog Post Promoter

Maiores comerciais de 2013

by primeiro design

A Unruly Mídia fez o levantamento de alguns dos maiores virais publicitários de 2013. Destaque para o primeiro lugar: Retratos da Real Beleza, a criação da Ogilvy Brasil que emocionou o mundo, ganhou o Leão de Titaniun no Festival de Cannes e é orgulho para o País. O filme tem nada mais e nada menos que 4.2 milhões de compartilhamentos no Youtube. A lista traz também uma boa mescla de estilos e formatos. A relação conta com filmes longos e muito storytelling, outros no formato tradicional de 30 segundos, e os gêneros trafegam entre humor, crítica, drama e ação. Confira alguns:

 

fonte: adnews

Republished by Blog Post Promoter

Embalagens Criativas #2

by primeiro design

Para se inspirar, Nada melhor do que ver bons trabalhos. Abaixo, você alguns exemplos muito criativos e funcionais de embalagens.

 

Republished by Blog Post Promoter

Embalagens Criativas

by primeiro design

para chamar a atenção de um cliente/consumidor, é preciso muito mais do que algo bonito e chamativo, tem quer único, diferente e funcional.Uma embalagem criada levando em consideração esses pontos consegue um lugar de destaque na cabeça de quem está fazendo a decisão de compra e , na maioria das vezes, é fator decisivo para o cliente levar o produto para casa.

Veja alguns exemplos de embalagens criativas e funcionais:

 

 

 

via S/casca.

Republished by Blog Post Promoter

Comercial marca Peru: Campanha de Lançamento Internacional 2012

by primeiro design

Comercial super criativo que mostra um homem do futuro que esqueceu de seus princípios e suas vivencias do passado e recebe um recado dele mesmo, de 20 anos atrás. vale dar uma olhada.

 

Republished by Blog Post Promoter

Belas artes all-type para se inspirar

by primeiro design

banner06

 

É sempre muito bacana quando a gente tem vários tipos de exemplos de bons trabalhos, isso também vale para peças feitas tendo como base tipografias, são elas chamadas all-type.

Uma peça all-type utiliza apenas da parte textual, preenchendo todo o campo visual utilizando palavras e efeitos nessas palavras, esses efeitos podem ser sutis como mudanças de cor e tamanho ou mais elaborados como mudar toda a estrutura do tipo e adicionar texturas e formas complexas. Embora pareça ser algo simples, a criação de um anuncio dessa forma pede um esforço muito grande por parte do redator, já que a importância está totalmente no texto e vai caber ao diretor de arte ou designer ou arte finalista, formatar a ideia de forma que não perca o sentido total do texto.

veja alguns destes  excelentes exemplos de peças para se inspirar:

Republished by Blog Post Promoter

web Design | TRANSIÇÕES E ANIMAÇÕES

by primeiro design

000000003

Durante muito tempo o CSS só serviu para pintar quadradinhos e mais nada. Desde quando o pessoal do WaSP organizou todo o movimento dos Padrões Web fazendo com que todos os desenvolvedores, fabricantes de browsers e até mesmo o W3C acreditassem no poder dos padrões não houve grandes atualizações no CSS. Praticamente formatávamos font, background, cor, tamanhos e medidas de distância e posição.

O básico: propriedade transition
A propriedade transition é praticamente auto-explicativa. Sua sintaxe tão simples que talvez até dispense explicações mais elaboradas. Vamos começar com o código abaixo:

a {
color: white;
background: gray;
}
No código definimos que o link terá sua cor de texto igual a preta e seu background será cinza.

O resultado esperado é que ao passar o mouse no link a cor do texto seja modificada, mudando do branco para o preto e que a cor de background mude de cinza para vermelho. O código abaixo faz exatamente isso:

a {
color: white;
background: gray;
}
a:hover {
color: black;
background: red;
}

O problema é que a transição é muito brusca. O browser apenas modifica as características entre os dois blocos e pronto. Não há nenhuma transição suave entre os dois estados.
Podemos fazer a mudança de um estado para outro utilizando a propriedade transition. Suponha que ao passar o mouse, as mudanças acontecessem em um intervalo de meio segundo. Bastaria colocar a propriedade transition no a:hover e pronto. Ao passar o mouse, o browser modificaria as características do link com uma pequena transição de meio segundo. O código seria como se segue abaixo:

a:hover {
color: black;
background: red;
-webkit-transition: 0.5s;
}

Dessa forma a transição apenas acontece quando o hover é ativado. O problema é que ao tirar o mouse, o browser volta bruscamente para as características iniciais. Para modificar isso basta inserir também a propriedade transition no estado inicial.

a {
color: white;
background: gray;
-webkit-transition: 0.5s;
}
a:hover {
color: black;
background: red;
-webkit-transition: 0.5s;
}

O que a propriedade transition faz é comparar os valores das propriedades em comum entre os dois estados do link ou de qualquer outro elemento, assim ela modifica suavemente os valores quando há a ativação da função. Esta é uma técnica simples e que serve para manipularmos transições básicas como cor, tamanho, posição etc.
Agora suponha que em um bloco há uma determinada propriedade que no outro bloco não há, como no código abaixo:

a {
border:1px solid orange;
color: white;
background: gray;
-webkit-transition: 0.5s;
}
a:hover {
color: black;
background: red;
-webkit-transition: 0.5s;
}

Nesse caso o browser detecta que há uma propriedade no primeiro estado, mas não no segundo, por isso ele não faz a transição desta propriedade, apenas das propriedades em comuns.
Abaixo veja o código. copie em um arquivo HTML e veja o efeito:

<!DOCTYPE html>
<html lang=”pt-br”>
<head>
<meta charset=”utf-8”>
<title>CSS Transition</title>
<style type=”text/css” media=”screen”>
a {
color:white;
background:gray;
-webkit-transition: 0.5s linear;
}
a:hover {
color:black;
background:red;
-webkit-transition: 0.5s linear;
}
</style>
</head>
<body>
<a href=”#”>Link! Hello World!</a>
</body>
</html>

Republished by Blog Post Promoter

Tipografia Inspirada em Heróis

by primeiro design

0000000034

o designer gráfico mexicano, David Milan, fez um belíssimo trabalho ao criar artes tipográficas de super-heróis  e vilões usando apenas papel e canetas coloridas. É um belo trabalho que vale a pena conferir.

Veja abaixo alguns desses trabalhos:

71006bdcacc9ed4e2192c02e9e31c46e

 

 

e6f81e2efc888b0d4605b232e6826f7b

0a99779da2ccf6f823b773e3e0950b34

4b33cd56491a5cd4b762e0d8386506f2

26ad06e03d863f1ba4d38dd8301648e5

45e5e243e421d4095b8f388cd333e9ff

3081d144763ea3846fc81484ee7e3724

a825f57317c0d15d7b7eeb619d4829ed

afb13f3dc3b86d43e9a4a1a4ebe548dd

b73ca632930ee933ff566293f8ab634b

 

Via http://www.ideiaquente.com/

 

Republished by Blog Post Promoter

Design de Videografismo

by primeiro design

O Design de Videografismo vem ser aquele que usa as ferramentas do design gráfico so que para projetos voltados principalmente  para tv  e cinema. São alguns desses projetos : criação de vinhetas, criação de efeitos diversos para vídeo desde títulos a efeitos especiais.

No Brasil está crescendo cada vez mais o mercado de edição e criação de vídeo de modo que o mercado se  encontra bem aberto e oferece uma enorme variedade de trabalhos para os designers que tem conhecimento nessa área.

O profissional que trabalha nessa área é chamado de Motion Designer, Designer de animação e outros, sendo o mais comum Motion Designer.
É muito importante para um Motion Designer saber aplicar as ferramentas do Design Gráfico em seus projetos, toda a parte de análise de briefing, criação, e amadurecimento de projeto segue basicamente os mesmos passos da criação estática, é quando essa parte está finalizada que vem a hora de se adicionar movimento.
Como é de costume nos dias de hoje, a tecnologia ajuda aos Designers a expor sua criatividade, é de costume também que tal tecnologia exige de um computador um certo gasto em relação a placas de vídeo, memoria e etc.
Os softwares mais utilizados para desenvolvimento de projetos desse tipo são o After Effects, o Final Cut, o Flash e o Adobe Premiere.
Para os jovens Designers que pretendem seguir nessa carreira existem muitas formações voltadas exclusivamente para esse tipo de mercado.

Republished by Blog Post Promoter

Páginas:12»