50 coisas que todo estudante de design deveria saber

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.

Resolvi então colocar aqui as 10 primeiras, numa tradução mais do que livre, e recomendo que todos visitem o post original, vale a pena.

1. Você não é o primeiro.

Atualmente, existem muito poucos “primeiros”. Muitos outros já abriram studios, trabalharam como freelancers ou fizeram estágio. São coisas que você pode fazer.

2. Sempre há alguém melhor.

Independentemente do quão bom você é, sempre haverá alguém melhor. É incrivelmente fácil perder tempo se preocupando com isso.

3. Sucesso não é um recurso finito.

A escola promove uma mentalidade de soma-zero: a de que alguém precisa perder para que você possa ganhar. Na verdade, o sucesso do outro não limita o seu.

4. Você não pode marcar um gol se o gol não existir.

Se você não tem um objetivo, como poderá buscá-lo? Ter um objetivo define um ponto de chegada, e subseqüentemente, um ponto de partida.

5. Começar qualquer coisa requer energia.

É preciso muito mais energia para começar algo do que para parar. Essa é uma verdade para a física, para a sua carreira e para aquele projeto no qual você precisa trabalhar.

6. O caminho para o mercado é mais fácil do que você pensa.

Para entrar na indústria você só precisa de três coisas: um ótimo portfolio, energia e uma personalidade bacana. Muitos se esquecem do último atributo.

7. Tenha uma auto-imagem positiva.

Sua auto-percepção é o seu recurso mais importante. Enxergue a si mesmo como a pessoa que você quer ser e os outros também enxergarão.

8. Tenha um website simples e clean.

Um portfolio online é o alpha e o ômega da sua carreira. Com tantas possibilidades de web services existentes, não há desculpa para não ter um website.

9. Seja o curador do seu trabalho.

Nunca pare de editar seu portfolio. Três peças muito boas são melhores do que dez fracas – ninguém procura por quantidade e sim qualidade.

10. Escute seus instintos.

Se o seu trabalho não te excita, então ele não excita mais ninguém. É difícil fingir paixão por um trabalho medíocre: jogue-o no lixo.

E então, gostou? Para ler todas as 50, vá até o post original.

Infográficos do NYTimes.com

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.

Muito mais que divertidos ou bonitos, bons infográficos não devem deixar de cumprir seu principal papel: informar. Esta é a sua grande contribuição para a notícia ou assunto ao qual está relacionado. Infográficos devem transformar números, mapas, acontecimentos e dados em algo que o leitor possa compreender de forma simples e fácil.

E uma das melhores equipes do mundo quando se fala em infográficos é, sem dúvida nenhuma, a do “NYTimes.com”, versão online do jornal americano “The New York Times”. Vencedora de inúmeros prêmios relacionados a Jornalismo Visual e Infografia, a equipe do jornal cria e produz conteúdos que vão muito além de apenas imagens ou gráficos estáticos, são uma extensão da notícia e auxiliam os seus leitores a entender a notícia ou assunto, complementando o texto da matéria.

Seguem aqui alguns exemplos dos melhores infográficos criados e produzidos por eles:

Terremoto no Japão

Infográfico mostrando vários dados sobre os estragos causados pelo terremoto e tsunami no Japão, com fotos, vídeos, número de desaparecidos, casas e prédios destruídos.

Infográficos - NYTimes.com

 

Pedra, papel e tesoura.

Jogo onde você pode enfrentar o computador e entender como a máquina ‘aprende’ como funciona seu pensamento e começa a utilizar seus padrões de jogadas para adivinhar sua próxima escolha.

Infográficos - NYTimes.com

 

Como as pessoas gastam seu tempo

Gráfico interativo mostrando como diversos grupos de pessoas gastam seu tempo durante o dia, entre refeições, trabalho, sono e televisão e outras atividades. É possível ter informações divididas por faixa etária, educação, sexo, raça, ocupação e número de filhos.

Infográficos - NYTimes.com

 

Cães e raças

Ensaio fotográfico com 102 cães campeões de suas raças. Alguns com o áudio do seu latido.

Infográficos - NYTimes.com

 

Homicídios em Nova York

Mais uma vez o jornal lança mão de um mapa interativo para mostrar a incidência de homicídios na cidade de Nova York ano a ano. É possível filtrar cada uma das ocorrências por dia, mês, arma utilizada, idade da vítima, idade do assassino, raça e sexo, entre outros.

Infográficos - NYTimes.com

 

Marco Zero

Mostra como está acontecendo a reconstrução do complexo do World Trade Center en NY.

Infográficos - NYTimes.com

 

18 dias de Revolução no Egito

