![Como configurar seu cabeçalho](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)
Como criar o design das suas seções
Hoje, aprenderemos como configurar o design das seções de seu aplicativo.
Cada tipo de seção tem suas próprias propriedades de design, mas o processo para defini-las é sempre o mesmo.
Para criar uma seção, vamos para Meu app > Design > Design de Seções.
Para este exemplo, escolheremos criar uma seção Artigo do meu aplicativo de notícias locais.
Veja, a seção do artigo oferece duas páginas para configurar. A página da lista de artigos e a página de detalhes do artigo.
Vamos começar com a lista de artigos.
A primeira coisa a fazer aqui é escolher entre os modelos de exibição propostos. Você pode ver as mudanças ao vivo na prévia do back office.
Vamos escolher o modelo 2.
Em seguida, definiremos o design da área de conteúdos
A cor do plano de fundo e do contorno.
As informações que exibimos na lista.
As fontes e cores das fontes dos diferentes elementos.
Finalmente, o formato da miniatura.
É isso, já está feito!
Aqui está a lista de artigos totalmente personalizada!
Farei o mesmo rapidamente para a página de detalhes do artigo.
E voila!
Agora é com você!
Vejo vocês em breve para um novo tutorial!
Vídeos semelhantes
![Como configurar seu cabeçalho](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)
![Como configurar o estilo global do seu aplicativo](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)
![Como personalizar a tela de lançamento do seu aplicativo](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)
![Como configurar o modo de navegação do seu aplicativo](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)
![Como personalizar os ícones do seu menu](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)
![Como copiar o design de uma seção](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)
![Como configurar sua página inicial (home) do seu aplicativo movel](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)
![Como escolher o tamanho do seu cabeçalho ?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)
![Como modificar o fundo do seu app](https://portal.ww-cdn.com/portal_static/images/thumbnail_background.01a5a9e37ad2.jpg)