Quero me matricular
Artigos Alura Lingua

Ícones de menu em design de interfaces

Giovanna Oliveira
Giovanna Oliveira
Ícones de menu em design de interfaces #inset

Hello, there! Menu é um ícone muito importante para quem trabalha com design de sites ou interfaces diversas, pois é um elemento visual que geralmente o usuário reconhece com facilidade. Mas sabia que existem vários tipos de menus? Hoje vamos aprender mais sobre isso. C’mon, let’s learn together!

Lembrando: o que é um ícone

Numa interface, há vários tipos de componentes. Alguns sempre aparecem com texto de apoio, como notificações e botões, por exemplo. Já outros componentes são feitos para serem reconhecidos sem nenhum texto de apoio, porque a ideia é que o usuário reconheça a ação pela imagem. Check the example below from Google Docs:

Lembrando o que é um ícone #inset

Num editor de textos, ícones representam ações como deixar em bold ou itálico, sublinhar, centralizar o texto entre outros.

O menu é um ícone, portanto geralmente é um desenho que aparece sem texto. Sua função é abrir uma lista de opções para o usuário. E existem vários tipos de menus. Let’s see:

Hamburger menu

É o mais comum e em português tem o mesmo nome, mas com a ortografia aportuguesada: menu hambúrguer.

Hamburger menu #inset

Kebab menu

O kebab é um espetinho de origem turca que dá nome a esse tipo de menu de três bolinhas alinhadas, criado pelo famoso guia do Google, o Google’s Material Design (Design Material do Google).

Kebab menu #inset

Meatball menu

O menu de almôndegas (meatball menu) é a versão horizontal do menu kebab:

Meatball menu #inset

Bento box

Bento box é o nome em inglês para um tipo de lancheira muito comum no Japão em que a comida vem organizada em compartimentos, parecido com os quadradinhos que formam esse menu:

Bento box #inset

Interesting, isn’t it? Reparou que todos os menus têm nomes de comida? Isso não é surpresa, já que a própria palavra menu vem desse universo, pois é cardápio em francês.

Saber esse tipo de informação e conhecer componentes diversos pode ser um grande diferencial para quem se interessa pela carreira de UI designer. Se você está procurando trabalho nessa área, sugerimos a leitura do nosso artigo "Aprenda componentes de interfaces em inglês", temos a Parte 1 e a Parte 2. Eles podem te ajudar muito a conquistar a vaga que você está buscando. 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