O que é um ícone? Como criá-lo?

Um ícone é uma representação gráfica de um objeto, conceito ou ação. Ele é um elementos de interface, então ele deve ser desenvolvido para ser apreciado, mas criar interação com o usuário também.

Por Softwares Pular para comentários
Um ?cone ? uma representa??o gr?fica de um objeto, conceito ou a??o. Ele ? um elementos de interface, ent?o ele deve ser desenvolvido para ser apreciado, mas criar intera??o com o usu?rio tamb?m.

Ao longo dos anos a tecnologia vem evoluindo e os monitores est?o com a resolu??o cada vez mais elevada, os celulares usando telas grandes com ?cones interativos (iPhone), e com isso a cria??o de ?cones est? cada vez mais importante dentro do conceito de Design de Interface, passando a receber aten??o especial.

Com toda essa evolu??o, no momento em que se est? planejando um web site, deve ser levada em conta a cria??o dos ?cones que far?o parte da interface. Para isso, levante uma lista com todos os ?cones que far?o parte daquele layout.

Quando fazemos uma lista com ?cones que ser?o necess?rios, evitamos ter ao final do projeto uma s?rie de ?cones avulsos, que n?o tem uma unidade com o layout. Essa lista pr?via dos ?cones a serem utilizados far?o com que se perca menos tempo no projeto.

Ap?s ter a lista ? preciso iniciar os esbo?os dos ?cones, e para isso ? preciso ter conhecimento do p?blico-alvo do site onde os ?cones ser?o utilizados, pois ? baseado nele que os ?cones ser?o criados.

Use met?foras e conceitos conforme o grau de informa??o do p?blico-alvo, uma vez que os ?cones s?o representa?es visuais de alguma palavra ou objeto, e ao serem vistos devem ser compreendidos.

Existem alguns conceitos que j? s?o utilizados no mercado durante muito tempo, e est?o muito difundidos. O ?globo?, por exemplo,  ? um ?cone que significa Web, o ?envelope? significa E-mail, e v?rios outros com significado j? conhecido por muitos.

Desenvolva no papel os conceitos, met?foras e primeiros tra?os dos ?cones e s? depois de tudo pronto v? cri?-los em um software.

No momento em que se est? criando os ?cones de um projeto, ? preciso que esses ?cones tenham unidade de estilo, e para que isso aconte?a veja algumas dicas:

Cores: as cores devem ser usadas para contar a hist?ria do ?cone, n?o as use apenas para deix?-lo mais colorido.

Sombras: elas d?o profundidade aos objetos, e causam um efeito real?stico, evitando que o ?cone se pare?a apenas uma colagem ou ilustra??o.

Ilumina??o: escolha um ponto de luz e sombra, mantendo este mesmo ponto para todos os ?cones.

Perspectiva: todos os ?cones de um mesmo projeto devem ter a mesma perspectiva. Caso queira uma vis?o do alto, use-a para todos os ?cones. Se for uma vis?o lateral, use tamb?m para todos os ?cones.

Depois de todo o trabalho de defini??o das met?foras, conceitos e esbo?os, ? hora de abrir um software de ilustra??o vetorial (Corel Draw ou Illustrator) e fazer a finaliza??o dos ?cones.

Quando se trabalho com arquivos em forma de vetor voc? tem uma liberdade maior para alterar o que n?o funcionar, tendo tamb?m um arquivo fonte, livre de resolu??o e tamanho.

Ap?s desenhar o ?cone ? hora de export?-lo e isso requer aten??o, uma vez que os ?cones possuem tamanhos quase que padronizados (menor que 32 x 32 pixels), mas isso n?o o impede de ter ?cones em tamanho maior em seu projeto.

Na hora de fazer a exporta??o, fa?a j? no tamanho em que o ?cone ser? utilizado no projeto, esse procedimento evita que os ?cones ?estourem?.

E para finalizar fa?a um teste com todos os ?cones visualizando em pain?is com diferentes cores de fundo, isso serve para que voc? veja com quais cores cada ?cone combina melhor.

Na hora de criar um ?cone, lembrem-se: MENOS ? MAIS!

Compartilhe com seus amigos:
Jonathan Lamim
Jonathan Lamim Empreendedor digital, ex-programador (decidi abandonar a carreira após 12 anos), especialista em marketing de conteúdo e agora atuando exclusivamente com Marketing Digital, em projetos de Marketing de Conteúdo, produção de conteúdo para internet, além de escrever ebooks e criar cursos ligados ao marketing digital de um modo geral.
FACEBOOK // TWITTER: @jonathanlamimkt
Quer conversar com o(a) Jonathan, comente:
Carregar comentários
O que é mais importante em um smartphone?
Bateria(27,27%)
Câmera(12,44%)
Performance(53,59%)
Aparência(1,44%)
Tela(5,26%)