---
title: "Cómo elegir el tamaño de tu encabezado | Tutoriales - GoodBarber"
description: "Hoy vamos a descubrir juntos una nueva característica de diseño que te permitirá personalizar aún más un elemento clave de tu aplicación: el encabezado.\r \r P…"
canonical_url: "https://es.goodbarber.com/tutorials/diseno/como-elegir-el-tamano-de-tu-encabezado/"
lang: es
---

# Cómo elegir el tamaño de tu encabezado | Tutoriales - GoodBarber

[Atrás](https://es.goodbarber.com/tutorials/)

# Cómo elegir el tamaño de tu encabezado

Hoy vamos a descubrir juntos una nueva característica de diseño que te permitirá personalizar aún más un elemento clave de tu aplicación: el encabezado.

Puedes elegir entre tres alturas de encabezado diferentes y otras opciones. Para descubrir esta opción, ve al menú Mi App> Diseño> Diseño general y haz clic en el submenú Logo y título.

Aquí es donde puedes elegir el tamaño predeterminado de tu encabezado.

En la versión pequeña, puedes mostrar el título de tu aplicación o tu logotipo.

La versión mediana muestra el mismo elemento pero con mayor altura.

Finalmente, la versión grande te permite agregar una breve descripción a tu encabezado además del título de tu aplicación o tu logotipo.

Luego puedes elegir el efecto aplicado a tu encabezado cuando se desplaza:

sin efecto, desapareciendo o cambiando de tamaño.

El encabezado tiene múltiples propósitos: mostrar la identidad de tu aplicación, dar un título a la sección, mostrar accesos directos o navegar en la aplicación.

Esta es una parte muy importante de tu aplicación, ¡así que hazla perfecta para ti!

## Vídeos similares

[DiseñoCómo configurar tu encabezado](/tutorials/diseno/como-configurar-tu-encabezado/)

![Cómo configurar tu encabezado](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[DiseñoCómo configurar el estilo global de tu aplicación](/tutorials/diseno/como-configurar-el-estilo-global-de-tu-aplicacion/)

![Cómo configurar el estilo global de tu aplicación](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[DiseñoCómo personalizar la pantalla de bienvenida de tu aplicación](/tutorials/diseno/como-personalizar-la-pantalla-de-bienvenida-de-tu-aplicacion/)

![Cómo personalizar la pantalla de bienvenida de tu aplicación](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[DiseñoCómo configurar el modo de navegación de tu aplicación](/tutorials/diseno/como-configurar-el-modo-de-navegacion-de-tu-aplicacion/)

![Cómo configurar el modo de navegación de tu aplicación](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[DiseñoCómo personalizar los iconos de tu menú](/tutorials/diseno/como-personalizar-los-iconos-de-tu-menu/)

![Cómo personalizar los iconos de tu menú](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[DiseñoCómo diseñar sus secciones](/tutorials/diseno/como-disenar-tus-secciones/)

![Cómo diseñar sus secciones](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[DiseñoCómo copiar el diseño de una sección](/tutorials/diseno/como-copiar-el-diseno-de-una-seccion/)

![Cómo copiar el diseño de una sección](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[DiseñoCómo configurar tu página de inicio](/tutorials/diseno/como-configurar-tu-pagina-de-inicio/)

![Cómo configurar tu página de inicio](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[DiseñoCómo modificar el fondo de tu aplicación](/tutorials/diseno/como-modificar-el-fondo-de-tu-aplicacion/)

![Cómo modificar el fondo de tu aplicación](https://portal.ww-cdn.com/portal_static/images/thumbnail_background.01a5a9e37ad2.jpg)