---
title: "Novas opções para o cabeçalho e os atalhos"
description: "O cabeçalho é a zona que compõe a parte superior do seu aplicativo. Quando seu potencial é aproveitado ao máximo, pode ser uma área muito estratégica. Esse é&nb"
canonical_url: "https://pt.goodbarber.com/blog/novas-opcoes-para-o-cabecalho-e-os-atalhos-a804/"
lang: pt
date: 2017-06-27
last_updated: 2017-06-27
---

# Novas opções para o cabeçalho e os atalhos

[Voltar](/blog/make-it-r19/)

# Novas opções para o cabeçalho e os atalhos

Escrito por [Jerome Granados](https://pt.goodbarber.com/blog/author/jerome-granados/)  na Terça-Feira 27 Junho 2017

![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/15137938-20608608.jpg?v=1498568443.048834)

O cabeçalho é a zona que compõe a parte superior do seu aplicativo. Quando seu potencial é aproveitado ao máximo, pode ser uma área muito estratégica. Esse é um elemento essencial na identidade visual do seu aplicativo, bem como uma área que oferece acesso instantâneo às seções que você desejar destacar.

## Identidade visual

![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/15137938-20608635.jpg?v=1498568594.4229338)

O cabeçalho é onde você exibe o título do seu aplicativo, ou mesmo o logotipo.
O cabeçalho é visível tanto nas seções da Home como em páginas internas. Nas páginas de detalhe do conteúdo, é usado para exibir botões de navegação e compartilhamento.

No seu cabeçalho, você pode aplicar cores de fundo, texturas e alinhamentos.
Você pode escolher os ícones dos botões de navegação e as fontes do texto. Existem inúmeras opções para configurar o design desta área, assim, você pode integrar sua identidade visual de forma customizada.

É possível personalizar a exibição do cabeçalho de acordo com a seção. Por exemplo, em um aplicativo de cozinha, você pode ter um cabeçalho específico para uma seção "Receitas" e outro para uma seção "Eventos". Esta opção oferece muita flexibilidade, mas fique atento para manter algum senso de consistência entre os vários cabeçalhos para que não confunda seus usuários.

![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/15137938-20608680.jpg?v=1498569046.1312547)

## Atalhos

![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/15137938-20608881.jpg?v=1498569972.7591872)

O cabeçalho possui 6 espaços que podem conter links. Use esses espaços para sugerir ações rápidas que são facilmente acessíveis a partir de quase qualquer lugar no aplicativo.
Você tem a opção de adicionar até 6 atalhos no cabeçalho. Quando você possui 4 atalhos, o terceiro espaço é automaticamente transformado em um menu adicional.

O ícone, o destino, o título e as cores de cada atalho podem ser personalizados.

No celular, os atalhos só podem ser representados por um ícone. No tablet, é possível exibir um título para um atalho ao lado do ícone. No laptop ou na área de trabalho, o atalho pode ser transformado em um botão, adicionando uma cor de fundo sob o ícone e o título.

A maneira como o menu adicional funciona é idêntica no celular e no tablet. Aparece em uma sobreposição na parte inferior da tela. No laptop e na área de trabalho, ele aparece como um menu suspenso quando o ícone for clicado.

O cabeçalho oferece flexibilidade adicional para organizar a navegação em seu aplicativo — o complemento perfeito para [Home](https://pt.goodbarber.com/blog/home-modular-a790/) e o [Modo de Navegação](https://pt.goodbarber.com/blog/menu-e-navegacao-secundaria-a791/) atualizada.

![Jerome Granados](https://blog.goodbarber.com/_public/profile/1b/1b6453892473a467d07372d45eb05abc2031647a-default.jpg)

Sobre o autor[Jerome Granados](https://pt.goodbarber.com/blog/author/jerome-granados/)CMO

Sou CMO e sócio da GoodBarber.

Neste blog, compartilho dicas práticas para ajudar você a aproveitar ao máximo a GoodBarber, análises sobre as tendências que estão transformando o universo mobile e o no-code, além de algumas reflexões sobre o impacto da inteligência artificial em nosso setor.

Se algum artigo despertar uma pergunta, uma ideia ou uma experiência para compartilhar, vamos conversar nos comentários.

[Saiba mais](https://pt.goodbarber.com/blog/author/jerome-granados/)

[![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/jeromegranados/)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://x.com/jeromegranados)[![Facebook](https://portal.ww-cdn.com/portal_static/svg/base2021/fb.be37c82b8283.svg)](https://www.facebook.com/jerome.granados)[![Instagram](https://portal.ww-cdn.com/portal_static/svg/base2021/instagram.e3b82841d5d7.svg)](https://www.instagram.com/jeromegranados/)[![Pinterest](https://portal.ww-cdn.com/portal_static/svg/base2021/pinterest.3ba400801cb2.svg)](https://www.pinterest.com/jeromegranados/)