Mostrando postagens com marcador meudesign. Mostrar todas as postagens

Planejamento defende ou embasa a criação?

Bom, existem os dois momentos da agência, onde podemos dividir em “ideal e diário”. O ideal, é quando o planejamento embasa a criação, ou seja, o planejamento analisa o brief, faz as suas pesquisas em diversas fontes como ferramentas de pesquisa (Marplan, ComScore, Ibope, Hitwise), analisa dados do cliente, vai para a rua conversar com as pessoas; depois esse material serve de embasamento estratégico onde o planejamento vai traçar o pensamento que vai ajudar a marca a conquistar seu objetivo.

Após esse momento, o planejamento, passa o caminho estratégico para a criação fazer, como dizemos na agência, “pirar”. A criação precisa de um embasamento para não sair criando qualquer coisa, ela precisa de um caminho para que a criação seja mais efetiva, que conquiste o objetivo de marketing do cliente.

Esse processo acima é o que chamamos de ideal, pois é dessa forma que a “roda gira” e que seria o trabalho do planejamento aliado à criação, aliás, quando os times se unem e se entrosam, os resultados são sensacionais! O Brasil é uma das maiores potênciais mundiais na propaganda. E não é por acaso, somos, naturalmente, pessoas criativas e isso reflete na comunicação. Planejamento também precisa exercer a criatividade e a criação seu lado estratégico com foco no negócio do cliente.

Mas infelizmente, o que temos visto ultimamente não é o ideal e sim o diário, ou seja, a criação cria e o planejamento defende o que foi criado. É o usual, é diário, é por falta de tempo, é por ter muito job na agência, é por que a conta não é estratégica, por que a mesma equipe atende 4 contas ao mesmo tempo e uma sempre é o “patinho feio”, enfim, justificativas são várias, mas todas caminham para o mesmo ponto. Estão erradas!

Quando o planejamento defende a criação, e não a embasa, parece quase que uma desculpa sobre algo que foi feito. O cliente, as vezes, nem pediu o que foi feito. Ok, a criação lê o brief, entende, mas as visões frente ao planejamento são, obviamente, diferentes. Aliás, essas visões se complementam no trabalho final. O cliente as vezes precisa apenas de uma ação no Facebook e a agência lhe apresenta um hotsite com uma promoção por que entende que aquilo é bom para ele, porém, se o planejamento tivesse visto antes, poderia ver que o problema do cliente é o relacionamento dos consumidores com a marca e que sim, o Facebook, seria a melhor opção.

Planejamento e criação devem sempre trabalhar juntos. Lado a lado, trocando experiências, visões e conceitos. Devem fazer parte de toda a construção do planejamento essas conversas, aliás, o planejamento tem que conversar com todas as áreas, do cliente, ao consumidor final, passando por áreas da agência, mas as coisas devem ter uma metodologia, um cronograma. Sair (criação) fazendo para depois (planejamento) tentar defender o que foi feito, nem sempre, dá certo.

Site para Cliente

Mais um layout em formato PNG, feito usando Fireworks CS6, para uma loja eletrônica de bebês.

GRATIS - Coleção de 50 ícones de Rede Social

Com um aspecto limpo, criada pelo usário Sawb do Deviantart. Inclui as redes sociais mais populares.

Formato: PNG
Tamanho: 50×50
Download: Social Icons Pack by sawb

30 Sites que oferecem modelos Free Website e Modelos flash Grátis

Quanto tempo leva para criar um novo site? É uma questão de dias ou semanas? Errado: é uma questão de horas! Se você tem dúvidas, então você nunca usou modelos de site (web designs que permitem construir sites estáticos) ou modelos de Flash (projetos web que permitem criar sites animados) . Então, por que não fazer download de um modelo de site gratuito ou um modelo de livre Flash e testá-lo? Afinal de contas, modelos gratuitos são gratuitos e você não tem nada a perder.

Lembre-se de quando você baixar um modelo de site gratuito ou um modelo de livre Flash lo a obter arquivos de usuário amigável fonte e você só precisa substituir as imagens padrão e textos com as suas próprias. Mesmo se você precisar de ajuda editando o modelo livre, é mais acessível para ter seu modelo personalizado por um web designer pro fim de um web design personalizado.

E aqui é a parte mais importante: a seguir é uma lista de sites que estão oferecendo website templates grátis e Modelos de flash grátis . Os sites que você visita mais os modelos mais livre você vai encontrar.

Na verdade, os sites a seguir oferecem várias opções de pesquisa. Então, você pode pesquisar por palavra-chave modelos de categoria, ou cor.

Modelos de site on-line

CSS - Box com cantos arredondados

Estudo de uma técnica

A construção de boxes com cantos arredondados é uma técnica CSS que apresenta muitas variações e cujo assunto tem sido objeto de inúmeros tutoriais publicados na Web. Uma busca no Google por "CSS rounded corners" (cantos arredondados com CSS) retorna mais de 5 milhões de páginas.
Recentemente Ryan Thrash publicou matéria mostrando um aperfeiçoamento da técnica de construção de boxes com cantos arredondados por ele inventada em novembro de 2003. Àquela época, a técnica teve o reconhecimento dos 'experts', tendo sido citada no Blog do Dave Shea criador do CSS Zen Garden e em comentários abonadores de Eric Meyer na lista de discussão CSS-D. A técnica é comprovadamente atual, tanto que mereceu um aperfeiçoamento. Contudo como já citado existem muitas técnicas para obter o efeito de cantos arredondados com CSS e a opção pelo uso desta ou daquela cabe exclusivamente à você. Eu, considero esta técnica muito interessante e não faço qualquer restrição ao seu uso.
Este tutorial não é uma tradução do original, visto que o original não detalha a construção dos boxes e aqui farei um estudo de como obter o efeito.

