Higor Oliveira :: Desenvolvimento Web | Web Design | Publicidade | Redes Sociais

Efeito 3D com CSS

noreply@blogger.com (Higor) — Fri, 30 Jul 2010 15:16:00 +0000

Fala galera. Depois do post criando logos com css, não parei por lá e continuei a pesquisa, até que cheguei nesse site. Aí eu falei, perai, já são duas da manhã, eu to sonhando né?! Não!! O cara fez um 3D com puro CSS! Sem flash, sem javascript mano. Vale a pena conferir.

Aqui tem uma breve explicação de como funciona, agora nesse aqui que 'tá' o bicho, nos mínimos detalhes. Impressionante.

Logos feitos com CSS. Como assim???

noreply@blogger.com (Higor) — Thu, 29 Jul 2010 18:47:00 +0000

Você não está sonhando não amigo, é isso mesmo. Logo feito com puro CSS. Os caras estão se superando. Saca alguns exemplos aí:

JQuery Logo

Olympic Logo

BMW Logo

Ví o assunto no CSSnolanche e fui mais a fundo e fiquei impressionado. Uma gota com degradê e o caramba a quatro, e o código.

Esse é o logo de um aplicativo do Mozilla.

Agora vamos ao HTML, que é muito simples:

< div class="logo">
< div class="raindrop0">

   < div class="raindrop1">
   < div class="raindrop2">
   < div class="raindrop3">
   < div class="raindrop4">
   < div class="raindrop5">
   < div class="raindrop6">
   < div class="raindrop7">
   < div class="raindrop8">
< /div>

Agora o CSS:

.logo {
    position: relative;
    width: 256px;
    height: 256px;
    margin: 20px auto;
}

.raindrop0 {
    position: absolute;
    top: 64%;
    left: 0px;
    width: 100%;
    height: 50%;
    -moz-border-radius: 100%;
    background: transparent -moz-radial-gradient(50% 50%, ellipse farthest-corner,
rgba(0,0,0,0) 0%, rgba(0,105,149,0.4) 37%, rgba(80,80,80,0.1) 47%, rgba(80,80,80,0) 58%);
}

.raindrop1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -moz-border-radius-bottomright: 100%;
    -moz-border-radius-topright: 100%;
    -moz-border-radius-bottomleft: 100%;
    background: transparent -moz-radial-gradient(20% 20%, rgba(255,255,255,1) 22%,
rgba(255,255,255,0.2) 30%, rgba(74,193,186,0.5) 45%, rgba(0,168,243,0.7) 65%,
rgba(255,255,255,1) 100%);
}

.raindrop2 {
    position: absolute;
    top: 3%;
    left: 3%;
    width: 94%;
    height: 94%;
    -moz-border-radius-bottomright: 100%;
    -moz-border-radius-topright: 100%;
    -moz-border-radius-bottomleft: 100%;
    background: transparent -moz-radial-gradient(30% 55%, circle cover,
rgba(0,105,149,0) 70%, rgba(0,105,149,0.8) 80%);
}

.raindrop3 {
    position: absolute;
    top: 3%;
    left: 3%;
    width: 94%;
    height: 94%;
    -moz-border-radius-bottomright: 100%;
    -moz-border-radius-topright: 100%;
    -moz-border-radius-bottomleft: 100%;
    background: transparent -moz-radial-gradient(50% 10%, ellipse cover,
rgba(0,105,149,0) 73%, rgba(0,105,149,0.3) 80%);
}

.raindrop4 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -moz-border-radius-bottomright: 100%;
    -moz-border-radius-topright: 100%;
    -moz-border-radius-bottomleft: 100%;
    -moz-box-shadow:inset rgba(124, 197, 238, 1) 0px 0px 48px;
}

.raindrop5 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -moz-border-radius-bottomright: 100%;
    -moz-border-radius-topright: 100%;
    -moz-border-radius-bottomleft: 100%;
    background: transparent -moz-radial-gradient(30% 30%, ellipse cover,

rgba(0,105,149,0) 50%, rgba(255,255,255,0.9) 72%, rgba(255,255,255,0.6) 90%);
}

.raindrop6 {
    position: absolute;
    top: 35%;
    left: 10%;
    width: 80%;
    height: 60%;
    -moz-transform: matrix(1, -0.5, 0, 1, 0, 0);
    background: transparent -moz-radial-gradient(73% 73%, ellipse farthest-corner,

rgba(145,240,234,0.8) 6%, rgba(145,240,234,0.1) 25%, rgba(145,240,234,0) 30%);
}

.raindrop7 {
    position: absolute;
    top: 45%;
    left: 20%;
    width: 75%;
    height: 55%;
    -moz-transform: matrix(1, -0.5, 0, 1, 0, 0);
    background: transparent -moz-radial-gradient(73% 73%, ellipse farthest-corner,

rgba(255,255,255,1) 6%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0) 30%);
}

.raindrop8 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -moz-border-radius-bottomright: 100%;
    -moz-border-radius-topright: 100%;
    -moz-border-radius-bottomleft: 100%;
    -moz-box-shadow:inset rgba(191, 235, 255, 0.8) 0px 0px 12px;
}

