design

• Incrível: Videoclipe em projeção arquitetônca do AC/DC
• Twitter Offline
• A história do designer e seu cliente Padaria do Manel

publicidade

• Ideias Inovadoras: a transformação das Havaianas
• Quantos cantores de Axé cabem no novo Fiat Uno?
• http://www.brainstorm9.com.br/2010/04/27/o-recorde-mundial-de-tatuagem-do-vasco/
• As obras da Marisa Lingerie
• O antídoto para a censura
• O mito da Lei Cidade Limpa
• Social Karma e a presença da marca nas redes sociais
• E aí, @marcello_serpa?

web

• Ultimate Collection of HTML5 and CSS3 Resources

Aproveita e me adiciona!

design, publicidade, web #11 é um artigo do blog design, publicidade, web.

design

• Will This Be The New Google Web Design?
• Então você precisa de uma fonte?
• Quero ou Preciso?

publicidade

• Anúncio da Harley Davidson no Chatroulette
• Atualize suas atitudes
• Samsung estreia campanha para sua TV 3D
• Imagens com farinha
• Marx explica o que é Mídia Social
• Publicidades inteligentes com conotações sexuais

web

• Comentário é conteúdo?
• Top 10 VPS Providers for Web Developers
• 15 Google Chrome Extensions for People Who Build Websites

Aproveita e me adiciona!

design, publicidade, web #10 é um artigo do blog design, publicidade, web.

Bom, até aí tudo bem. Mas… é caro?

O preço é mesmo o foco? Mas e a qualidade? (crédito)

Que cada um tem seu preço é fato, até porque cada web designer tem seu próprio processo de trabalho e seu diferencial (isso quando você não está contratando um sobrinho). Infelizmente o que muita gente que quer um layout para blog faz é optar pelo preço, e não pela qualidade, pelo novo, pelo diferencial.

E daí que você não ganha nada com seu blog e que ele é só um hobby para você? Um hobby é algo que merece o melhor investimento possível, independente do que ele seja. Um hobby te motiva, te desestressa, te diverte. Não há nada de errado ter um hobby, há? Por que não ter um hobby SENSACIONAL, então?

O meu hobby, por exemplo, é beber cerveja. Eu não dispenso uma Guinness mesmo a R$16, e não é porque eu transbordo dinheiro – quem dera -, e sim porque eu trabalho a semana inteira, o ano inteiro, a vida inteira… e mereço uma recompensa. Não que eu esteja comparando cerveja com blogs, só estou exemplificando a importância de um hobby bem valorizado.

Mas não fujamos do assunto. Afinal, quanto custa um blog? Acredito que você está fazendo essa pergunta cedo demais. Antes, responda para mim: Você sabe como é feito um blog?

Infelizmente ele não vem pronto e com manual de instruções. (crédito)

Muita gente acha que um blog pode ficar pronto em duas horas (algumas pessoas já até me perguntaram se eu cobro pelo meu trabalho). Vou explicar passo-a-passo como é o meu processo de trabalho, assim, caso você não faça ideia de como é feito um blog, vai poder ter uma noção mais exata de “caro” e “barato” na hora de um orçamento, por exemplo.

O briefing de um blog

Bom, precisamos saber o que exatamente o cliente quer, detalhadamente. Não só para o orçamento, mas principalmente para o desenvolvimento do projeto.

O nosso papel não é apenas pegar o que está escrito e colocar em prática. Um web designer deve ser criativo e participativo, dando sugestões, apresentando novas soluções e tudo mais sempre que possível. Uma discussão sobre o projeto deve ser feita até que o briefing seja compreendido e tudo esteja certo para o início da produção. Muitas vezes uma pesquisa mais elaborada precisa ser feita antes de mais nada.

Pesquisando blogs

O que rola nos blogs concorrentes ou parceiros com conteúdo semelhante ao seu? O que todos tem em comum e o que cada um tem de diferente? O que pode ser um diferencial? Dúvidas, dúvidas e mais dúvidas. Quanto mais perguntas, melhor. Perguntas relevantes, é claro.

Parece simples, mas uma pesquisa pode demorar horas.

