Jamie Wieck, designer do estúdio inglês Airside, escreveu há algum tempo um post muito interessante intitulado “The 50 Things Every Graphic Design Student Should Know” no qual compila algumas dicas essenciais para estudantes de design e, por que não, designers iniciantes. Algumas delas são óbvias, outras nem tanto, mas todas transmitem idéias de maneira simples e breve. São pensamentos que surgiram de conversas e discussões com outros profissionais e carregam uma sabedoria que pode-se levar algum tempo para acumular. Praticamente mantras.

Um efeito bastante simples e útil que o CSS3 tornou possível é o text gradient: essencialmente a aplicação de um gradiente como preenchimento de texto, ao invés de uma única cor. Além de interessante visualmente (se bem utilizado claro), a técnica também pode servir para substituir o uso de algumas imagens, antes necessárias para conseguir este tipo de efeito. Vou mostrar aqui a melhor forma que conheço de utilizá-lo.

Antes bem mais raros e de concepção simples, os infográficos vêm ganhando cada vez mais espaço em sites de notícias, jornais e revistas online, além de se tornarem cada vez mais interativos e dinâmicos. Usuários também se acostumaram com eles e têm mostrado que gostam desse tipo de conteúdo. Basta olhar para o número de links e recomendações que alguns dos infográficos de maior sucesso têm alcançado em redes sociais como o Twitter e Facebook.

Existem muitas boas opções de editores de código para quem trabalha desenvolvendo para web, cada um tem o seu preferido e o defende com unhas e dentes. Dentre eles, um dos mais populares é o Dreamweaver, que eu uso há alguns anos e sempre me atendeu muito bem. Eu não trabalho no modo “layout”, pois gosto de ter controle sobre cada linha do meu código. O Dreamweaver me permite isso e ainda fornece algumas boas ferramentas para me ajudar. Para aqueles que como eu usam o Dreamweaver para escrever seu código, aqui vão 3 boas idéias que podem melhorar ainda mais a sua experiência.

Um dos caminhos mais interessantes a ser seguido para criar um logo que represente bem uma marca e ao mesmo tempo o seu negócio ou os seus valores é o de combinar elementos de tipografia e ilustração na mesma imagem. No entanto, esse tipo de composição não é nada fácil, requer muito estudo e vários rascunhos para se chegar a um resultado realmente profissional. Seguem aqui 20 bons exemplos dessas composições em logos, algumas delas tão sutis que podem passar despercebidas por muita gente.

São inúmeras as situações em que um site ou blog precisa de uma galeria de fotos e nem sempre é possível encontrar uma solução prática e rápida para isso. A maioria dos sistemas de galeria de fotos necessita de edições no código fonte, configuração de frameworks javascript ou instalação de mega painéis de controle que são verdadeiros exageiros quando tudo o que se quer é apenas exibir 20, 30 fotos de maneira simples e rápida. Segue então uma solução extremamente simples e rápida que usa apenas 1 arquivo (isso mesmo, 1 arquivo) PHP.

Hoje em dia a integração com redes sociais é importante para qualquer site, não apenas por ser uma boa fonte de tráfego mas também por criar uma forma de interatividade com os leitores. E uma maneira interessante de fazer isso é através do botão “Curtir” do Facebook. Com configuração simples e rápida, o botão possibilita que qualquer usuário que tenha uma conta no Facebook recomende sua página para outras pessoas.

Apesar de serem um dos recursos mais poderosos do Photoshop, as Actions são bem pouco utilizadas. Ao contrário do que muitos pensam, é extremamente fácil gravar e configurar Actions para as mais variadas tarefas, além disso, engana-se quem acha que não dá para utilizar Actions em trabalhos de criação ou ilustrações, já que existem Actions que adicionam efeitos e detalhes sutis e muito bacanas à imagens e elementos como botões, headers, etc.

Muito boa a apresentação do Andre Matarazzo da Gringo sobre best pratices para agências digitais. Tão boa que 90% do que está ali não se restringe apenas a pequenas agências como ele diz, mas deveria ser seguido por médias, grandes e até mesmo por outros setores que envolvam criação e tecnologia (startups, portais, produtoras).

Referências. A palavra chave e caminho mais curto para criar trabalhos interessantes e continuar sempre melhorando. Quanto mais filmes você ver, revistas você ler e cultura você consumir, mais artifícios você terá para usar criativamente. E não é preciso dizer que a Web facilita muito a busca por referências de qualidade. Seguem então 5 lugares espetaculares para buscar coisas novas:

Cada vez mais o Twitter faz parte da vida de todo mundo, das pessoas e das empresas. Boa parte das estratégias de Marketing hoje em dia reservam atenção especial a essa ferramenta como uma forma de alcançar consumidores e firmar sua marca. Isso é claro reflete-se nos blogs e websites. Então preparei uma seleção com várias coleções de ícones relacionados ao Twitter para inspirar e auxiliar em novos projetos.

Wonderfl é uma das melhores novidades sobre Flash que eu vi nas últimas semanas. Nele desenvolvedores podem escrever e compilar ActionScript 3 (AS3) online sem precisar ter o Flash ou Flex instalados na máquina. Ou seja, você pode escrever o código no seu browser e testá-lo em realtime, via web, sem precisar de mais nada além da sua criatividade.

Experimente conhecer esse site, ele tem mais de 100 texturas diferentes para você compor o seu layout. Basta escolher a que se encaixa no que você está procurando, clicar sob ela e salvar na sua máquina, pois todas estão com uma boa resolução, principalmente se forem usadas para algum layout web.

Perfeitos para destacar imagens e por isso muito utilizados por fotógrafos em seus sites e portfolios, backgrounds com cores escuras podem também ser uma boa solução quando a idéia é chamar a atenção do usuário. Aqui vão alguns bons exemplos de layouts que utilizam, e muito bem, essa arma.

O Google lançou recentemente um site chamado Chrome Experiments que reúne alguns dos mais interessantes e incríveis códigos javascript que já vi. Programadores e designers do mundo todo podem se cadastrar no site (o cadastro possui apenas dois passos: preencher um formulário com seus dados pessoais e selecionar o seu “experimento”) e enviar os seus trabalhos.