• Case: Calendário “A Beleza de Ser” – Claudia Regina mostra como ela criou um calendário com todo o processo criativo.
• Revistas de design – Membros do Forum indicando revistas de design. Você tem alguma outra indicação?
• Livros de design – Novamente, os membros indicam alguns bons livros de design.
• A vovó e o design – Texto interessante sobre a experiência dos mais velhos e sua relação com o design.
• Quanto receber e como receber? Membros discutem em quantas parcelas um job deverá ser pago e as formas de pagamento disponíveis.

O que você está esperando para participar desta comunidade crescente de designers de verdade? Acesse já o Forum de Design, registre-se e participe!

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Sorteio relâmpago: Design Básico – Cor
• Concurso Forum de Design 10
• Apanhado geral

1. Assumir que “se você construir, eles virão” – Mesmo se você conseguir fazer o site “perfeito” você ainda precisa fazer marketing deste projeto. Cada vez mais torna-se importante espalhar a palavra sobre seu site, seja no mundo online ou offline.

2. Misturar publicidade com conteúdo – Pode até aumentar seus cliques a curto prazo, mas quando os usuários acreditarem estar clicando em um link interno e descobrirem que você enganou eles, muitos não vão mais voltar.

3. Usar páginas de introdução – Por sorte, essa tendência tá diminuindo. Mas antigamente existia muitos sites que precisavam perguntar ao usuário se ele realmente queria entrar, em vez de levá-lo direto ao conteúdo.

4. Vídeos ou música – Se for para colocar vídeo ou música em seu site, não faça tocar automaticamente na hora que a pessoa acessar. Se o usuário quiser escutar sua música ou ver seu vídeo, ele vai escolher fazê-lo. É algo irritante e causa desconforto em quem deixou as caixas de som ligadas no escritório.

5. Não altere as funções do navegador – Não quebre os botões de voltar, avançar ou qualquer outro (como redimensionamento da janela). Algumas pessoas precisam destes botões (quem não possui teclado, por exemplo – entre estes grupos, deficientes físicos).

6. Não abra links em nova janela – Permita ao usuário escolher o destino dele. Se ele quiser voltar, ele irá. Não adianta prender uma pessoa no seu site.

7. Não sublinhe ou mude as cores do texto normal – Usuários identificam palavras sublinhadas e palavras com outras cores como links. Não confunda eles usando múltiplas cores no seu texto sem fim algum.

8. Seja consistente – Não faça com que cada página interna do seu site seja diferente. Isso inclui cor de texto, fundo, posicionamento de menu e design no geral.

9. Evite cores fortes e brilhantes – Faça com que a fonte seja fácil de ser lida com o fundo escolhido. Lembre-se de que só por que você consegue ler o texto rosa-choque no fundo amarelo-vivo, não quer dizer que todos conseguem.

10. Não force um registro se não for necessário – Não force os usuários a fornecerem seu e-mail quando não é absolutamente necessário. Ponto final.

11. Não desabilite o clique com botão direito do mouse – Muitos “webmasters” tentam evitar a cópia de seu texto com esses scripts que bloqueiam o uso do botão direito do mouse. Scripts assim são fáceis de serem desativados, então se alguém quiser copiar, ela irá. Sem contar que isso pode trazer alguns problemas para usuários que usam apenas o mouse para navegação.

12. Otimize o CSS e suas imagens – Otimizando a folha de estilos e imagens vai garantir um tempo menor de download e ocupará menos transferência mensal, te salvando muito dinheiro.

Fonte original (Traduzido e adaptado por Canha)

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Criando wireframes online
• Re-desenhando um site (dica)
• Novo Forum de Design
• Nova galeria CSS 100% brasileira
• Como usar reflexos

Pictogramas sempre despertaram minha admiração, não sei se pelo simples fato de que adoro sinalização gráfica ou porque foram um dos primeiros trabalhos que reconheci como sendo de design muito antes de entrar na faculdade, e admirá-lo como tal.

Hoje leio a notícia que foram divulgados os novos pictogramas de Londres 2012. Pensei, se a identidade visual já não causou uma grande discussão na comunidade de profissionais dessa área (e podem ter certeza, os designers responsáveis por ela foram abalados pelas grandes críticas na época de seu lançamento) os pictogramas poderiam vir para diminuir ou “se redimir” do que foi feito. Felizmente foi isso que aconteceu.