Logo

» Leia: Como fazer um logo

Logos são complicados. O artigo linkado acima explica bem seu processo de criação, vale a pena ler.

Resumidamente: Mais pesquisa, muitos rascunhos, muita discussão, muitas horas… até chegar lá. Não é só escolher a Helvetica e um Webding (ou desenhar um personagem da Nickelodeon), o briefing e a pesquisa são essenciais aqui. Muitas vezes o logo é o trabalho mais demorado do projeto.

Layout

Mesmo processo: Pesquisa, rascunhos, discussão, horas… e por aí vai. E sempre pensando já em como aquilo tudo vai funcionar no browser, afinal, não se trata só de design.

Se o briefing não foi claro lá no começo, nem preciso dizer que tudo pode atrasar e ficar mais complicado, né? Por isso é muito importante dizer o que exatamente se tem em mente antes de mais nada. Se algo for deixado pra ser discutido apenas quando a produção está em andamento, se for necessário o web designer pode cobrar isso por fora. Afinal, são mais horas gastas e mais trabalho a se fazer, isso não foi calculado na hora do orçamento.

E se depois de todas as tentativas você não ficou satisfeito com o trabalho dele e quiser desistir, ele deve calcular um preço pelo trabalho já feito. Afinal, por mais que você não queira o trabalho, você o contratou e ele trabalhou no seu projeto, não seria justo que ele não ganhasse pelo que fez.

Codificação, Programação e Configuração

Quando a coisa começa a funcionar. CSS, HTML, programação, plugins, ferramentas etc. Aqui é quando o web designer “desaparece” e só volta quando tudo estiver funcionando. Pode demorar bastante, afinal, “cada blog tem seu DNA”.

E tem mais…

Debugação

Eu dou suporte para 10 browsers: IE 7, IE 8, FF 2, FF 3, FF 3.5+, Safari 3, Safari 4, Opera 9, Opera 10 e Google Chrome. Há algumas diferenças gritantes entre esses browsers, e por mais que alguns sejam pouco usados, eu não os ignoro. Cada um escolhe o browser que quiser, não é justo dar preferência só para a maioria. E se a minoria for o público mais fiel? E nem que seja o mais fiel, a minoria ainda é público.

Ajustes finais e… layout pronto!

Um ajuste ou outro sempre é feito – mas nada gritante. Se é algo que vá muito além do combinado no começo, o web designer deve fazer um novo orçamento. Afinal, repito: são mais horas gastas e mais trabalho a se fazer, isso não foi calculado na hora do orçamento. Por mais que o trabalho pareça simples, você deve confiar em quem você contratou, não é mesmo? Muitas coisas parecem ser muito simples de serem feitas, sim. Mas e o planejamento? Como chegar até aquilo? Quais ferramentas usar? Por que fazer? Pra quem aquilo vai ser direcionado? Por que essas pessoas vão gostar? Como vai funcionar?

O cérebro não é a enchada. É o terreno. (crédito)

Por que ter um blog, afinal?

E aí?! É um hobby, uma profissão…? Pra que ter um blog? Por que contratar alguém para fazer o layout e sua implementação? Antes de saber se o preço vai valer a pena, você precisa saber se o blog vai valer a pena. Questione-se. E se você achar o preço muito alto, pense no investimento que você está fazendo. Se for um hobby: A sua qualidade de vida tem preço? Se for uma profissão: Esse dinheiro não vai acabar voltando?

Um layout não é só design, também é acessibilidade, usabilidade, identidade visual, SEO e muito mais, além de não ter “data de validade” – ele dura pra sempre e pode te trazer lucros.

Por fim, uma coisa é certa: profissional tem que se valorizar. Já vi muitos casos de “sobrinhos” que pegam layouts prontos gratuitos na internet, fazem uns ajustes e vendem para o cliente. Já vi preços absurdos, sendo eles altos demais ou baixos demais. Já vi de tudo. Web Design precisa ser levado a sério, tanto pelos profissionais quanto pelos clientes. O mercado na internet está crescendo cada vez mais e não estamos mais na era do HPG, Kit.Net e Geocities.

