Quero me matricular
Artigos Alura Lingua

Aprenda componentes de interfaces em inglês

Giovanna Oliveira
Giovanna Oliveira
Aprenda componentes de interfaces em inglês #inset

Hello, there! Se você estuda design ou programação de interfaces, com certeza vai usar muito o vocabulário dessa lista que preparamos para você.

Hoje você vai aprender o que significam alguns dos componentes mais comuns no desenho de interfaces. Let's go?

Componentes de interfaces

Dropdown menu

Um dropdown menu é um menu suspenso. Diferente de um menu comum, ele fica oculto e só aparece quando clicamos.

Dropown menu #inset *Neste exemplo, quando o usuário clica em "Cartão de crédito" novas opções aparecem em um menu suspenso.*

Slider

O verbo to slide significa deslizar, o que corresponde à ação que o usuário executa com este componente.

Este é um tipo de controle feito deslizando o dedo por uma barra, por exemplo, o controle de luminosidade do celular.

Slider #inset *Quando você quer ajustar o brilho da tela do seu celular, você pode deslizar o dedo em um slider, como na barra vertical à esquerda.*

Progress bar

Progress bar significa barra de progresso e é muito parecida com o slider. A diferença é que ela serve para indicar o progresso de uma determinada tarefa, ou seja, a porcentagem ou etapas para a conclusão, enquanto o slider é um controle.

Progress bar #inset *Um exemplo clássico de progress bar é quanto tempo falta para uma música ou um filme terminar. Além disso, esta progress bar também pode ser usada como um slider, já que o usuário pode deslizar para avançar ou retroceder na música ou no filme.*

Switches

Switch quer dizer interruptor. Em interfaces, switch é qualquer botão ou interruptor que liga ou desliga alguma coisa, como as notificações de um aplicativo, por exemplo.

Switches #inset *É muito comum usarmos switches para ativar ou desativar funções nos celulares no menu de configurações.*

Cards

Cards são cartões. Eles têm esse nome porque imitam as formas de cartões, geralmente trazendo imagens. Suas principais funções são organizar informações e apresentá-las de um jeito mais fácil de visualizar.

Cards #inset *As informações dentro de cartões tornam a associação da imagem à palavra muito mais fácil.*

Do you know other components of digital interfaces? Então continue acompanhando nosso blog porque logo vamos publicar novos artigos com mais componentes para você dominar. Enquanto isso, leia também "Vocabulário básico para quem trabalha com CSS". See you!

Aproveite e faça nosso teste de nível de inglês. Ou baixe nossa apostila que te ensina como aprender inglês de maneira eficiente!

Quer realmente aprender outras línguas, como inglês e espanhol? Conheça os nossos cursos que reforçam o aprendizado de inglês e espanhol.

Inglês e espanhol online de maneira eficaz!

Escolha um dos planos e tenha acesso aos cursos completos da plataforma

Plano Anual 12x R$40 ou R$480 Quero este plano
Plano Semestral 6x R$50 ou R$300 Quero este plano