Olhando as imagens que foram divulgadas detalhando as duas versões dos pictogramas percebemos que eles acertaram. Claro que estamos diante de uma versão digital, e só iremos ver o resultado final funcionando de verdade na sua aplicação na sinalização dos jogos e produtos licenciados. Mas confesso que fiquei muito atraído pelas cores pulsantes da versão “dinâmica” (nome dado pelos autores dos pictogramas), além das formas que por vezes terminam de maneira grosseira. Percebe-se claramente que há um “ar novo” neste trabalho pois os elementos contribuem nesse sentido. A ligação de algumas linhas presentes no desenho em referência ao tube londrino (metrô) servem de maneira clara e super bem encaixada como uma espécie de apoio de cada peça. Por vezes essas linhas formam o chão do ciclista, outras vezes são apenas a rede de uma quadra de tenis.

A sensação de movimento está em todo lugar apoiada por estas linhas. Veja a trajetória da bola de vôlei e da areia no pictograma que representa o vôlei de praia ou o movimento de corpo feito pelo tenista de mesa.

Obviamente, por outro lado, já li comentários negativos a respeito dos pictogramas de 2012. “Boa ideia, mas mal executado“, “Eu mal consigo decodificar esses símbolos” (essa na minha opinião, ficou muito forçado), são alguns exemplos. Mas ainda é cedo para saber se a resposta do publico será negativa ou positiva. Acredito e torço para que seja positiva. Os caras acertaram dessa vez, na minha opinião.

Para aqueles que em um primeiro momento não gostaram, lembrem-se de quantos coisas relacionadas ao design não gostávamos a um tempo atrás e só agora começamos a dar valor. Os pictogramas olímpicos oferecem essa possibilidade pois ficarão para sempre disponíveis para quem quiser vê-los e aprender a apreciá-los. A propósito (e seguindo o ufanismo olímpico brasileiro), já estou curioso para ver os pictogramas de Rio 2016 :-)

Quer participar do Design Blog e ganhar exposição gratuíta? Entre em contato e você poderá estar escrevendo o próximo artigo do Design Blog.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Top 7 ícones usados excessivamente no design
• Entrevista com Bruna Bites – redesign do migre.me
• Ser designer é…
• Concurso Forum de Design 10
• 5 artigos revistos no Design Blog

Confira o vídeo abaixo explicando (embora em inglês) mais sobre o PatchMatch. Mesmo se não entender, as imagens falam por si só.

Agora, imagine a leva de orkuteiros que vão usar o Photoshop para fazer edições de fotos “fantásticas” com essa ferramenta?

O pacote CS5 da Adobe deverá ser lançado no início do segundo trimestre de 2010.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Random Posts

• Tipos de clientes
• Acidentes podem fazer sucesso
• Vagas em Curitiba – PR
• Marcas Famosas
• Tutorial – Redimensionar imagens (Photoshop)

Pode parecer nome artístico, mas não é. Bruna Bites, além de ter um dos sobrenomes mais invejados pelos nerds, é uma publicitária que atua como diretora de arte. Contratada pela Kingo Labs (empresa do próprio Jonny Ken), Bruna redesenhou o migre.me deixando-o com um visual muito mais profissional e interessante, além de resolver outros problemas de usabilidade.

Confira a entrevista exclusiva que tivemos com a Bruna por e-mail, falando um pouco sobre o processo de desenvolvimento do novo visual.

Bruna, como que você conheceu o migre.me?
Conheci o migre.me por meio do próprio twitter, vendo os links que várias pessoas que eu seguia postavam.

Como você foi chamada para refazer o layout? Teve algum tipo de “concurso”, uma agência foi contratada ou você foi contratada por uma agência?
Na verdade, a Kingo Labs, que surgiu da sociedade entre o Jonny Ken, Paula Signorini e Maria Carolina, me contratou como designer de interface para cuidar de toda parte visual relacionada às suas ferramentas. E isso inclui o migre.me, que passou a fazer parte dos produtos da startup

Você teve alguma fonte de inspiração para desenvolver esse layout? Qual foi?
Na verdade foram várias referências. Mas todas com algo em comum: ser clean e com uma identificação imediata da função da ferramenta.

O que você achava do layout antigo?
O migre.me antigo era pesado, meio over, com uma grande associação ao layout do próprio twitter e com excesso de informação.

Layout antigo do migre.me: tabelas e visual pobre

Layout novo: firme e bem focado

Quais eram os principais problemas do layout antigo?
A arquitetura deixava a desejar na busca de algumas informações e no uso de determinadas funções. Havia um excesso de informação em algumas áreas. Além do uso de tabelas, ao invés de um CSS mais estruturado, o que, de certa forma, deixava o carregamento mais lento.

Você acha que um layout novo ajuda o serviço a crescer? Por quê?
Com certeza. O migre.me começou como uma brincadeira do Jonny Ken e aos poucos foi assumindo um ar mais sério. O novo layout ajuda a reforçar essa nova fase, mais profissional, mais moderna. Além de resaltar as mudança constantes que o serviço vem sofrendo para otimizar seu uso.

