Guia de Layout
Guia de Layout
Layouts definem a estrutura compartilhada da página usada em uma ou várias Páginas.
Se Componentes são as seções visíveis dentro de uma página, Layouts são o sistema estrutural ao redor delas. Eles ajudam as equipes a manter famílias de páginas consistentes sem reconstruir a estrutura da página toda vez.
Quando Usar um Layout
Use um Layout quando várias Páginas devem compartilhar a mesma experiência estrutural, tais como:
- um layout padrão do site
- uma estrutura de landing page
- uma família de páginas de campanha
- um layout de documentação ou de conhecimento
- um tipo de página com regiões laterais, navegação ou áreas de suporte compartilhadas
Se a estrutura deve permanecer consistente em várias Páginas, normalmente ela pertence a um Layout.
Quando Não Usar um Layout
Não use um Layout para:
- mensagens pontuais em uma página
- uma única seção que pertença ao conteúdo da página
- diferenças visuais menores que não justificam uma nova estrutura de página
Esses geralmente pertencem aos Componentes ou diretamente dentro do fluxo de composição de Páginas.
Fluxo de Trabalho Recomendado
- Defina a família de páginas
- Decida o que deve permanecer compartilhado
- Construa ou escolha o Layout
- Atribua-o às Páginas corretas
- Reveja o impacto antes de alterar um Layout em produção
O que Torna um Bom Layout
Layouts fortes geralmente:
- são mais estruturais do que específicos para mensagens
- dão suporte a uma família de páginas repetível
- mantêm o enquadramento compartilhado em um só lugar
- evitam incluir conteúdo de campanha pontual ou textos únicos de página
Quanto mais claro for o Layout, mais fácil será para as Páginas manterem-se consistentes.
Casos de Uso Comuns
- layout principal do site da empresa
- layout de landing page
- layout de documentação
- layout de recursos
Erros Comuns
- criar muitos Layouts com diferenças mínimas
- colocar conteúdo de campanha pontual em um Layout compartilhado
- usar Layouts para resolver problemas ao nível de seção
- editar um Layout compartilhado sem verificar todas as Páginas afetadas
Orientações da Equipe
- mantenha o número de Layouts ativos intencional
- desenhe Layouts em torno de famílias de páginas, não de uma única página
- revise o impacto a jusante antes de mudanças estruturais
- use Componentes para seções de conteúdo, não para sobrecarregar a estrutura