*UPDATE 30/07 12h
E tem mais galera, o símbolo do IE totalmente em CSS.

Agora veja a renderização nos browsers...

O desenvolvedor é o Andreas Jacob e aqui é a fonte das imagens.

Imagine programas de vetores esportando em CSS3, cara, é o futuro!

via (cssnolanche)

CSS3 | Usando fonts externas

noreply@blogger.com (Higor) — Tue, 20 Jul 2010 01:31:00 +0000

Tipografia web sempre foi difícil de lidar, vários aspectos eram levados em consideração. Mas o sonho de todos que trabalham com web virou realidade. Agora é possível sim utilizar uma fonte externa, mesmo o usuário não tendo aquela fonte, ele irá visualizá-la.

O texto abaixo é originalmente do tableless.com.br.

@font-face é uma das funcionalidades mais esperadas do CSS. Ela permite que você utilize famílias de fonts em websites sem que o usuário tenha a font instalada no sistema. Veja abaixo a sintaxe:

@font-face {
  font-family: helveticaneue;
  src: url('HelveticaNeueLTStd-UltLt.otf');
}
Na primeira linha você dá um nome para a Font que você está  importando. Pode
ser qualquer nome.

Na segunda linha, você inclue o endereço de onde a font se encontra. Para facilitar, crie uma pasta font dentro da pasta onde está o CSS.

Feito isso, você a utiliza como qualquer outra font:

p {
font:36px helveticaneue, Arial, Tahoma, Sans-serif;
}

Fiz alguns testes aqui e em algumas máquinas e conexões lerdas, o

browser carrega primeiramente o texto com a font padrão do sistema e
logo depois monta o texto com as fonts corretas. Nada de outro mundo
para quem utiliza imagens para substituir textos. Mesmo assim, pode ser
um incomodo para alguns.

Suponhamos que você queira oferecer a font para os que não a tem
disponivel no sistema, mas para que o site carregue mais rápido, queira
utilizar a cópia local do sistema do usuário caso ele a tenha instalado:

@font-face {
font-family: helveticaneue;
src: local(HelveticaNeueLTStd-UltLt.otf), url(HelveticaNeueLTStd-UltLt.otf);
}

O valor local() faz com que o browser procure a font no computador do visitante antes de executar o download da font que está no servidor.

Compatibilidade

A compatibilidade é melhor do que você pode imaginar. Mesmo assim há alguns entraves que chateiam. Entretando, se você pratica Gracefull Degradation, vai achar uma maravilha.

As versões 7, 8 e 9 do Internet Explorer aceitam o @font-face apenas se a font for EOT.
Safari, Firefox, Chrome e Opera aceitam fonts em TTF e OTF.
Você pode converter suas fonts para EOT diretamente no Font Squirrel.

É sempre bom você não abusar. Uma porque o design não fica bonito se você utilizar muitas fonts diferentes. Outra que o site pode ficar carregado. Lembre-se que o browser carrega o arquivo da font para só assim aplicar no layout.

Veja um exemplo pronto.

Fonts pagas

O principal problema com o @font-face o download de font ilegal. Há uma pancada de fonts que são grátis, estas não há problema. Mas há uma outra grande parte que são pagas. O problema é que você tem a licensa de utilizar essa font nos seus projetos, mas não tem o direito de compartilhá-la ou dar para alguém. Quando você utiliza @font-face, você praticamente disponibiliza para o mundo o arquivo da font. Qualquer um pode fazer o download sem problemas. Por isso, cuidado com a font que você utiliza. Certifique-se de que ela é uma font gratuita.

Anúncios Criativos | Edição #2

noreply@blogger.com (Higor) — Mon, 05 Jul 2010 22:32:00 +0000

---

Tudo é uma questão de marketing... e otimismo.

noreply@blogger.com (Higor) — Fri, 02 Jul 2010 03:13:00 +0000

Quem não conhece essa história?!

"Dizem que havia um cego sentado na calçada, com um boné a seus pés e um pedaço de madeira que, escrito com giz branco, "Por favor, ajude-me, sou cego". Um publicitário da área de criação que passava em frente a ele, parou e viu umas poucas moedas no boné.

Sem pedir licença, pegou o cartaz, virou-o, pegou o giz e escreveu outro anúncio. Voltou a colocar o pedaço de madeira aos pés do cego e foi embora. Pela tarde o publicitário voltou a passar em frente ao cego que pedia esmola. Agora, o seu boné estava cheio de notas e moedas.

O cego reconheceu as pisadas e lhe perguntou se havia sido ele quem reescreveu seu cartaz, sobretudo querendo saber o que havia colocado. O publicitário respondeu: "Nada que não esteja de acordo com o seu anúncio, mas com outras palavras". Sorriu e continuou seu caminho.

O cego nunca soube, mas seu novo cartaz dizia: "Hoje é Primavera, e não posso vê-la". Mudemos a estratégia quando não nos acontece alguma coisa... Se for verdade que nada é perfeito, também é verdade que tudo pode ser melhorado." (Autor desconhecido)

Você sabe o que é Branding?

noreply@blogger.com (Higor) — Thu, 01 Jul 2010 14:51:00 +0000