Como foi o processo de criação do layout?
Se iniciou com um benchmark de vários encurtadores existentes. Depois com uma extensa busca por referências ideais. A partir daí fomos avaliando o que deveria ganhar destaque ou, até mesmo, ser excluído na nova versão. Após algumas propostas, definimos essa linha visual que está no ar e o fluxo de trabalho foi se tornando meio natural, com aplicação dos padrões definidos no conteúdo já existente. E todo esse processo foi feito com pitacos da equipe Kingo Labs, que de certa forma, são grandes usuários do serviço e o conhecem profundamente.

Qual era o objetivo principal na nova versão? A que precisava-se dar ênfase?
O principal objetivo era marcar essa nova fase com um layout mais profissional e mais atual. Além disso, era necessário simplificar o que se via na tela. A marca criada pelo tio .Faso, começou esse processo e o layout com a nova arquitetura também acompanharam essa tendência. Obviamente, o campo encurtador foi um dos grandes pontos de mudança. Ele ganhou um destaque maior para simplificar já na home a função principal do migre.me.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Entrevista: Paul Boag
• Novo Forum de Design
• Nova galeria CSS 100% brasileira
• 10 motivos pra não usar introduções em sites
• Erros em web design que devem ser evitados

Para concorrer ao livro Design Básico – Cor é necessário mandar essa mensagem no seu Twitter:

Eu leio o @design_blog e quero o livro da @bookmaneditora! http://migre.me/bn5J Follow os dois e RT! Promoção encerrada.

É necessário estar seguindo os dois perfis no Twitter (do Design Blog e da Bookman) e escrever exatamente o que está acima.

Todos que derem RT na mensagem estarão concorrendo e o sorteio será finalizado exatamente as 19h de Brasília do dia 12 de novembro.

Quanto ao livro, Design Básico – Cor, devo dizer que é um dos livros mais bem acabados que já vi em muito tempo. O pessoal da Bookman realmente fez algo digno para a área de design. Mas o review do livro fica pra outro post ;)

*Edit*
Parabéns ao @trevizan por ganhar o livro! E obrigado aos mais de 500 twitteiros que participaram. Ainda não tem Twitter? Crie uma conta e siga o @design_blog e @canha (meu Twitter pessoal) para ficar atualizado.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• As melhores do Forum de Design
• Quer ter uma cor com seu nome?
• Primeiro ganhador do Exército
• 35 fatos sobre daltonismo
• Amarelo é a cor de 2009

Claro que fazer isto a mão é complicado, então Elliott usou o Processing – um software open source para quem trabalha com imagens, animações e interatividade – e criou um script que abre a última imagem copiada, salva ela, abre a imagem salva e salva novamente, repetindo 600 vezes. O resultado? Um vídeo de uma imagem simples que rapidamente se deteriora até tornar-se irreconhecível.

O objetivo é mostrar como que a tecnologia JPG diminui a qualidade da imagem com o passar dos “salvamentos”. E fica a dica: salve sempre suas imagens em formatos que não comprimem a qualidade (RAW para fotos, PSD para imagens tratadas, AI/EPS/CDR para vetores, etc). Se for salvar uma imagem em JPG e depois editá-la novamente, edite a imagem original e não a comprimida.

O script usado pode ser encontrado aqui.

Dica: Sedentário & Hiperativo.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Erros em web design que devem ser evitados
• Criando wireframes online
• Branding persistente funciona melhor
• Nove regras para criar logos apresentáveis
• Re-desenhando um site (dica)

• ter o despertador avisar a hora de ir dormir, e não a hora de acordar;
• ter uma diéta a base de café, Coca-Cola e RedBull;
• ter fones de ouvidos quase implantados na sua cabeça;
• tomar café da manhã, almoço e janta ao mesmo tempo;
• ter os amigos dizerem “Que bonito isso!” mas não entenderem o conceito;
• refazer um job pois ninguém entendeu o conceito;
• ter mais fotos de coisas do que de sua família;
• saber usar o Photoshop, Illustrator, InDesign e Dreamweaver mas não entender como rodar o Excel;
• comprar revistas de R$ 50 mas não ter tempo de ler;
• não conseguir olhar para qualquer coisa gráfica sem tentar melhorá-la na sa cabeça;
• não conseguir andar pelo shopping sem criticar embalagens de produtos;
• ouvir sua vó lhe apresentar orgulhosamente como “artista” para amigos;
• ter sua mãe achar que você trabalha com computadores;
• ser confundido como “técnico em informática” pois “você passa muito tempo na frente daquele tal computador”;
• cobrar o cliente constantemente o briefing e materiais para não estourar o cronograma;
• ter o cliente demorar para enviar o briefing e materiais e depois reclamar que você está estourando o cronograma;
• terminar o projeto após 3 meses e 20 rodadas de aprovação para o cliente dizer “não sei…acho que não ficou muito legal”;
• passar metade do projeto convencendo o cliente que você sabe o que está fazendo;
• passar a outra metade do projeto explicando ao cliente que você está cobrando pelo seu conhecimento;
• ter alguém dizer “Meu sobrinho também faz dizáin“. E quando questionado sobre em qual período ele se encontra, escutar um “Tá terminando o Ensino Médio”;
• acordar se sentido um “garoto de programa” pensando em duas coisas: 1) você precisa parar com isso. 2) você precisa cobrar mais caro por isso;
• passar metade da vida falando pra todo mundo que “logomarca” não existe;
• desistir de ensinar a todo mundo que “logomarca” não existe;
• estranhar aquela luz amarela no céu quando você finalmente sai de casa durante o dia;
• ter que explicar a um cliente que uma gráfica não imprime uma imagem JPG com resolução de 72dpi e em RGB para fazer um outdoor;
• ter que explicar ao cliente o que é JPG, dpi, RGB e “cêmique“;
• ter que explicar que Pantone não é aquele pão com frutas cristalizadas que vendem no natal;
• acordar dia após dia, sabendo que essas coisas nunca vão mudar e mesmo assim pensar: “Eu não me vejo fazendo nada melhor na vida. Amo tudo isso”