Mapa em 3D mostra os principais acontecimentos da revolução que tomou conta das ruas da cidade do Cairo, no Egito.

Infográficos - NYTimes.com

 

Restauração do retrato de Philip IV

Infográfico ilustra como ocorreu a restauração da tela de Velázquez.

Infográficos - NYTimes.com

 

Prostestos no Egito

Linha do tempo contando, dia a dia, os fatos mais importantes dos Protestos no Egito .

Infográficos - NYTimes.com

 

Mapa das medalhas olímpicas

Gráfico e linha do tempo mostrando os países que mais ganharam medalhas olímpicas nas diversas edições dos Jogos.

Infográficos - NYTimes.com

 

É melhor comprar ou alugar?

Gráfico interativo que calcula qual a opção mais vantajosa, comprar ou vender seu imóvel, com base no seu preço, aluguel, taxa de juros, tempo de permanência e outras variáveis.

Infográficos - NYTimes.com

 

Composição da platéia do State of Union

Mostra a composição da platéria do State of Union, cerimônia onde o Presidente dos Estados Unidos delineia suas prioridades para o País.

Infográficos - NYTimes.com

 

Árvore Genealógica das Famílias Americanas

Infográfico mostrando a origem de várias famílias americanas e sua variedade étnica.

Infográficos - NYTimes.com

 

A História em "Mad Men"

Linha do tempo relacionando o enredo da série aos acontecimentos históricos americanos.

Infográficos - NYTimes.com

 

A técnica de Mariano Rivera

Vídeos, animações, fotos e áudio explicam a técnica do jogador de Baseball.

Infográficos - NYTimes.com

 

A casa do futuro

Imagem interativa mostra as características e tecnologias mais avançadas e ecológicas para construção de casas inteligentes.

Infográficos - NYTimes.com

 

Desafio contra o Superconputador da I.B.M.

Jogo de perguntas e respostas que ilustra o poder computacional da supermáquina de respostas da I.B.M., a Watson.

Infográficos - NYTimes.com

 

"Banhistas na margem de um Rio"

Linha do tempo mostra a criação da famosa tela de Henri Matisse.

Infográficos - NYTimes.com

 

Os Teatros da Broadway

Tour interativo pelos diversos teatros da mais famosa rua de shows e musicais dos EUA.

Infográficos - NYTimes.com

 

Overview sobre as revistas policiais em Nova York

Dados detalhados de cada uma das revistas realizadas pela polícia de Nova York no ano de 2009, distribuídas em um mapa interativo.

Infográficos - NYTimes.com

 

Derramamento de óleo e suas consequências

Informações sobre mancha de óleo na costa americana e seus efeitos na biosfera.

Infográficos - NYTimes.com
Infográficos - NYTimes.com

 

A Guerra entre Microsoft e Apple

Gráfico mostrando a guerra das duas companhias, seu valor de mercado e os principais fatos envolvendo as duas gigantes.

Infográficos - NYTimes.com

 

Gripe Suína

Timeline ilustrando como a Gripe Suína alastrou-se pelo mundo.

Infográficos - NYTimes.com

 

Orçamento Americano

Puzzle onde você deve escolher os programas e medidas orçamentárias que devem ser tomadas para balancear as contas americanas.

Infográficos - NYTimes.com

 

O ano em fotos

Retrospectiva fotográfica do ano.

Infográficos - NYTimes.com

20 Logos com composições e significados ocultos

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.

Amazon.com

O arco ligando o A ao Z simboliza que a Amazon vende tudo “que seja banhado pelo sol”.  Dá forma também a um sorriso, para simbolizar que a empresa é amigável e próxima de seus consumidores.

Atlanta Falcons

Esse logo combina um falcão, símbolo da companhia, e um “F”, letra que inicia a palavra Falcons.

Chick-Fil-A

O logo da Chick-Fil-A combina a ilustração de um frango, com o “C” em destaque.

City Direct

Esse é um pouco menos óbvio: perceba que as bordas pretas que envolvem o avião formam também as letras C e D, iniciais de City Direct.

Eighty 20

Aqui sim, um logo com significado bastante oculto e interessante. Os quadrados azuis representam números “1” e os cinzas representam “0”. Isso cria uma seqüência 1010000 na linha de cima, que representa 80 em binário, e na linha de baixo teremos 0010100, que representa 20 em binário, formando assim o nome da empresa, que em português significa “Oitenta Vinte”.

Families/Marriage

No logo Families, as vogais e a letra “L” têm tamanhos diferentes para representar uma família: o pai, a mãe e um filho.  Já os “R”s no logo Marriage estão espelhados e ligados um ao outro, representando a união do casamento.

Fashion Center

Usando como base um botão, ícone do mundo fashion, foi então adicionado um furo extra para formar a letra “F”, inicial da empresa.

