# Construtor de Interface

## WYSIWYG

O NocoBase oferece uma experiência de construção de interface no modelo WYSIWYG (What You See Is What You Get). Clique no botão "Construtor de Interface" para alternar entre o modo de edição e o modo de visualização.

Modo de visualização:

![20251023215845](https://static-docs.nocobase.com/20251023215845.png)

Modo de edição:

![20251023215951](https://static-docs.nocobase.com/20251023215951.png)

## Modelo de Layout

O NocoBase vem com um modelo de layout padrão: a navegação fica na parte superior e à esquerda, e a área de conteúdo fica à direita.

![未命名.002](https://static-docs.nocobase.com/未命名.002.jpeg)

## Opções de Configuração

Ao entrar no modo de edição da interface, você verá indicadores laranjas para os elementos configuráveis. Geralmente, o acesso às configurações de um elemento está localizado no canto superior direito dele. Quase todos os elementos podem ser configurados e ter seus efeitos visualizados em tempo real na interface. Veja alguns exemplos:

Opções de configuração do menu:

![20251023221617](https://static-docs.nocobase.com/20251023221617.png)

Opções de configuração da página:

![20251023221649](https://static-docs.nocobase.com/20251023221649.png)

Opções de configuração do bloco:

![20251023221748](https://static-docs.nocobase.com/20251023221748.png)

Opções de configuração da ação:

![20251023222109](https://static-docs.nocobase.com/20251023222109.png)

Opções de configuração da coluna da tabela:

![20251023221814](https://static-docs.nocobase.com/20251023221814.png)