Tutoriais
Voltar

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