FedEx

De primeira é dificil encontrar o simbolismo nesse logo, mas se olhar bem você vai notar a flecha apontando para a direita entre o ‘E’ e o ‘X’, representando precisão e velocidade, os dois principais valores da FedEx.

Forkwire

O logo dessa empresa de delivery online combina o arroba @ com um garfo, representando ao mesmo tempo o seu produto (comida) e a primeira parte do seu nome, Fork (garfo, em inglês). Reforça ainda utilização da tecnologia na entrega de comida de uma forma bem clara e óbvia para seus clientes.

Formula 1

O espaço negativo no meio cria o numero ‘1′ de “Formula 1″.

Fort Worth Zoo

O ‘FW’ vermelho de Fort Worth cria a ilustração de um elefante.

Goodwill

O logo usa um ‘g’ em caixa baixa não só para representar a primeira letra da empresa, mas também para mostrar um rosto sorridente e transmitir uma sensação positiva.

Gotham Books

Esse é auto-explicativo, as ilustrações de livros empilhados uns sobre os outros simulam um arranha-céu, marca registrada de Gotham City.

Hartford Whalers

Esse combina a cauda de uma baleia e as iniciais de Hartford Whalers ‘H’ e ‘W’.

Mosleep

Assim como o nome sugere, Mosleep é uma organização de médicos que cuidam de pessoas que têm problemas para dormir. Seu logo é a inicial ‘M’ desenhada de maneira a lembrar uma cama.

NBC

O logo da NBC possui um pavão escondido olhando para a direita, que representa o objetivo da empresa de olhar sempre para frente e nunca para trás.

Piano Forest

Esse logo combina elegantemente a silhueta de árvores para formar as teclas de um piano.

Schizophrenic

O logo mostra as emoções ambíguas de um esquizofrênico.

Unilever

Cada ícone no logo representa um aspecto do negócio da Unilever. Por exemplo, a camiseta abaixo do coração simboliza “roupas”  e representa a roupa limpinha recém saida da lavanderia.

Yoga Australia

Se prestar atenção, você vai perceber que a pose da bailarina cria o contorno do continente australiano entre a sua perna e o seu braço.

Via Webdesigner Depot

5 sites essenciais para Designers

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:

1 – DeviantART

sites-essenciaisÉ uma popular comunidade virtual online voltada para arte e design onde artistas de todo o mundo podem conhecer, divulgar e compartilhar seus trabalhos. Lançado em 7 de Agosto de 2000 por Scott Jarkoff e Matthew Stephens, o site conta com mais de sete milhões de usuários e mais de 62 milhões de contribuições, recebendo aproximadamente 80.000 novas contribuições por dia. Navegar pelo DevianART é uma das melhores formas de procurar inspiração, recursos e informação sobre design.

Confira: http://www.deviantart.com/

2 – PatternTap

sites-essenciaisCriado por dois designers de interface, Matthew Smith e Chris Pollock, o site é uma imensa galeria que reúne soluções e best pratices ligadas a arquitetura da informação e, claro, design de interface. Lá pode-se navegar por centenas de bons exemplos de layout, divididos em coleções sobre navegação, formulários de contato, players de vídeo, rodapés, headers, etc… Sem dúvida, visitá-lo pode ajudar muito na hora de planejar e desenhar um novo projeto.

Confira: http://patterntap.com/

3 – Iconfinder

sites-essenciaisÍcones, ícones e mais ícones. É isso o que você vai encontrar usando o ótimo mecanismo de buscas do Iconfinder, um dos melhores lugares para encontrar o ícone perfeito, seja para o seu site ou para uma aplicação. Além de ter um biblioteca com milhares de opções (mais de 120.000), o site oferece a possibilidade de filtrar os resultados da busca por tamanho ou licença, observar como o ícone se comporta com backgrounds claros, escuros ou transparentes. E, encontrando o que você procurava, basta um clique para fazer o download em PNG transparente de alta qualidade ou do próprio “.ico”.

Confira: http://www.iconfinder.net/

4 – Dafont

sites-essenciaisÉ um imenso arquivo online com milhares de fontes que oferece o download grátis de todas elas. As fontes são categorizadas por tema, mas você também pode buscar pelo nome da fonte. Um recurso bastante útil é a possibilidade de definir uma palavra ou texto e exibí-lo usando todas as fontes encontradas, assim fica mais fácil saber em qual delas o nome da sua empresa ou cliente fica melhor. Encontrada a fonte, basta um clique para fazer o download, não é necessários nenhum tipo de cadastro.

Confira: http://www.dafont.com/

5 – The FWA