Muita gente não sabe o que é Branding, inclusive eu. Nesse mundo onde o inglês predomina, branding (ou Brand management,do inglês, em português também Gestão de Marcas) é o trabalho para se construir e gerenciar uma marca no mercado, gestão de marca.

"A construção de uma marca forte para um produto, um linha de produtos ou serviços é consequência de um relacionamento satisfatório com o mercado-alvo. Quando esta identificação positiva se torna forte o bastante, a marca passa a valer mais do que o próprio produto oferecido. Branding é como é chamado o conjunto de práticas e técnicas que visam a construção e o fortalecimento de uma marca.

Sua execução não é tomada apenas por ações de marketing que posicionam a marca e divulgam a marca no mercado, mas também por ações internas na empresa, transmitindo, para todos os interessados, a imagem pretendida.

Objetivo do branding é entre outros aumentar o brand equity (em português: equidade de marca ou ativo de marca) - o valor monetário da marca e assim aumentar o valor da empresa em si.

Este trabalho é feito por profissionais e agências especializados em marketing, administração, semiótica, design gráfico e arquitetura, que visam desenvolver positivamente a reputação de marcas, produtos e organizações e alinhá-las com os objetivos organizacionais e o público almejado." [Wikipédia]

Continuando...

"A Gestão de uma Marca está relacionada com a criação e a manutenção da confiança, o que implica o cumprimento de promessas. As melhores Marcas, as de maior sucesso são completamente coerentes, Cada aspecto do que são e do que fazem reforça tudo o resto.

Quem vê de fora, a construção de uma marca parece algo simples. Implica a frequente, irritante e por vezes obsessiva repetição de uma afirmação simples, e muitas vezes extravagante, expressa por meio de uma frase atractiva “slogan”, alguma cores e um logótipo distintivo, colocado mais ou menos ao acaso por todo o lado. Na verdade se olharmos com maior atenção, constatamos que o processo de construção não é tão simples. Existem muito géneros de marcas, de bens de grande consumo como a Coca-Cola, as marcas tradicionalmente divididas entre Marcas B2B (de empresa para empresa) e as Marcas B2C (de empresa para o consumidor); as marcas institucionais, etc. Todas estas divisões e subdivisões, e com outras mais que não referi, não é de admirar que a Gestão de Marcas quando analisada de forma mais concreta seja extremamente complexa.

Não é fácil construir uma marca de sucesso, muitas marcas novas falham (morrem mesmo à nascença, ou prematuramente). Assim a Gestão de Marca é acima de tudo a criação e a manutenção de confiança. As melhores Marcas são geridas de forma completamente coerente, cada aspecto do são e de como se relacionam reforçam a Marca. As melhores Marcas têm uma consistência que é construída e mantida por pessoas no interior da sua organização, totalmente absorvidas por aquilo que a Marca simboliza."

Agora já temos uma base, certo?!

Uma história para refletir

noreply@blogger.com (Higor) — Sun, 27 Jun 2010 16:45:00 +0000

Certo dia no ônibus, um senhor puxou assunto comigo. Trabalhava no ramo de hotelaria, história não faltava pro cara. Mais até que ele disse algo interessante.

"Certa vez, um rapaz foi preencher uma vaga numa multinacional, e a única vaga era de faxineiro. Ele passou em todos os quesitos porém não no último: o entrevistador disse que ele teria que ter e-mail, mas ele não tinha, e não ficou com a vaga.

Saiu de cabeça baixa e avistou um vender de laranjas. Perguntou-lhe quanto custava, era 1 R$ o pacote, e ele tinha 2 R$ em mãos, assim comprou 2 pacotes. Logo mais adiante, alguém que passava do seu lado perguntou se ele estava vendendo. Ele afirmou que sim e que custava 2 R$ o pacote. Venda feita, ele pensou: Eu tinha 2 R$ e em menos de 10 minutos fiquei com 4 R$. É isso, vou vender laranja!

E assim ele começou, um bom tempo se passou e acreditem, ele estava dominando o mercado da laranja e estava milionário. Foi quando conheceu outro milionário, líder do mercado da exportação, que lhe propôs uma fusão, e assim, eles seriam bilionários. O 'laranjeiro' topou e quando o 'exportador' pediu seu e-mail ele disse que não tinha. Ficou indignado, perguntou o por que de um milionário não ter um simples e-mail, e o 'laranjeiro' apenas lhe respondeu: porque se eu tivesse um e-mail, eu seria faxineiro!"

Se é verdadeira ou não, desconheço, mais que é interessante, é! =D

Anúncios Criativos | Edição #1

noreply@blogger.com (Higor) — Sun, 27 Jun 2010 16:22:00 +0000

Vou começar uma seção por aqui. Serão semanalmente 5 anúncios criativos. Alguns novos, alguns velhos, mais a criatividade não tem idade certo?! Portanto espero que vocês apreciem... sem moderação!

---

---

---

---

Logomarca ou logotipo?

noreply@blogger.com (Higor) — Sun, 27 Jun 2010 04:57:00 +0000

Afinal, o certo é logomarca ou logotipo? Primeiramente vamos aos seus respectivos significados:

Logomarca é um neologismo usado de forma empírica e genérica, para designar logotipo, símbolo ou marca, sem que haja consenso nem precisão absoluta ao que ele se refere, se apenas ao símbolo, ao logotipo ou ao sinal misto (combinação de ambos). O seu uso está popularizado no Brasil e o termo consta do dicionário Aurélio e é considerado correto pela Lingüística. No entanto,
termo é visto como inadequado por diversos designers por não possuir a necessária precisão.

Em seu livro "O Efeito Multiplicador do Design", a designer Ana Luísa Escorel discute o termo logomarca. Ela lembra que a palavra logos, vem do grego significando conhecimento e também palavra. E, embora a etimologia coloque como correlato mais apurado de logos em português os
termos estudo ou lógica, a designer afirma que logomarca significa “palavra-marca” o que, na opinião dela, não faz sentido. Ela defende ainda que os brasileiros deveriam adotar os termos utilizados no resto do mundo. Essa atitude no entanto não é difundida entre os que não são profissionais da área de design que usam o termo coloquialmente por acharem os outros termos incompletos.

"Curioso que áreas tão afeitas à moda e à terminologia usada internacionalmente para tudo o que diz respeito aos assuntos do setor, como a publicidade, o marketing e mesmo o design gráfico, desprezem as designações corretas, presentes nos artigos publicados pelas revistas especializadas do primeiro mundo. Nelas as palavras logotype, logo ou symbol pontuam cada página, para lembrar apenas os países de língua inglesa."

_(Ana Luísa Escorel - Em O Efeito Multiplicador do Design - Editora Senac, pág. 56)

Logotipo, ou logótipo, refere-se à forma particular como o nome da marca é representado graficamente, pela escolha ou desenho de uma tipografia específica. É um dos elementos gráficos de composição de uma marca, algumas vezes é o único, tornando-se a principal representação gráfica da mesma. A expressão costuma ser confundida com o neologismo logomarca, cuja imprecisão e incorreção costumam ser questionados pelos designers e estudiosos do design gráfico.

Logotipo é uma assinatura institucional, a representação gráfica da marca. Por isso ela deverá aparecer em todas as peças gráficas feitas para a empresa. Como toda assinatura, o logotipo precisa seguir um padrão visual que a torna reconhecida onde quer que ela seja estampada.Usar corretamente o logotipo é uma das ações obrigatórias para o reforço da imagem e da personalidade da empresa. O logotipo da Coca-Cola. A marca Sony ao grafar a sua marca, utiliza apenas a forma particular como o nome da marca é representado graficamente - o logotipo, prescindindo da utilização de qualquer outro elemento gráfico adicional (símbolo) para compor a marca. Ao contrário da SONY, a Wikipédia, utiliza simultaneamente um símbolo e um logotipo para grafar a sua marca.

“O símbolo e o logotipo são formas de grafar a marca, de torná-la visualmente tangível. É comum as pessoas se referirem ao símbolo como marca. Diz-se freqüentemente: a marca da Coca-Cola ou da Fiat, quando, na verdade, a intenção é a referência ao logotipo da Coca-Cola ou da Fiat. Da mesma maneira, símbolos também são chamados de marcas e também é comum se ouvir referência à marca da Volkswagen ou da Mercedes-Benz, quando a designação correta seria símbolo (...). Logos em grego quer dizer conhecimento, e também palavra. Typos quer dizer padrão e também grafia. Portanto, grafia-da-palavra ou palavra-padrão.”

_(Ana Luiza Escorel - "O Efeito Multiplicador do Design" - Editora Senac, pág. 56)

Muitos dizem que logotipo é uma marca representada através da tipologia, logo, logomarca seria um símbolo. Porém, a Copa-Cola é uma marca que apresenta tipologia, e não deixa de ser um símbolo.

A Shell é uma marca representada por um símbolo, a concha, porém também é utilizado a tipologia embaixo da concha, tipologia e simbolo juntos. Eaí, logomarca ou logotipo?

Já ouvir falar também que a marca seria um produto X da empresa Y. A Coca-Cola possui a marca Sprite, logo sprite é a marca da coca-cola. Só ouvi, ainda não entendi essa tese.

Esse assunto é muito pano pra manga, eu sempre disse logotipo, até que um instrutor de criação e design da Impacta disse que poderia ser relativo logomarca e logotipo.

Hoje eu não digo logotipo nem logomarca, prefiro ficar com identidade visual.

Como seria nossa vida sem msn?

noreply@blogger.com (Higor) — Sun, 27 Jun 2010 03:52:00 +0000

Um exemplo seria no trabalho...

Logotipos Criativos #1

noreply@blogger.com (Higor) — Sat, 26 Jun 2010 18:03:00 +0000

Logotipos bacanas que encontrei em blogues por aí. Vai uma inspiração?!

Os 5 segredos para aumentar sua criatividade

noreply@blogger.com (Higor) — Fri, 25 Jun 2010 13:30:00 +0000

Como quero trabalhar na área de publicidade, andei olhando muitas vagas por aí, mas sem experiência fica um pouco complicado conseguí-las. Bem, estava procurando um tutorial de Joomla (cms que parece ser bem interessante) e encontrei esse blog que é show de bola, muito bacana mesmo. Depois de ler um post, resolvi postá-lo aqui na íntegra. Ótimas dicas:

_por Bruno Ávila

Dúvida recorrente da maioria dos web designers, principamente aqueles que estão começando, a criatividade é considerada a maior dificuldade e o bem mais precioso que encontramos em nossa profissão. O problema é que nem sempre encontramos a tal criatividade. E agora? O que fazer?

Muitos acham que é dom, que as pessoas já nascem com ela. Sem dúvida existe alguma verdade nessa afirmação afinal em todas as profissões encontramos pessoas de criatividade rara, que vão desde os mestres do Futebol como Pelé e Garrincha até grandes músicos como Tom Jobim e Roberto Carlos. (Claro, Roberto Carlos! Vai me dizer que um cara que conseguiu colocar na letra de uma música a frase “nos programas vespertinos de televisão” cujo tema são as baleias, isso não seria uma grande prova de criatividade?).

Porém existe um nível de criatividade que todos nós podemos adquirir com o aprendizado. Assim como qualquer um aqui pode aprender a tocar guitarra. Uns vão demorar mais, outros menos, mas com disciplina e determinação com toda certeza você também será capaz de tocar tal instrumento. Tá, é bem provável que você não chegue aos pés de Eric Clapton e Mark Knopfler mas você poderá tocar guitarra ao nível de um guitarrista do NXZero, Charlie Brown Jr ou CPM22, porquê não?

O que estou querendo dizer é que para fazer layouts bonitos e profissionais não é preciso nascer de novo. Basta ter disciplina e seguir algumas regrinhas que vou dizer aqui. A idéia é trabalhar melhor o seu bom gosto, apurando seu sentido visual e assim sair do amadorismo. Tudo isso a gente pode aprender. Aqui vão algumas dicas.

1. Observe e Questione! Essa é uma dica que costumo dar a todos os meus alunos. Como ser criativo sem observar e questionar a criatividade dos outros? É, nesse caso só nascendo de novo e vindo com esse poder. Agora, se você não está afim de nascer de novo para ter esse dom de ser criativo sem influência de ninguém, passe a observar e questionar. Veja o layout do meu site. Porquê eu utilizei essas cores? Porquê esse fundo? Porquê coloquei meu logotipo do lado esquerdo e não do lado direito? Vá até a televisão. Porquê a vinheta da Globo tem o fundo branco? Porquê aquele som? Porquê a Globo sempre utiliza a mesma fonte em todas as chamadas, reportagens e vinhetas de novela? E porquê a Record imita essa fonte? Porquê a maioria das marcas de empresas de tecnologia são na cor azul, preto, vermelho ou cinza? Porquê nenhuma tem a cor rosa-choque? Passe a observar, perguntar e procurar as respostas. Ao procurar as respostas você aprende e vai guardar isso na memória. Quando pedirem para você fazer um logotipo de empresa de tecnologia, por exemplo, você já vai saber porquê utilizar azul, preto, vermelho ou cinza, ou até mesmo, arriscar e ser ousado num logotipo rosa-choque.

2. Brainstorm. Essa palavra afrescalhada nada mais é do que “tempestade de idéias”, que também soa como outra frescura. Mas nada mais é do que você juntar todo mundo da equipe e ficar soltando idéias pra todo mundo, o vulgarmente conhecido como “peidando idéia”. (desculpe a expressão, não pude segurar, aí tive que… soltar a expressão). Um vem com uma idéia, outro com outra idéia. Às vezes o início da idéia de um é bom mas o final não. Já o outro amigo tem um final melhor do que do outro amigo. Dessa confusão pode vir algo criativo. Essa prática é feita normalmente em grandes agências. Muitas propagandas premiadas não nasceram de uma pessoa só que tinha o dom da criatividade, mas de várias pessoas que soltaram uma ali e outra aculá.

3. Relaxe. A criatividade muitas vezes não vem durante o trabalho. Vem quando você está relaxado. Isso é muito comum. Pode vir enquanto você está dirigindo, sentado no metrô, deitado na cama ou até mesmo lavando prato. Como sua cabeça está vazia e você está relaxado sem estar focado em nada, a idéia vem. Normalmente o start dessa idéia ocorre quando você vê alguma coisa durante esse relaxamento ou quando vem algum pensamento ou memória, desencadeando a idéia.

4. Durma. Se você passou horas e horas pensando e nada que preste veio, então vá dormir. Estudos de cientistas americanos mostram que o sono estimula a criatividade. O estudo feito por Sara Mednick, da Universidade da Califórnia em San Diego, nos Estados Unidos, e colegas mostra que a fase REM estimula diretamente o processamento criativo mais do que qualquer outra fase do sono ou mesmo durante o período em que se está acordado. Por isso, não é raro a gente ir dormir sem solução para um layout e acordar com uma solução criativa pronta na cabeça, faltando apenas jogar para o computador.

5. Estude. Criatividade, principalmente em web design, segue tendências. O que é bonito hoje provavelmente não será bonito amanhã. Por isso é importante sempre se manter atualizado, estudando novas soluções de layout, continuando a ler este blog periodicamente e fazendo cursos de atualização, principalmente cursos que propõe você a produzir e estimular sua criatividade como este aqui.

