Design de Ícone em 5 Passos - Icon Set Grátis do Ramotion

abduzeedo seg, 04/30/2012 - 11:45

Design de ícones é uma arte que querer muita habilidade. É a criação de uma representação simples de ações, produtos ou serviços para ser usada em interfaces. Parece simples, mas ícones também precisam ser legíveis em diferentes tamanhos, de 16x16 pixels até 512x512 pixels.

Nós não temos postado muito sobre ícones, mas hoje queremos compartilhar com vocês um post mostrando um pouco mais sobre o processo da criação de um ícone. Denis Pakhaliuk do Ramotion escreveu esse artigo listando os 5 passos que eles usam para criar ícones.

No final do post nós temos um set completo de ícones para download, e é grátis!

1. Brainstorming

Nós discutimos o ícone com designers e buscamos a melhor metáfora. Assim que todos concordam com a melhor metáfora nós passamos para a etapa seguinte.

2. Rascunho

Nós geralmente fazemos 3-5 rascunhos a lápis da metáfora aprovada. E então nos encontramos novamente e discutimos qual ícone gostamos mais. E acabamos escolhendo um rascunho.

3. Photoshop rendering

Baseado no rascunho aprovado nós começamos a fazer o render no Photoshop. Depois nós criamos as formas principais e continuamos a trabalhar nos detalhes.

4. Melhorando Detalhes

Nessa etapa nós trabalhamos com várias referências para entender melhor o material e a iluminação. É importante projetar cada ícone de maneira detalhada e de maneira que fique claro o que estamos fazendo, que alguém olhe e identifique imediatamente o que está vendo. Nós exageramos nos efeitos para que o usuário possa reconhecer o que estamos querendo dizer.

5. Aprovação Final

Nós nos encontramos novamente e vemos se estamos apaixonados pelo ícone. Aí fazemos a revisão final e finalizamos o trabalho.

Full Resolution

Download icon set

Sobre Ramotion

Ramotion é uma ferramenta bacana para acompanhar as ideias mais corajosas e criativas involvendo design de ícones, alem de oferecer vários serviços, confira mais em: http://ramotion.com/

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.