sites-essenciaisEsse é para quem cria usando Flash. The FWA, The Favourite Website Awards, é um site que reúne o que de melhor existe na web em termos de Flash. Lá você vai encontrar trabalhos das melhores agências online criados para clientes que querem presença forte na web e para isso investem em websites extremamente bem produzidos e visualmente impecáveis. É parada obrigatória para saber o que de mais moderno vem sendo feito e se inspirar com obras primas de designers e programadores de todo o mundo.

Confira: http://www.thefwa.com/

Bem, é isso aí. Provavelmente você até já conheça algum ou alguns deles, mas vale a pena salvar todos e sempre dar uma olhada antes de iniciar um novo projeto para se abastecer de preciosas referências.

57 Coleções de Ícones para o Twitter

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.

Tweet!

Tweet!

free pixey birrrdfon twitter icons

free pixey birrrdfon twitter icons

Freebies: 2 Awesome Twitter Icons

Freebies: 2 Awesome Twitter Icons

Twitter Square Icons

Twitter Square Icons

Twitter Block Icons

Twitter Block Icons

Please Don’t Tweet Me! Free Thanksgiving Turkey Twitter Icons

Please Don’t Tweet Me! Free Thanksgiving Turkey Twitter Icons

Twitter Icons Pack by Hasan Huseyin Gunes

Twitter Icons Pack by Hasan Huseyin Gunes

REDmillion Stupid looking Twitter Bird

REDmillion Stupid looking Twitter Bird

Twitter Icon

Twitter Icon

Archigraphs Bird Dock Icons

Archigraphs Bird Dock Icons

Twitter dock icons

Twitter dock icons

Tweetman Twitter Icons

Tweetman Twitter Icons

Twitter Icons

Twitter Icons

Twitter Style Bird Icons

Twitter Style Bird Icons

Twi-birds icons

Twi-birds icons

Twitter Icon

Twitter Icon

IconTexto Twitter Buttons

IconTexto Twitter Buttons

Twitter Eggs

Twitter Eggs

Twitter Icons with Attitude

Twitter Icons with Attitude

Soccer Twitter for OzTips

Soccer Twitter for OzTips

Mad Scientist Twitter Icon

Mad Scientist Twitter Icon

Twitter Birds

Twitter Birds

Twitter Bird Icon Set

Twitter Bird Icon Set

Twi-birds icons

Twi-birds icons

Cute Twitter Icon Pack-II

Cute Twitter Icon Pack-II

Twitter Icons

Twitter Icons

40 Cute Free Twitter Graphics: Badges, Icons & Buttons

40 Cute Free Twitter Graphics: Badges, Icons & Buttons

The Cutest Freebies: Twitter Bird Icons & Illustration

The Cutest Freebies: Twitter Bird Icons & Illustration

Lovely Twitter Icons by Catmy

Lovely Twitter Icons by Catmy

Twitter 1

Twitter 1

Twitter 2

Twitter 2

Twitter 3

Twitter 3

Tweet Tweet Cute Tweet: Another Free Twitter Bird Icon

Tweet Tweet Cute Tweet: Another Free Twitter Bird Icon

twitter icon by antonist

twitter icon by antonist

tweet bird

tweet bird

Twitter Bird by freakyframes

Twitter Bird by freakyframes

Twitter bird icon

Twitter bird icon

IconTexto Webdev Social Bookmark

IconTexto Webdev Social Bookmark

Birdies: Cute Free Twitter Icons For Your Blog

Birdies: Cute Free Twitter Icons For Your Blog

Download your Free Twitter Bird

Download your Free Twitter Bird

Free Twitter Buttons & Tags

Free Twitter Buttons & Tags

Free TwitterFun Icons

Free TwitterFun Icons

Tweetbird Free Twitter Icon

Tweetbird Free Twitter Icon

Tweeties: a Free Twitter Icon Set

Tweeties: a Free Twitter Icon Set

Twitter Bird Icons 01

Twitter Bird Icons 01

Tweetle

Tweetle

50 Free and Exclusive Twitter Icons

50 Free and Exclusive Twitter Icons

Inside twitter icon

Inside twitter icon

Twitter icon

Twitter icon

Twitter Icon

Twitter Icon

Free Twitter Bottle Cap Icons

Free Twitter Bottle Cap Icons

Colorful Twitter Icons

Colorful Twitter Icons

Freebie: Exclusive Twitter Birds Set!

Freebie: Exclusive Twitter Birds Set!

The Social Bird icon set – The First Inspired Release

The Social Bird icon set – The First Inspired Release

Colourflow : Twitter icon

Colourflow : Twitter icon

Free Twitter Air Freshener Icons

Free Twitter Air Freshener Icons

Twitter icon

Twitter icon