Ser criativo não é impossível. Basta querer.

Para o alto e Avante!

Reunião de briefing

noreply@blogger.com (Higor) — Sun, 20 Jun 2010 16:10:00 +0000

O briefing é um conjunto de informações, uma coleta de dados passadas em uma reunião para o desenvolvimento de um trabalho, documento, sendo muito utilizadas em Administração, Relações Públicas e na Publicidade. Deve-se criar um roteiro de ação para criar a solução que o cliente procura, é como mapear o problema, e com estas pistas, ter idéias para criar soluções. É uma peça fundamental para a elaboração de uma proposta de pesquisa de mercado. É um elemento chave para o planejamento de todas as etapas da pesquisa de acordo com as necessidades do cliente. _wikipédia

Como em toda reunião, o debate existe e muitas idéias são colocadas no papel. E é aí que entra a qualidade do profissional, de absorver todo aquele rascunho e transformar em algo limpo e objetivo. Agora se você colocar em prática tudo que (alguns) clientes querem, pode não ser uma boa idéia. (em inglês)

Como obter a tal experiência se os 'sem-experiência' não tem oportunidades?

noreply@blogger.com (Higor) — Thu, 17 Jun 2010 04:03:00 +0000

Salve o amigo-de-cada-dia! Encontrei esse artigo bem bacana, ele é de outubro de 2009. O autor é o Bruno Lessa.

Já reparou? A maioria dos anúncios de vagas de emprego e estágio para publicitários que vemos hoje exigem do candidato formação acadêmica, experiência na área, conhecimento de língua estrangeira, portfólio e uma série de outros requisitos que já deixaram de ser diferenciais e se tornaram obrigatórios na busca por uma colocação no mercado, principalmente a “tal da experiência”.

É notório que a concorrência profissional está maior a cada ano que passa, sobretudo no mercado publicitário no qual 15 mil novos profissionais ingressam anualmente. Com tanta mão de obra disponível, a tendência é o mercado ficar mais seletivo, e as empresas optarem por preencher suas vagas de emprego com profissionais mais qualificados e experientes.

Nem mesmo a recente Lei nº 11.644, que proíbe às empresas de exigir do candidato a emprego a comprovação de experiência prévia por tempo superior a 6 (seis) meses, tem impedido que isto ocorra. Imagine a seguinte situação: uma grande agência realiza um processo seletivo para Redator, em que há 5 profissionais na disputa. Todos aceitam o salário oferecido e possuem as qualidades pessoais necessárias, no entanto, dois deles não possuem experiência na função, dois possuem experiência de 6 meses e um possui experiência de 5 anos com um vasto portfólio. Não é difícil imaginar qual profissional será escolhido para a vaga. Daí surge uma questão: como obter a tal da experiência profissional e montar um portfólio se não há oportunidades para os “sem-experiência”?

A boa notícia é que, sim, é possível conseguir experiência profissional mesmo sem nunca ter trabalhado. Não há desculpas ou justificativas. Pouca gente observa a infinidade de oportunidades que nos cercam diariamente, seja na própria faculdade ou fora dela. Portanto, para provar que é possível, vamos listar as oportunidades rebatendo os principais argumentos da dificuldade:

“Ninguém nunca me deu oportunidade para trabalhar e mostrar meu talento”
Essa é uma das justificativas mais comuns de quem não tem experiência. Ela pode até ser verdadeira, mas há uma série de locais que querem o seu talento, ou melhor, precisam dele, e podem não se importar nem um pouco se você tem ou não experiência. Onde? Nas mais diversas instituições filantrópicas, ONGs, projetos sociais, comunidades carentes desse país. Já pensou em fazer voluntariamente uma bela campanha publicitária para arrecadar roupa de frio no inverno e oferecer àquela comunidade carente da sua cidade? Não interessa se você é redator, diretor de arte, planejamento... Sem sair da sua especialidade essa pode ser uma excelente forma de demonstrar o seu talento, ter uma bela peça no seu portfólio e ajudar quem precisa. Sem contar que além de mostrar o seu lado profissional irá mostrar o seu lado humano, o que também é valorizado nas entrevistas de emprego. O mesmo vale para campanhas de conscientização no trânsito, de doação de sangue, etc. Acredite, tem muita gente interessada no seu talento.

“Não tenho tempo para fazer estágio pois preciso trabalhar”
A mesma dica acima vale para esta justificativa, pois tudo isso você pode preparar no seu tempo livre ou nos finais de semana. Além disso, praticamente todas as Universidades brasileiras (pelo menos as que possuem um mínimo de qualidade e preocupação com o ensino) possuem uma agência experimental (ou empresa júnior) no curso de Publicidade e Propaganda. Agência experimental nada mais é do que uma agência publicitária formada por alunos e coordenada por professores, em que os estagiários têm a oportunidade de criar campanhas reais para clientes reais. Muitas vezes as atividades na agência experimental estão dentro do próprio currículo do curso, ou seja, você não precisará despender nenhum tempo extra para estagiar, basta apenas se interessar e participar destas atividades. E mesmo fora da agência experimental, os próprios trabalhos desenvolvidos ao longo do curso podem servir para formar a sua pasta. Basta encará-los como um trabalho profissional e se empenhar ao máximo para que saiam com qualidade. Isto lhe trará a tão necessária experiência profissional que você irá precisar lá na frente. Se sua faculdade não possui uma Agência Experimental converse com o seu coordenador e funde uma!

