Publicado em 31/05/2009
Utilização de ícones em design para web
A implementação de ícones em interfaces gráficas vem desde os primórdios da informática quando os computadores deixaram de ter apenas uma tela preta com caracteres e códigos para aderir a interfaces mais robustas nas quais facilitam a utilização de sistemas que são utilizados até hoje (você está utilizando neste momento, olhe ao redor do seu desktop, seja windows ou linux está cercado por ícones) e na internet não é diferente.
Neste artigo conhecerá bons exemplos de uso além de várias dicas. Caso tenha interesse em ficar atualizado nos artigos publicados neste blog assine nosso Feed.
Índice
- O que são ícones?
- Porque e como utilizar ícones
- Dicas de utilização
- Sites de referência em utilização de ícones
- Sites para download de ícones
O que são ícones?
A palavra Ícone vem do grego “Eikon” que significa imagem e tem a função de se referir a algo por semelhança em estrutura e representatividade. Existem explicações aprofundadas sobre o assunto, recomendo a leitura do artigo feito por Everaldo Coelho.
Porque e como utilizar ícones
Os ícones são uma maneira simples e eficaz de chamar a atenção de seus usuários. Possibilitam tanto a melhoria visual quanto a passar rapidamente uma informação.
Exemplos práticos da importância de um ícone: o que seria dos feeds sem seu famoso quadradinho laranja ao lado? Provavelmente muitos sites perderiam alguns assinantes
por isso. Outro exemplo é o recente popstar da internet Twitter, basta vermos o pequeno pássaro azul para corrermos e clicar para em seguida decidir se seguiremos mais uma pessoa.
Mas cuidado, apesar de serem importantes para uma boa apresentação no design e agilizar informação, se não forem usados com cautela poderão ter o efeito inverso no quesito velocidade de informação. Veja as dicas a seguir.
Dicas de utilização
1. Evite o excesso de ícones
2. Não tente “inovar” demais, você não precisa “inventar” um novo tipo de ícone, basta que o mesmo seja bonito e combine com seu site, de preferência personalizado.
3. Tamanho não importa, porém evite usar muitos ícones pequenos com exceção dos mais comuns (como imprimir, bookmarks, home page, email).
4. Se for utilizar no menu principal não o deixe sozinho, insira uma descrição do mesmo ao lado ou abaixo (com uma ou duas palavras).
5. Escolha um estilo uniformizado. Para isso procure por “pacotes” de ícones em sites de downloads grátis.
Sites de referência em utilização de ícones
Confira algumas referências de designers que souberam como explorar os ícones para um design mais bonito e uma comunicação mais eficiente.
Sites para download de ícones
Existem incontáveis sites que fornecem download de ícones grátis, em outro post já recomendei 10 deles, você pode conferir em “10 sites excelentes para download de ícones“.
Artigo por Rafael Marques
Utilização de ícones em design para web | RGB Magazine…
Neste artigo conhecerá bons exemplos de como usar ícones no seu site, além de dicas e recomendações….
Hoje a utilização de ícones deixou de ser mera diferença em design e passou a fazer parte de “usabilidade”. Os ícones se tornaram ponto essencial no desenvolvimento de um designer focado em usabilidade, deixaram de ter o foco em beleza e passaram a focar em contextualização do conteúdo! Quanto mais dentro do contexto e quanto mais descritivo ele for aumentara muito a interatividade do site ou blog pro usuário!
Paz no coração e Luz na razão.