1. Não mostre ao cliente nenhum logo que você não ame

Esta é a regra mais importante. Muitos anos atrás eu tive essa idéia tola que eu mostraria esse “logo animal” junto com “esses dois outros logos toscos para fazer a minha preferida parecer ainda mais animal”. O problema é que o cliente quase sempre escolhe o logo tosco e daí você se ferra ao ter que usar ela. Nunca, nunca, nunca mostre ao cliente um logo que você não ame!

2. Mostre aos logos em preto e branco APENAS

Eu sempre explico ao cliente que trabalhamos nas cores do logo depois da logo final ser aprovada. O motivo é simples: você não quer dar algo a mais para ele se preocupar. O cliente vai passar um tempo ridicularmente longo apenas pensando no esquema de cores em vez de pensar no que realmente importa, nesse caso a imagem do logo. E também, com raras excessões, 70% dos clientes provavelmente irão trabalhar em preto e branco ou apenas uma cor, então o logo precisa ficar boa em preto e branco. E quando digo preto e branco, eu quero dizer preto e branco sem gradientes ou tons de cinza. Não estou dizendo que não se deve usar cores: apenas focar primeiro no logo e depois nas cores.

Logos em preto e branco - para ver se a identidade não se perde

3. Faça sempre seus logos em formato vetorial

Qualquer logo, até mesmo para um site de internet, precisa ser redimensionado para usos diferentes. Fazendo um logo no Photoshop deixa você sem uma base que pode ser utilizada mais tarde. Fazendo seu logo em um programa de desenho vetorial (Adobe Illustrator, Corel Draw, etc) também vai permitir que você “quebre” o logo e utilize os pedaços em outros aspectos do trabalho do seu cliente. E além do mais, você vai ter mais flexibilidade para utilizar o logo em diferentes mídias (outdoor, multimidia, etc) sem perder a qualidade, além de ser mais fácil de editar depois.

4. Vá direto ao topo

Nunca aceite um trabalho onde um comitê de 10 pessoas devem aprovar seu design. Você vai acabar levando um logo ótimo e tornando-o numa gigante poça de p@#$ em questão de horas ao tentar agradar as 10 pessoas. Descubra quem é o manda-chuva que vai tomar as decisões e trabalhe apenas com ele. Se não há um único manda-chuva, não aceite o trabalho. Você vai se agradecer mais tarde.

5. Tenha certeza que ele vai funcionar com tamanhos ridicularmente pequenos

Isso vai junto com a regra do preto e branco. Clientes vão querer usar aquele logo em diferentes coisas, inclusive imprimindo-os em canetas e afins. Esse logo precisa funcionar em um tamanho minúsculo! Você talvez até queira pensar em como que o logo vai ficar em um banner alto e magro, num banner quadrado e em um largo. Pergunte-se: é fácil de caber ele em qualquer ambiente?

6. Evite usar filtros, efeitos e outras piras.

Um logo é um gigante investimento para uma empresa. Criar um logo que segue a tendência ou que é cheio de firulas vai resultar em um logo ultrapassada e tosco no ano que vêm. Não estou dizendo para evitar totalmente, mas lembre-se que o logo não pode perder sua identidade se for impresso em um jornal, por exemplo. Para mídias digitais (TV e web), é normal haver versões com efeitos de luz e sombra. Mas a versão final não pode ter estes efeitos como essenciais.

7. Crie uma arte simples

Não tente fazer um design muito complexo. Não use mais de duas fontes e apenas uma imagem gráfica. Um logo que é complexo demais não serve para nada além de diluir a marca, além de deixar horrível em tamanhos pequenos.

O logo da Unilever é um exemplo disto. É bonito, mas difícil de ver em tamanhos menores

8. Produza filhos

Não nesse sentido! Quando você estiver com um design que você goste, veja se é possível usar apenas uma parte do logo. O logo da Coca-Cola é o exemplo perfeito: você pode usar o tipo como também pode utilizar o lacinho que as pessoas ainda vão saber que é a Coca-Cola, embora não esteja explícito. A Apple Computer é outro grande exemplo. A Apple parou de utilizar a palavra “Apple” junto com a logo anos atrás, mesmo assim você ainda sabe reconhecer qual é a empresa quando vê aquela maçã comida.

9. Conselho final: pense adiante