Aliás, que saudade!

Quanto custa um layout para blog? é um artigo do blog design, publicidade, web.

design

• 70 Exemplos de design editorial
• Fonte de comer
• Quando despedir o seu cliente?
• Lautlos: Brincando com a gravidade
• Second Wind

publicidade

• Ação da TAM no Aeroporto de Montevideo
• Agências vão além da comunicação e passam a desenvolver produtos
• Time for Climate Justice: Killing Sun
• Skol Cincão (barril de 5 litros!) e… Beto Barbosa

web

• Seeding mal feito é spam
• The Top 15 Google Products for People Who Build Websites

Aproveita e me adiciona!

design, publicidade, web #9 é um artigo do blog design, publicidade, web.

Top 5 – Segura a Onda! / Curb Your Enthusiasm (Primeira Temporada)

// Top 5 completamente aleatório sobre a série Curb Your Enthusiasm.

7 vídeos stop-motion um tanto quanto criativos de PES

// Stop-motion sensacional. Sem mais.

Nissan Sentra SE-R Drift

// Um dos melhores comerciais de carro que eu já vi.

Skol Cincão (barril de 5 litros!) e… Beto Barbosa

// Comercial nonsense para o lançamento do barril de 5 litros da Skol.

Lautlos: Brincando com a gravidade

// Criação bem bacana da FEEDME.

Eu escrevo no Haznos #4 é um artigo do blog design, publicidade, web.

Pois bem, esses dias, graças ao @jcuruchet, meu parceiro de design na 2nd (pegou mal?) fiquei sabendo do WhatTheFont, um site que te ajuda a descobrir o nome da fonte que está achatada em uma imagem e você não encontra nem naquele pacote com 10 mil fontes que você baixou na semana passada.

À princípio o WhatTheFont pode ser meio confuso, então criei um pequeno passo-a-passo para facilitar. Espero que seja útil.

Como achar a fonte à partir de uma imagem?

Pegue a imagem e faça o upload (ou especifique a url) onde se indica, aí é só clicar em “Continue”.

Algumas dicas caso você passe por dificuldades:

• Tente usar caracteres que tenham uma forma distinta, única. Se preciso, recorte-os da imagem e organize-os em uma nova para facilitar o processo;
• Se possível, deixe os caracteres com 100px de altura;
• Veja se os caracteres não estão se tocando (se fundindo, no caso). Isso pode “confundir” o site, que poderá interpretar os caracteres unidos como um só. Por exemplo, as letras manuscritas estão todas juntas, certo? Mas não se desespere, o mecanismo é bastante descomplicado e nem sempre isso será um problema crucual;
• O texto obviamente precisa ser o mais horizontal possível.

Para o “manual”, escolhi o logo do Google por ele ser colorido, o que facilita na explicação: Após você enviar a imagem, vai carregar uma tela onde alguns caracteres estarão destacados. Você deve preencher no campo abaixo de cada imagem qual caractere está destacado, mas apenas quando ele é válido. Exemplo:

Repare que alguns campos estão em branco justamente porque os caracteres destacados não correspondem à caracteres válidos. E como eu estou pesquisando apenas pela fonte do texto “Google”, também deixei em branco os campos onde os caracteres do texto “Brasil” estão destacados. Isso é muito importante, inclusive: Se há várias fontes na imagem, destaque apenas a que você pesquisa. Se você quer pesquisar por todas, repita o processo destacando apenas uma fonte por vez.

Após validar os caracteres, é só clicar em “Continue” de novo e aguardar pelos resultados. Olha só:

Foram 40 sugestões de fontes semelhantes à do Google – logo no topo já aparecem três idênticas, e visivelmente eu não consegui diferenciar as três. Qual será a oficial, afinal? Enfim, para facilitar a comparação, a imagem que você usou fica “flutuando” à direita, do lado das sugestões do site, como ilustrado na imagem acima. É uma mão na marcha.

Qual é a fonte?