“Não quero aquele estágio porque a agência paga pouco”
Se você considerar que geralmente você precisa pagar para aprender algo, ganhar pouco para conseguir experiência profissional, pelo menos início, já é um grande lucro. Reflita sobre as seguintes questões: Quanto custa um bom curso de Photoshop? Quanto você precisaria desembolsar para fazer aquele curso de redação publicitária lá na capital? Agora responda: quanto você pagaria para ter o item mais valorizado nas entrevistas de emprego: a experiência profissional? Reflita sobre isso. Ninguém começou a carreira ganhando rios de dinheiro. Ganhar pouco ou nada no início para entrar no mercado pode ser um grande negócio.

Estas são apenas algumas dicas de como conseguir experiência profissional. Com certeza existem diversas outras maneiras, mas nenhuma delas será válida se não contar com uma boa dose de determinação e iniciativa. Portanto, não há desculpas! Se você deseja a tal da experiência profissional, comece a batalhar por ela.

Eaí, gostou? Republique!

Volvo S60 | O carro que evita atropelamentos...

noreply@blogger.com (Higor) — Wed, 16 Jun 2010 16:07:00 +0000

O novo Volvo S60 evita atropelamentos. O carro tem um sistema de reconhecimento de pedestres e evita uma colisão em uma velocidade de até 35km/h:

Mas nem tudo são flores nessa vida e temos que fazer constantes testes para beirar a perfeição. O carro evita atropelamentos, só que com o caminhão....

via curiosando

Comerciais | A arte de não falar nada e dizer tudo

noreply@blogger.com (Higor) — Wed, 16 Jun 2010 01:31:00 +0000

É como dizem: uma imagem vale mais do que mil palavras. E assim vem sendo os comerciais da Mastercard, um criado pela McCann Erickson e a outra pela WMcCann:

Pra mim, nota 10 para ambos!

Meio Ambiente | Querem legalizar o desmatamento

noreply@blogger.com (Higor) — Mon, 14 Jun 2010 23:44:00 +0000

Em tempos em que a conscientização se faz cada vez mais necessária, temos que ver os governantes, aqueles que deveriam ser nossos líderes mas estão mais para eternos sangue-sugas, discutir um projeto tão absurdo quanto qualquer preconceito:

Caros amigos,

É chocante, mas o congresso brasileiro poderá abrir oficialmente uma "temporada de desmatamento", nas 5 regiões do Brasil, significando um retrocesso de décadas em proteção ambiental!

Mais de 70 deputados da bancada ruralista, representando os intersses do agronegócio, estão tentando enfraquecer o Código Florestal brasileiro. Se eles conseguirem, milhões de hectares deixarão de ser protegidos por lei!

O Congresso está dividido - há uma forte oposição dos parlamentares ambientalistas mas os dois maiores partidos, o PT e o PMDB, ainda não assumiram uma posição. Porém, a não ser que haja uma grande pressão popular, é provável que eles se alinhem com os ruralistas para ganhar apoio político nas eleições de outubro. Chegou a hora de mostrar o que o Brasil quer! Vamos enviar milhares de mensagens direto para os emails dos líderes partidários, eles estão negociando o posicionamento dos seus pertidos agora mesmo! Clique abaixo e envie a sua:

http://www.avaaz.org/po/mensagem_codigo_florestal/?vl

As propostas mais perigosas são: a anistia irrestrita ao desmatamento ilegal ocorrido até 2008, a eleminação da Reserva Legal para propriedades de até 4 módulos rurais inclusive na Amazônia e a transferência da regulamentaçõa para o nível estatal, flexibilizando a lei. As propostas são uma grave ameaça à preservação ambiental, reduzindo dramaticamente as áreas atualmente protegidas.

Grupos ambientais estão fazendo tudo o que podem para impedirem os ruralista, mas eles precisam de nossa ajuda. Mais de 90.000 brasileiros assinaram a petição para salvar o Código Florestal em menos de duas semanas. Mas agora nós precisamos aumentar a pressão e enviar milhares de mensagens ao líderes partidários. Os líderes estão negociando o posicionamento dos partidos agora mesmo - envie uma mensagem para eles, deixando claro que não queremos alterações no Código Florestal!

Nós precisamos acabar com o mito de que a preservação ambiental é uma ameaça ao desenvolvimento. Um estudo recente mostra que o Brasil possui mais de 100 milhões de hectares disponíveis para agricultura, ou seja, há terra suficiente para produzir. O Brasil tem o privilégio de ser um país rico em recursos naturais e temos a rara oportunidade de crescer de forma sustentável. É nossa responsabilidade desenvolver e preservar ao mesmo tempo. Envie uma mensagem agora, não deixe que eles acabem com o Código Florestal!

Com esperança,

Graziela, Alice, Ricken, Ben, Iain, Milena, Mia e toda a equipe Avaaz