Não faça um logo que fique bom apenas em um pedaço branco de papel. Seu cliente provavelmente vai querer utilizá-lo em propagandas, comerciais de TV, outdoors e até quem sabe em um caminhão. Faça um logo que “funcione” com diferentes clientes finais. Verifique se o logo é balanceado. Ele fica bom se colocado no final de um propaganda impressa, sem importar se ele vai ficar a esquerda, centro ou a direita? Fica legal quando ele têm um endereço web debaixo dele? Fica visível em um fundo escuro? Fica bom em um caneco?

Claro que regras foram feitas para serem quebradas. Você é o designer, você dita as regras. Mas você precisa supor que o pior pode acontecer, olhar todas as possibilidades e ver o mundo com os olhos do cliente. Mesmo se você não terminar com um logo que mereça ser premiado, você pelo menos vai fazer seu cliente feliz e, com sorte, ter uma bom logo em mãos.

Original: Creative Guy (traduzido e adaptado por Canha).

E você? Quais regras importantes que você acha que deveriam ser consideradas ao se fazer uma logo?

Um sketchbook (ou sketch-book, ou até mesmo “caderno de rascunhos”) é o que significa: um caderno para sketches (”rascunhos”). Estes cadernos servem para rascunhar todo e qualquer tipo de coisa: desde idéias que vem a sua mente durante o café a exemplos de um logo para cliente. Muitos cadernos não seguem nenhum tipo de lógica: são desenhos e textos diversos, sem separação por categoria e em uma desordem caótica que pode ser apenas entendida pelo próprio autor do caderno.

Cadernos de rascunho são para bons pensadoresExistem infinitas variações desses cadernos: desde o tradicional Moleskine até cadernos mais simples e comuns. O ideal são cadernos pequenos, de tamanho A5 ou menor (148 por 210 mm), capa dura para um melhor apoio em qualquer superfície e sem pauta (ou seja, sem linhas). No entanto, alguns designers preferem cadernos com pautas claras e discretas, quase invisíveis para seguir de guia na hora do desenho. Neste caso, existem cadernos com linhas, pontos e quadrados que são excelentes para servir de referência.

“Mas, Canha, eu preciso ser um artista para ser um bom designer?“. Não. Como mencionou Jason Santa Maria recentemente, “Cadernos de rascunho não são apenas para bons artistas, são para bons pensadores“. O objetivo destes cadernos é de rascunhar idéias, independente de quais sejam e quão bem sejam rascunhadas.

Conheço muitas pessoas das áreas criativas (publicidade, jornalismo, etc) que carregam consigo algum tipo de caderno para rascunhas idéias. São cadernos que cabem no bolso e são portáteis. A qualquer hora que lhes ocorrer uma idéia, sacam o caderninho e um lápis (ou caneta) e começam a rabiscar. Muitos podem achar que eles são loucos, mas vale lembrar que uma idéia pode facilmente desaparecer se não registrada (quantas vezes você teve uma idéia genial para fazer mais tarde e no final esqueceu se o que era?).

Não é só pra isso que o caderno serve: as vezes, escrevemos uma frase que achamos interessante, ou fazemos um pequeno desenho de algo que vimos na rua. Eventualmente, quando falta inspiração, o melhor local para se procurar é no seu caderno.

Meu caderno de rascunhos, onde rascunhei o visual do Design.blog

Muitas vezes as pessoas demoram para achar o caderno de rascunhos ideal. É perfeitamente normal. Eu já tive vários cadernos diferentes – com um papel de outra cor, capa mole, capa dura, menor que uma folha A5, maior que esta e por aí vai.

Teste diferentes cadernos até achar um ideal para você e sempre carregue-o no seu bolso ou mochila. Assim, nenhuma idéia irá lhe escapar e quando você estiver procurando inspiração, é só folear seu caderno. Ah, e não esqueça de levar também uma caneta ou lápis ;)

A principal mudança é o design novo, baseado no conceito de papel digital, como a versão antiga. Mas nesta há mais efeitos de JQuery para deixar o blog mais fácil de ser navegado – a barra lateral por exemplo contém ítens “minimizados”. Outra mudança grande é o nome e endereço do novo blog. Como vocês podem notar, agora é Design.Blog.Br. Domínio mais fácil de ser lembrado e que diz exatamente o que este site é: um blog de design.

Também há uma nova conta de Twitter: o @design_blog. Lá não vou só publicar as atualizações do blog, mas links interessantes relacionados a design. Sigam-me lá!