Sim, o site disponibiliza as fontes para download, mas nem todas são gratuitas. Bom, se você não conhecia o site, fica a dica. Se você conhece alternativas ainda melhores ou semelhantes, fique à vontade para divulgar nos comentários!

Como descobrir a fonte pela imagem? é um artigo do blog design, publicidade, web.

design

• 7 vídeos stop-motion um tanto quanto criativos de PES
• Noma Bar manda bem

publicidade

• 6 tipos de cliente e como lidar com eles
• O Efeito Spec
• A conta de bar de US$ 73.000

web

• Versão 3.0 potencializará WordPress como CMS
• Web Design Trends, April 2010
• Galeria de imagens com CSS3
• Glo: Site para mulheres e com uma interface diferente
• 10 Key Learnings: Marcas x Twitter

Aproveita e me adiciona!

design, publicidade, web #8 é um artigo do blog design, publicidade, web.

WhopperFace

// Ação da Ogilvy Brasil para o Whopper, do Burger King.

Parkour Flipbook

// Um parkour diferente. Um flipbook diferente.

Top 5 – Buffy, a Caça Vampiros

// Top 5 completamente aleatório sobre a série ‘Buffy‘.

Adobe Photoshop Cook

// Stop-motion onde o Photoshop é usado… para cozinhar!

O Efeito Spec

// Comercial hilário da ótica Specsavers que homenageia o clássico “Billions”, da Axe.

Eu escrevo no Haznos #3 é um artigo do blog design, publicidade, web.

O fato é que Joss Whedon tinha vários personagens da série ‘Buffy’ para tocar um spin-off. Uma caça-vampiros rebelde, um vampiro desequilibrado (mais que o normal), um lobisomem guitarrista e por aí vai. Mas não, ele pegou um personagem que finalmente estava mostrando potencial na série (se bem que ninguém aguentava mais suas cenas melosas com Buffy) e uma personagem que não era tão útil ao time, mas que seria injusto dizer que ela não era essencial ali.

Angel | 1ª Temporada

Angel e Cordelia vão para Los Angeles assim que a terceira temporada de ‘Buffy’ chega ao fim (calma, isso não é nenhum spoiler – senão seria spoiler dizer que o Angel tem sua própria série), e a primeira temporada de Angel começa junto à quarta temporada de Buffy, caminhando lado-a-lado em alguns episódios. Whedon não criou apenas mais uma série para aproveitar o “vampiro com alma” Angel, foi bem mais que isso: ele expandiu o universo ‘Buffy’.

A série já começa mostrando que vai seguir uma linha diferente da de ‘Buffy’. Com um toque mais sombrio e adulto, Angel começa bem e prova que tem grande potencial, tanto em relação ao enredo quanto aos personagens. Porém, quando a temporada chega na metade a coisa começa a esfriar e episódios dispensáveis começam a aparecer, além de uma certa bagunça no enredo, personagens mal aproveitados e furos grotescos no roteiro. Vez ou outra aparece um episódio que empolga, mas nada que traga de volta o ritmo do começo da série. Vale frisar que, enquanto isso, ‘Buffy’ também dá uma certa esfriada. Será que trabalhar em duas séries simultaneamente teria “diluído” o trabalho de Whedon? E mais: O microfone que aparece no topo em uma das últimas cenas do último episódio fechou com chave de ouro a série de “escorregões” da temporada. Foi como se nada pior pudesse acontecer dali pra frente.

A primeira temporada de Angel foi uma experiência, ao meu ver. Tudo foi testado. Algumas coisas deram muito certo e outras não. Por exemplo, os flashbacks de Angelus foram bem utilizados, mas infelizmente os episódios em si onde eles aparecem não empolgam. De qualquer forma, a série termina deixando infinitas possibilidades no ar. Nos resta torcer para que eles acertem mais na segunda temporada.

Essa frase faria mais sentido em 2000, quando a primeira temporada terminou e a segunda começou.

Personagens