A teoria

Tal como a maioria das técnicas para construção de cantos arredondados, esta também utiliza imagens de fundo para simular os cantos.
As CSS2.1 estabelecem que somente uma imagem pode ser definida como fundo de um elemento HTML. Baseado nestas premissas a solução mais simplista, é a de construir um retângulo com bordas arredondadas e colocá-lo como imagem de fundo de um elemento nível de bloco, como por exemplo, uma DIV. Esta solução fixa as dimensões do box e qualquer redimensionamento de texto arruina o layout. É uma solução restrita a condições muito específicas e seu valor prático é muito baixo.
No outro extremo, surge a solução de se usar 4 elementos nível de bloco, cada um deles tendo como imagem de fundo um dos cantos do box convenientemente posicionado.
Foi baseado nesta teoria que surgiu a técnica aqui mostrada. A versão inicial utiliza uma imagem constituida de um retângulo com bordas arredondadas para fundo dos 4 elementos. Na recente versão o autor dividiu ('fatiou') a imagem inicial em 4, e usa uma para cada elemento.
Existem duas abordagens de construção do box neste tutorial, a primeira especifica uma largura em unidades CSS em e a outra uma largura em percentagem. Na primeira o box permanece com a mesma largura qualquer que seja a resolução, contudo 'cresce' e 'encolhe' com o redimensionamento do texto (não ocorre ruina do layout) e na segunda o box 'cresce' e 'encolhe' tanto com o redimensionamento do texto como com a resolução.

As 4 imagens usadas

- imagem do canto superior esquerdo - 80 x 203px

- imagem do canto superior direito - 960 x 203px

- imagem do canto inferior esquerdo - 80 x 429px

- imagem do canto inferior direito - 960 x 429px

Notar que a soma das larguras das imagens é igual a 80px + 960px = 1040px. Essa é a maior largura total do box. Se você pretende que o box cresça para larguras maiores, aumente a largura das imagens para os cantos superior direito e inferior direito.

A marcação estrutural

O box tem um título e um texto. Para marcar o título usei neste tutorial o nível seis de cabeçalhos

. Não estranhe, assim fiz para evitar interferência dos estilos do site no título uma vez que não uso o nível 6 no site e assim ele não está estilizado nas folhas do site. Você pode usar o nível que quiser e estilizar como bem entender.
A marcação é a mesma para as duas abordagens de construção. Mudei apenas a classe da DIV mais externa, usando class="fixo" para o box com largura em em e class="elastico" para o box com a largura em percentagem. Isto possibilitou mostrar os dois boxes em uma mesma página (obrigado aos seletores descententes por possibilitar isto):



 
   
Escreva certo


  O verbo haver quando empregado 
com o sentido de existir, é invariável.


  Exemplos:
 
   Havia muitos e-mails

   Houve muitas páginas

   Pode haver outras DIVs
    


 


 
   
Escreva certo


  Use ao invés de para 
significar ao contrário, 
ou seja, com idéia de oposição. 


  Exemplos: 

    Pefiro usar preto ao invés de branco.

    Ao invés de chorar ela sorriu.


  Use em vez de para significar 
em lugar de, ou seja, não há idéia de oposição.


  Exemplos:

    Pefiro usar uma DIV em vez de uma tabela.


 


<

A folha de estilos

#boxes {
 font: 0.9em Arial, Helvetica, sans-serif;
 width:100%;
 color:#333; 
 margin: 0;
 }
.fixo {
 margin: 0 auto;
 width: 25em;
 background: url(canto-inf-dir.jpg) no-repeat 100% 100%;
 font-size: 100%;
 }
.titulo {
 background: url(canto-sup-dir.jpg) no-repeat 100% 0;
 margin: 0;
 padding: 0;
 text-align: center;
 }
.titulo h6 { 
 background: url(canto-sup-esq.jpg) no-repeat 0 0;
 margin: 0;
 padding: 45px 20px 5px;
 color: #333; 
 font-weight: bold; 
 font-size: 1.4em; 
 line-height: 1.0em;
 }
* html .titulo h6 {height: 1%;} /* Hack para IE5 PC */
.conteudo {
 background: url(canto-inf-esq.jpg) no-repeat  0 100%;
 color:#fff;
 margin: 0;
 padding: 5px 35px 45px;
 }
#boxes .conteudo p {
 margin:0.7em;
 line-height:1.2em;
 }
.elastico {
 width:100%;
 background: url(canto-inf-dir.jpg) no-repeat 100% 100%;
 font-size: 100%;
  }

Resultado Final

Teste você mesmo

Redimensione a janela do seu navegador e observe o comportamento dos dois boxes.
Agora aumente e diminua o tamanho da fonte no navegador e observe o comportamento dos dois boxes.