Leia mais sobre o assunto:

País tem 100 milhões de hectares sem proteção - Estadão:
http://www.estadao.com.br/estadaodehoje/20100505/not_imp547054,0.php

Apagão Ambiental: seria cômico, não fosse trágico - IPAM:
http://www.ipam.org.br/blogs/Apagao-Ambiental-seria-comico-nao-fosse-tragico/67

Marina: mudança no Código Florestal é retrocesso:
http://oglobo.globo.com/pais/noblat/posts/2010/06/10/marina-mudanca-no-codigo-florestal-retrocesso-298695.asp

Ambientalistas criticam o texto apresentado pelo relator sobre o novo Código Florestal Brasileiro:
http://www.correiobraziliense.com.br/app/noticia182/2010/06/09/politica,i=196793/AMBIENTALISTAS+CRITICAM+O+TEXTO+APRESENTADO+
PELO+RELATOR+SOBRE+O+NOVO+CODIGO+FLORESTAL+
BRASILEIRO.shtml

A Avaaz é uma rede de campanhas globais de 4,9 milhões de pessoas que se mobiliza para garantir que os valores e visões da sociedade civil global influenciem questões políticas internacionais. ("Avaaz" significa "voz" e "canção" em várias línguas). Membros da Avaaz vivem em todos os países do planeta e a nossa equipe está espalhada em 13 países de 4 continentes, operando em 14 línguas

Essa mesma Avaaz que coletou mais de 2 milhões de assinaturas a favor do projeto ficha limpa, que circulou pela rede.

Eu mandei a minha, e você?!

Um pouco de stop motion

noreply@blogger.com (Higor) — Sun, 13 Jun 2010 03:41:00 +0000

É super interessante de ver e muito trabalhoso de fazer. Mas o resultado é muito bacana, alguns bem legais aí:

Primeiro post, o que dizer? + Mídias Sociais

noreply@blogger.com (Higor) — Sun, 13 Jun 2010 02:56:00 +0000

Como se comportar na estréia de um jogo? O que NÃO fazer quando você começa um blog?

Pois é, toda estréia é dificil, suas mãos sofrem de suor excessivo, ficam frias, gelada, você fica nervoso, não raciocina direito e quando se dá conta, já passou a angústia. Poético, não?! Bem isso não vem ao caso.

Passei dias adaptando este blog ao meu gosto (claro, antes deste, dois layouts foram deixados de lado no meio do projeto porque não estavam me agradando) e aqui estou.

Eu sou novato, o que poderia dizer? Dar dicas, indicações e como organizar seu projeto da melhor maneira possível? Nada disso!

Eu fui a batalha.

Uma coisa que me deixava com uma dúvida cruel era o que um analista de mídias sociais fazia. Certo dia perguntei à uma amiga qual era o atual trabalho dela, ela disse 'sou analista de mídia', e fiquei na minha (aí a dúvida nasceu). E fui olhar o que realmente eles fazem no meu pastor.

Encontrei este ótimo blog, é muito bacana mesmo, na primeiro vez que li já assinei o ~~feed~~ rss e foi lá que eu acabei com as dúvidas. Vou ser bonzinho e compartilhar um trecho:

Antes de mais nada, o Analista precisa ser um comunicador:

Muitas agências, inicialmente, abriram vagas sem distinção de formação e deram oportunidades a blogueiros ou pessoas de qualquer área acadêmica que fossem apaixonadas por internet para exercer o cargo. Isso traz vantagens e desvantagens: pessoas familiarizadas com o meio têm bom networking e intimidade com as ferramentas, em geral, são habituadas com a linguagem/abordagem que cada canal necessita. No entanto, não têm conhecimentos suficientes de análises de mercado, bechmarking, planejamento de campanhas baseadas em estratégias de marketing, processo de decisão de compra, entre tantas outras teorias que fazem diferença na aplicação da prática.

Precisa entender o comportamento do consumidor:

Fazer uma longa pesquisa sobre o público, sobre a relação dele com a marca, campanhas anteriores, análise da concorrência, possíveis erros de percurso, novas abordagens etc. Devorar dados do mercado e de institutos de pesquisa, acompanhar redes sociais em ascensão independente do gosto pessoal, saber o que está rolando na TV aberta (sim, você é um Analista de Mídias e o público consome[...]

Vale a pena conferir o restante lá no Viralzinho Com Fritas.

Pois bem, e essa minha amiga não é formada em comunicação (mas ela é demais, garota inteligente), o que leva a outra pergunta: quem contratou ela sabia o que realmente estava fazendo?

Não que ela não seja capaz, ela já está um bom tempo no cargo e o cumpre muito bem, mas como o texto diz necessita uma certa formação. Concerteza quando ela foi contratada não existia a importância dessa formação, não como hoje. E concerteza quem à contratou não estava 'a par' desse detalhe.

Porém muitas empresas estão longe de realmente usar alguma mídia social como deve ser. Apenas fazem uma promoção e quem mais indicar ganha o vale-compras/brinde/camiseta. E a intenção dessas mídias (me refiro à Web) não é apenas essa.

Ufa! Notaram que fiz muitas perguntas né, pois é gente, eu sou novato. ;)