- Angel (David Boreanaz)
Um vampiro com alma e justiceiro. Parece extremamente clichê, não é mesmo? Bom, tudo depende da forma em que esse vampiro é utilizado. Angel é solitário e sombrio, mas não chega a ser um anti-herói. David Boreanaz interpreta Angel e suas duas personalidades (a com e a sem alma) como um verdadeiro mestre. À princípio Angel parece ser um “bobão”, mas quando você passa a conhecer melhor o personagem você percebe o quão brilhante ele é (sem trocadilhos com Crepúsculo, por favor).

- Cordelia Chase (Charisma Carpenter)
A patricinha superficial e egoísta de Sunnydale agora busca carreira de atriz em Hollywood enquanto vive em um apartamento caindo aos pedaços. Cordelia não mudou nada (tirando o “plus” que ela acaba ganhando quase na metade da temporada), mas finalmente tem um papel de maior importância. Porém, continua sendo a Cordelia, não é mesmo?!

- Wesley Wyndam-Pryce (Alexis Denisof)
Ex-guardião da Caça-Vampiros rebelde Faith, virou um “caçador de demônios renegado” após ser despedido pelo Conselho. Acabou parando em Los Angeles e uniu-se ao time de Angel. Tão cômico e atrapalhado como na terceira temporada de ‘Buffy’, dessa vez Wesley tem mais espaço para mostrar-se útil e evoluir. Alexis Denisof mostra ser um grande ator e faz a diferença na série, mostrando que sua passagem por ‘Buffy’ foi apenas um aquecimento.

- Allen Francis Doyle (Glenn Quinn)
O meio-humano (ou meio-demônio) que uniu-se a Angel por conta de um poder que ele “ganhou” do Poderes que Valem: a possibilidade de ter visões sobre o mal, humanos sendo atacados por demônios. Não se dá muito bem em lutas apesar de seu lado demônio ser extremamente forte – o fato é que ele não gosta muito de se transformar, tanto que esconde esse seu lado de Cordelia, pela qual ele tem uma queda. Glenn Quinn fez parte do auge da temporada, pena que seu personagem… ok, sem spoilers.

- Kate Lockley (Elisabeth Rohm)
É a detetive que no início tem um “atrito” com Angel, mas que acaba ajudando-o ao longo da temporada. Quando ela descobre sobre a existência de demônios, que Angel é um vampiro e que seu pai foi assassinado por vampiros, ela começa a participar de investigações de crimes sobrenaturais a fim de vingar a morte de seu pai. De quebra, começa a odiar Angel. Elisabeth Rohm é uma ótima atriz, mas o grande destaque é para a sua Beleza. Assim, com “B” maiúsculo.

Guia de Episódios

• 1 – City of… ()
• 2 – Lonely Hearts ()
• 3 – In the Dark ()
• 4 – I Fall to Pieces ()
• 5 – Rm w/a Vu ()
• 6 – Sense and Sensitivity ()
• 7 – The Bachelor Party ()
• 8 – I Will Remember You ()
• 9 – Hero ()
• 10 – Parting Gifts ()
• 11 – Somnambulist ()
• 12 – Expecting ()
• 13 – She ()
• 14 – I’ve Got You Under My Skin ()
• 15 – The Prodigal ()
• 16 – The Ring ()
• 17 – Eternity ()
• 18 – Five by Five ()
• 19 – Sanctuary ()
• 20 – War Zone ()
• 21 – Blind Date ()
• 22 – To Shanshu in L.A. ()

Angel e a primeira temporada

Com uma pitada de Arquivo X (!), Angel tem uma primeira temporada oscilante em questão de qualidade, mas não deixa de ser uma série indispensável em questão de entretenimento. É o que eu sempre digo: A genialidade de Joss Whedon nunca deve ser subestimada.

Angel – Temporada 1 é um artigo do blog design, publicidade, web.

design

• O alfabeto mais casca-grossa que existe
• Adobe Photoshop Cook

publicidade

• Depois da piada pronta, o anúncio pronto.
• O melhor chocolate do mundo, e de graça!
• Stark Expo 2010: Novo site viral para “Homem de Ferro 2″
• A publicidade que pegou Jesus pra Cristo

web

• A Complete Guide to VPS Hosting

Aproveita e me adiciona!

design, publicidade, web #7 é um artigo do blog design, publicidade, web.