---
title: "Como escolher o tamanho do seu cabeçalho ? | Tutoriais - GoodBarber"
description: "Hoje vamos descobrir juntos um novo recurso de design que permitirá a você personalizar ainda mais um elemento-chave do seu aplicativo: o cabeçalho.\r \r Você pode escolher en…"
canonical_url: "https://pt.goodbarber.com/tutorials/design/como-escolher-o-tamanho-do-seu-cabecalho/"
lang: pt
---

# Como escolher o tamanho do seu cabeçalho ? | Tutoriais - GoodBarber

[Voltar](https://pt.goodbarber.com/tutorials/)

# Como escolher o tamanho do seu cabeçalho ?

Hoje vamos descobrir juntos um novo recurso de design que permitirá a você personalizar ainda mais um elemento-chave do seu aplicativo: o cabeçalho.

Você pode escolher entre três alturas de cabeçalho diferentes e outras opções. Para descobrir esta opção vá ao menu Meu App > Design > Design Geral e clique no submenu Logo e Título.
É aqui que você pode escolher o tamanho padrão do seu cabeçalho.
Na versão pequena, você pode exibir o título de seu aplicativo ou seu logotipo.
A versão média exibe o mesmo elemento, mas com uma altura maior.
Finalmente, a versão grande permite que você adicione uma breve descrição ao seu cabeçalho, além do título do seu aplicativo ou logotipo.

Você pode então escolher o efeito aplicado ao seu cabeçalho ao rolar:
sem efeito, desaparecendo ou redimensionando.

O cabeçalho tem várias finalidades: exibir a identidade de seu aplicativo, dar um título à seção, exibir atalhos ou navegar no aplicativo.
Esta é uma parte muito importante do seu aplicativo, então vá em frente e torne-o perfeito para você!

## Vídeos semelhantes

[DesignComo configurar seu cabeçalho](/tutorials/design/como-configurar-seu-cabecalho/)

![Como configurar seu cabeçalho](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[DesignComo configurar o estilo global do seu aplicativo](/tutorials/design/como-configurar-o-estilo-global-do-seu-aplicativo/)

![Como configurar o estilo global do seu aplicativo](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[DesignComo personalizar a tela de lançamento do seu aplicativo](/tutorials/design/como-personalizar-a-tela-de-lancamento-do-seu-aplicativo/)

![Como personalizar a tela de lançamento do seu aplicativo](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[DesignComo configurar o modo de navegação do seu aplicativo](/tutorials/design/como-configurar-o-modo-de-navegacao-do-seu-aplicativo/)

![Como configurar o modo de navegação do seu aplicativo](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[DesignComo personalizar os ícones do seu menu](/tutorials/design/como-personalizar-os-icones-do-seu-menu/)

![Como personalizar os ícones do seu menu](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[DesignComo criar o design das suas seções](/tutorials/design/como-criar-o-design-das-suas-secoes/)

![Como criar o design das suas seções](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[DesignComo copiar o design de uma seção](/tutorials/design/como-copiar-o-design-de-uma-secao/)

![Como copiar o design de uma seção](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[DesignComo configurar sua página inicial (home) do seu aplicativo movel](/tutorials/design/como-configurar-sua-pagina-inicial/)

![Como configurar sua página inicial (home) do seu aplicativo movel](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[DesignComo modificar o fundo do seu app](/tutorials/design/como-modificar-o-fundo-do-seu-app/)

![Como modificar o fundo do seu app](https://portal.ww-cdn.com/portal_static/images/thumbnail_background.01a5a9e37ad2.jpg)