UI é a sigla para User Interface, uma área do design responsável por criar a ponte entre você (usuário) com qualquer dispositivo, produto ou serviço.
E se você já pensou em migrar para essa área mas nunca soube por onde começar, talvez esse conteúdo possa ser o seu guia. Ao longo desse artigo vou sugerir tópicos que todo UI Designer precisa ter conhecimento e muita prática.
Cores
Se você está vindo de qualquer área do design vai ser mais fácil entender sobre cores. Mas em UI há alguns pontos que é imprescindível você estudar:
- Regra 60, 30 10;
- Sistema de cores HSB e HSL;
- Padrões de acessibilidade em cores da WCAG;
- System Colors, Accent Colors e UI Colors;
- Significado das cores;
Tipografia
Muita gente esquece que as interfaces são formadas por quase 90% de texto e tipografia tem um papel vital em vários pontos de uma UI. Se você souber como combinar fontes e como trabalhar composição, espaçamento e hierarquia, já estará na frente de muitos designers.
- Escala tipográfica;
- Modular Scale;
- Letter spacing, line height e line lenght;
- O que são Webfonts;
- Hierarquia Tipográfica;
Layout
- Grid bootstrap, grid 8pt e vertycal rythm;
- Modelos de escaneamento de página: Z pattern e F pattern;
- Style Guide
- Componentes de UI
Ferramentas de UI Design
Existem diversas ferramentas para trabalhar com UI, e a lista abaixo pode ser útil para ajudá-lo a decidir a mais adequada para você.
Ferramentas para criação e prototipação de interfaces
Sketch
Figma
Adobe Xd
Invision e Marvel
Principle
Curso de UI Design
Se você quiser um guia ainda melhor, recomendo muitíssimo o curso de UI Design da galera da UI Lab. Eles cobrem várias das sugestões que deixei acima e você ainda tem algumas práticas para exercitar seu conhecimento.
São 30 aulas que podem ajudar você a começar sua carreia de UI Design com o pé direito.
O post Guia prático do que você deve estudar em UI Design apareceu primeiro em Designers Brasileiros.
Guia prático do que você deve estudar em UI Design esse conteúdo apareceu primeiro em: https://designersbrasileiros.com.br/
No comments:
Post a Comment