Faltou alguma coisa? Quer colaborar com mais idéia do que “ser designer é…”? É só deixar um comentário abaixo!

Inspiração. Dica do @edmaltros.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• 5 artigos revistos no Design Blog
• Música com design
• Entrevista: Paul Boag
• Novo Forum de Design
• O Grande Texto Vermelho (Trailer)

Na verdade, o Photoshop Mobile (móvel) não tem nenhuma função avançada como o Photoshop normal. É um aplicativo muito básico que permite você mudar cores, girar e cortar uma imagem. Outros filtros básicos são o SoftFocus (que coloca um blur quase imperceptível) e um chamado Sketch, que permite transformar suas fotos em versões desenhadas.

Já um dos pontos positivos é poder jogar sua imagem direto para o Photoshop.com, caso falte espaço no seu aparelho móvel ou você queira disponibilizar a “obra de arte” nas nuvens. Outro é o preço: é possível fazer o download de graça do Photoshop Mobile. Mas aí tem uma pegadinha: só dá pra baixar pela App Store norte-americana ou canadense.

Embora seja uma versão extremamente reduzida do Photoshop para desktop, o Photoshop Mobile ainda é um dos melhores softwares para edição de imagem no iPhone. Ele também possui versões para outros aparelhos móveis como Blackberry e sistemas Windows Mobile.

Logo, faça o download do Photoshop para iPhone, mas não aposente ainda seu iMac Dual Quad Core ainda.

Adaptado de: Bit Rebels.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Softwares Livres para Designers
• Brushes de interface futurista
• Procurando por stock photos em vários sites
• Tutorial – Removendo elementos (Photoshop)
• Dez texturas metálicas

A tipografia cinética se refere a arte e técnica de expressão utilizando movimento e animação de textos e palavras. A tipografia cinética tem demonstrado a abilidade de adicionar conteúdo emotivo significante e trazer apelo ao texto, permitindo que algumas qualidades normalmente encontradas em filmes e na palavra falada sejam usadas em texto estático. (Não sabe o que é tipografia? Tenho um artigo inteiro explicando isto).

Exemplos de vídeos tipográficos

Mais exemplos e inspiração

Mais alguns sites onde você pode encontrar exemplos e inspirações para vídeos tipográficos.

• Typeinspire – Inspiração para obras tipográficas em geral
• Kinetic Typography – Canal no Vimeo
• Nicetype – Outro canal no Vimeo
• I Love Typography – Um dos melhores sites de tipografia
• Webdesigner depot – Mais exemplos de vídeos tipográficos

Como fazer um vídeo tipográfico

Existem vários tutoriais de como fazer vídeos tipográficos na web, vou selecionar apenas alguns aqui. Infelizmente, todos são em inglês (se alguém souber de algum tutorial em português, por favor comente!). De qualquer forma, como são vídeo-tutoriais em sua maioria, é só seguir o que é feito na tela que não deve ter problema. Os tutoriais abaixo são para Tipografia cinética em Illustrator e After Effects

Ah, e como sei que vai ter um ou outro pedindo pra eu ensinar, deixo avisado: sou bem amador ainda então não vou fazer nenhum vídeo tutorial até aprender bem ;) (mesmo assim, sempre tem um mané que não lê o artigo todo).

Fontes: designflakes, Hiato Criativo, YouTube

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• O que é tipografia?
• A briga das fontes
• Vídeos tipográficos
• O melhor tutorial de como se fazer um logo
• Posters tipográficos incríveis