Elementos UI
June 15, 2020 · View on GitHub
Os elementos de uma UI, consiste basicamente em: Espaço, Formas, Cores, Tipografia, Imagens e os Ícones.
Esses elementos servem pra comunicação e intereção com o usuário, as combinações desses elementos se tornam uma arma poderosa no UX/UI.
Neste módulo, falaremos brevemente sobre cada um deles, e ao decorrer do curso nos aprofundaremos mais.
Espaço
- O espaço seria o espaçamento entre os elementos, por exemplo, o espaço entre um título e um texto, um botão de outro botão, o espaçamento serve pra organizar nossos conteúdos.
Formas
- As formas estão sempre presentes em interfaces, seja um círculo pra foto de perfil, um retângulo pra um botão ou um quadrado pra uma foto no feed. Usar as formas certas pros elementos certos, melhora e muito o UX do seus layouts.
Tipografia
- Grande parte da Web é basicamente texto, por isso é de extrema importância manter uma boa tipografia em seu site. A escolha da fonte, tamanho dos títulos e do texto, números de palavras por linha e as cores dos textos, fazem e muita diferença em suas interfaces.
Cores
- As cores estão tão presentes em nossos layout's e no nosso dia a dia que nem nos damos conta da importância das mesmas, criar uma paleta de cores agradável é um dos passos mais importantes ao desenvolver interfaces, pois ela pode tanto atrair o usuário, quanto afastar.
Imagens
- As imagens tem várias funcionalidades em uma interface, seja pra ser fotos em feed, fotos de perfil, uma preview em uma notícia e etc. As imagens também servem como um auxílio pra tipografia, ajudando o usuário a entender melhor o que se passa no texto.
Ícones
- Os ícones servem como uma forma de guia, ao vermos uma lupa em um site, logo associamos aquele ícone a um campo de busca ou um carrinho que nos leva a nosso carrinho de compras em uma loja. Ícones ajudam muito na interação do usuário com o seu layout.
Tá, e agora?
Lembre-se de que cada elemento tem seu significado e o seu propósito, cada elemento deve ser pensado a passar uma mensagem pro usuário.
É importante também manter a consistência em seus layouts, mas como assim? Não é uma boa prática por exemplo, por cada botão do site de uma cor ou cada título ter sua tipografia e cores diferentes uns dos outros (a menos que seja extremamente necessário), pois isso causará estranheza no usuário.
Além de tudo isso, não encha o seu site de coisas desnecessárias, coloque apenas o importante, informação em excesso também é algo ruim, coloque apenas o essencial de forma intuitiva ao usuário.