Guia prático do que você deve estudar em UI Design

UI Design

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.

Total
1
Shares