27 maio Iconos web: Dicas de projeto e uso
Existem muitos elementos que participam de uma web e que são responsáveis pelo bom funcionamento da mesma. Todos eles têm que trabalhar em isolamento e ter um design específico, mas claramente, para a web para ter sucesso eles têm que trabalhar em equipe.
Temos que conhecer as peculiaridades de cada um deles, para chegar a um design que se adapte às características que precisamos, mas não podemos esquecer que, além dessas características, eles têm que ser perfeitamente implementado em web design.
De como a tipografia e, portanto, os textos devem ser combinados e projetados temos falado em numerosos artigos. A importância da legibilidade ea ordem dos textos no web design é algo que temos de ser muito claros quando se começa com o web design, mas também intervir outros elementos gráficos que não podemos esquecer.
De um lado estão os botões, de que falamos neste artigo. Eles nos guiarão em qualquer processo e também os responsáveis por chamar nossa atenção, para que seu design não possa ser livre e deve ser feito levando em conta a Experiência do Usuário.
Mas hoje vamos falar sobre outro elemento gráfico que está incluído na maioria das webs e que muitas vezes passa despercebido: ícones.
Os ícones são de muitos tipos e classes e seu design dependerá em grande parte do lugar que ocupam na web (além disso, podemos optar por ícones de um banco de imagens ou desenhá-los nós mesmos). O tema é muito amplo, e poderíamos estar falando sobre isso infinitamente, mas neste caso, vamos nos concentrar em alguns ícones “gerais” que geralmente têm toda a web e vamos ver as diferentes formas de uso e design. Nós começamos !!
Ícones sociais
Hoje não há web (ou não deve ser) que não tem seus correspondentes links para suas redes sociais. Dependendo da importância que queremos lhe dar, existem vários lugares onde podemos colocá-los. É comum vê-los na barra de menus, no cabeçalho ou no rodapé. Também podemos encontrá-los na barra lateral.
O design destes é muito específico. Como cada rede social tem um ícone característico, é melhor usar esses ícones, pois eles se tornam facilmente reconhecíveis. Desta forma, é comum usar ícones de um banco de ícones e não projetá-los especificamente. Font Awesome é uma boa referência para esses ícones (e eles também são muito fáceis de adicionar no WordPress)
Agora que nós os tomamos de um banco dos ícones não significa que nós deixamos o projeto ao capricho daquele que os desenhou. O design específico que lhe damos, dependerá, em grande medida, do estilo e do design do nosso site. Podemos enquadrar os ícones em círculos ou quadrados, ou deixá-los sem borda, que muda a cor quando ela passa ou que é mantida …
As possibilidades são infinitas, então essas decisões são as que temos que levar em conta, por sua vez, como os outros elementos da web se comportam.