Se notarem algum tipo de problema, por favor entrem em contato informando onde está o problema. Ah, e nem adianta falar que não funciona no Internet Explorer 6 – não faço questão que funcione ;D

No geral, espero que gostem do novo nome, domínio e visual. Elogios são bem-vindos!

Ah, esse blog foi criado pelo xCakeBlogs, então aproveitem para dar uma passada lá também.

O Load Impact é um site que faz alguns testes no seu site para ver como ele irá responder a um excesso de acessos de uma vez. Com gráficos fáceis de entender, você vai poder ter idéia de como seu site vai reagir caso a populariedade dele pule de uma hora pra outra, ou no caso daquele serviço que você criou e quer ver se ele vai conseguir segurar um “boom” de acessos.

Esse foi o logo criado:

Demora para perceber as sutilezas. Entre elas, as letras S P em verde e azul respectivamente. Outro detalhe (que supostamente, foi intencional) é a imagem do jogador fazendo voleio. Ok, ok, consigo sobreviver com isto.

Mas e estas cores? Cinco cores! Verde, vermelho, azul, verde e preto (tá, esse pode ser a ausência das cores, mas ainda é uma cor).

E cadê o alinhamento? Coloque esse logo em uma grade (”grid“) e você vai ver que não há nada que possa ser reproduzido direito.

Pra finalizar, um pequeno detalhe:

Qualquer coencidência é mera semelhança?

Agora comparem com o logo de Curitiba:

Esse já está bem melhor. O pessoal do Webmotiva G8 achou um símbolo da cidade (que não sei se é o Jardim Botânico ou a Rua 24 Horas já que são semelhantes) e usou isso pra representar Curitiba. São Paulo, você não tem nada pra mostrar?

Então pra responder a pergunta Mas será que é tão ruim assim? a resposta é Sim.

MPM, demita o estagiário de publicidade que fez esse pseudo-logo e refaçam, pelo bem da cidade. Os designers do nosso país (e provavelmente do mundo) agradecem.

Um grupo no Flickr junta centenas de infográficos para quem precisa de inspiração nessas horas. Recomendo uma olhada aqui!

Vamos lá colocar em texto o que escreveram:

O fundo elíptico significa que o universo atual está em expansão (não é estático) a partir do big-bang – a grande explosão – ocorrida a 15 bilhões de anos.

Fatualmente, é difícil saber se o universo está expandindo. Alguns cientistas ainda acreditam que o universo é infinito. Como não existe infinito + 1, o universo não pode expandir. Mas, ok, vamos deixar essa passar.

Já as setas abertas e coloridas significam: a superior percepção milenar de que o Planeta Terra era verde, percepção eta (sic) que só foi modificada por Yuri Gagarin, o 1o homem a entrar em órbita em 1958, quando disse perplexo e estupefato: Nossa! A Terra é azul (coloração da seta inferior e o fundo também azul da Elipse).

Yuri Gagarin foi de fato o primeiro homem a ver com os próprios olhos de que a Terra é azul. Mas antes disto, o homem já sabia que era. Afinal de contas, é só ver mapas do início de 1900! Boa parte do planeta já estava coberto de água.

A descontinuidade das setas significa que a produção do saber ocorre por rupturas, como afirma Thomas Kuhn em seu livro “A Estrutura das Revoluções Científicas” e não somente por adições ao conhecimento anterior. (Exemplos emblemáticos das rupturas: a heuréka de Arquimedes, o silêncio imposto pela Igreja a Galileu Galilei, a Teoria da Incerteza da Mecânica Quântica de Werner Heisemberg).

Ok, te dou essa. Mas…

Trocando em miudos: nossa logomarca (sic) pretende refletir (o) emblema ético e paradigmático da nossa forma de ver, pensar e agir no mundoÇ nossas convicções e práticas que nos colocam todos em um mesmo “barco cósmico comum” fruto que somos da grande explosão (big-bang) ocorrida há bilhões de anos. Coloca-nos irmãos, como diz Leonord Boff, da lesma à galáxia mais distante.

Agora a grande pergunta é: o que isso tem a ver com um jornal de uma área de preservação ambiental? Simples: nada. Quem escreveu o texto não foi o suposto designer. Não vou entrar no mérito de discutir se o tal Júlio Cesar era de fato designer (pelos erros gravíssimos que nenhum designer deixaria passar na hora de criar um logo). Mas por que esse tal Renato Quintino dos Santos foi quem descreveu o trabalho do outro? Interpretações podem ser tão mal feitas de vez em quando:

Então, fica a dica: se você for defender seu trabalho, não invente significados para algo que você criou sem pensar em ter um significado.

Fonte: LogoBR

Imaginem as seguintes situações:

– O cliente liga pra gente pedindo uma pizza e está mais preocupado com a aparência da pizza do que o conteúdo real dela.

– No meio do trabalho de confecção da pizza, o cliente liga pedindo pra você mandar pra ele um preview de como está ficando a pizza para a aprovação (ou desaprovação) dele.

- Após o cliente acima receber a pizza-preview, ele pede pra fazer “uma pequena alteraçãozinha”: substituir a mussarela amarela por mussarela verde, simplesmente porque ele gosta mais de verde. Isso faz com que você tenha que jogar a pizza antiga fora e produzir uma nova, que além de dar mais trabalho, ficará bem mais feia.

- O cliente te liga numa noite qualquer pedindo 500 pizzas para serem feitas em 15 minutos, pois ele tem uma festa pra ser iniciada e resolveu te ligar só agora.

- Você destaca seus melhores pizzaiolos para atender a esse cliente porque seu pedido é ‘mais importante’ e deixa as pizzas dos outros clientes de lado, o que faz com que todos eles liguem pra reclamar que a pizza deles não esta pronta dentro do prazo.

- Após você produzir quase todas as pizzas do cliente acima, ele te liga avisando que não precisa mais de pressa porque ele errou a hora. Na verdade, você ainda tinha 4 horas pra produzir as pizzas.

- O cliente te pede pra colocar as azeitonas de forma simétrica de modo a dar destaque a área central da pizza, que afinal é a área mais importante do disco e é a primeira área que o cara que for comer a pizza deverá ver ao bater o olho nela.

Continue lendo aqui… ou aqui

*Edit* – Devidamente creditado. Brigado Junior Silva.

É um filme bizarro e sem sentido. Tem até participação especial no final. Vale a pena pelo besteirol.

Identificando os problemas

Isso é extremamente importante. Se você está re-desenhando seu site é por que ele tem problemas. Quais? Qual o impacto desses problemas? Vou tomar como exemplo um site que estou re-desenhando:

Vamos fazer uma lista dos problemas que esse site apresenta:

• Pouco contraste entre texto e fundo
• Não há nenhuma descrição do que se trata o site
• Cadê o link para a página inicial?
• Cadê a busca?
• A imagem principal é o que? Qual o objetivo dela?
• O que é aquele “Hot news headlines”?

Há bem mais problemas (especialmente internamente), mas vamos nos focar nesses.

O ideal é que você tenha mais pessoas opinando sobre os problemas que o site pode apresentar. Faça um teste simples de usabilidade. Por exemplo, peça para alguém que você conhece que não saiba mexer muito com internet tentar navegar no site. Quais os problemas que ela encontra?

Com a lista de problemas em mãos, dá para começar a pensar em…

Possíveis soluções

Alguns problemas tem soluções fáceis e óbvias. Outras nem tanto. E é aí que vamos gerar outra lista oferecendo possíveis soluções aos problemas na mesma ordem (nesse exemplo, uso a / para oferecer mais de uma solução):

• Deixar texto com cor preta / Escurecer o fundo
• Colocar uma rápida descrição do que se trata o site no topo / Evidenciar o link “Sobre”
• Colocar o link “Home” no menu
• Criar uma caixa de busca rotulada “Busca” em um local específico do site
• Dar menos ênfase àquela imagem (que é o portfólio) / Deixar apenas uma chamada ao portfólio
• Remover o “Hot News Headlines” (que mostra as últimas do blog interno)

Faça tudo isso antes de começar a trabalhar no Photoshop ou desenhar rascunhos; com os problemas apontados e soluções oferecidas, o desenvolvimento do novo rosto do seu site vai ficar muito mais fácil.

Em tempo

Ando bem ocupado nessas últimas semanas com blog ficando fora do ar por problemas técnicos, novo emprego e vários serviços. Além disto, estou no processo de escrever um livro e atualizar o visual do Digital Paper. Eis um pequeno preview de como vai ficar:

Em breve, novidades e mais atualizações ;)