[UI Design] Pare de usar esses ícones hoje!
Turma, assunto hoje é ícone.
Percebi que na maioria dos projetos de DEVs/Designers iniciantes existe alguns problemas, que talvez eles não saibam identificar.
Os ícones fazem partes desses problemas. Sabe quando você descobre os sites mágicos que deixam vc baixar um milhão de ícones diferentões, tipo o www.flaticon.com, e aí você sai baixando os mais legais que encontra. No fim, a sua interface fica estranha;
A bagunça é causada pela incoerência dos ícones, mas relaxa que vou te dar a "call" pra você sempre baixar os ícones delicinha pro seu projeto 😋.
Primeiro ponto é saber os temas/tipos de ícones.
Contornar e preencher
Na maioria das vezes você vai encontrar dois tipos de ícones, ícones contornados (sem preenchimento), e ícones preenchidos.
Quando os ícones do sistema não estão preenchidos, eles são definidos por seu traço. Um traço mais grosso adiciona uma sensação de peso e massa, fazendo com que os ícones preenchidos pareçam mais pesados. Um traço mais fino implica leveza, dando aos ícones não preenchidos um estilo mais leve.
Design Material.
Ícone não preenchido
Ícone preenchido
Olha só, é importante saber que: A espessura do traçado dos ícones contornados pode ser ajustada para complementar ou contrastar a espessura da sua tipografia.
Existe uma expessura ideal de ícone que é 2 dp Para manter a legibilidade.
Essa espessura de traçado é recomendada para a maioria dos ícones:
Agora se liga como os ícones contornados em 2dp permanecem legíveis em todos os tamanhos e aplicativos.
Resumindo, se você optar pelo não preenchido, ultilize esse tema em todo o seu projeto, e vice-versa. E você vai ter mais coerencia no seu design.
Simples né?
Estou estudando UI Design, e estou usando o TabNews para documentar meus estudos e de alguma forma ajudar alguém que se interesse, fique livre pra me dar dicas ou me apoiar 😎