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.
