Como adicionar bordas, cantos e sombras no GemPages

Por que usar bordas, cantos e sombras?

Elementos de design como bordas, raios de canto e sombras são ferramentas poderosas para criar layouts visualmente atraentes. Eles ajudam a:

• Definir seções e limites de conteúdo
• Adicione profundidade e dimensão
• Melhore a clareza e o foco
• Dê ao seu design uma aparência moderna e polida

O GemPages facilita a aplicação e personalização desses efeitos visuais usando o Configurações de forma no editor.

Como acessar as configurações de borda, canto e sombra

Para personalizar a borda, o canto ou a sombra de um elemento, siga estas etapas:

Etapa 1: selecione o elemento

Clique no elemento que você deseja estilizar (como um botão, imagem ou bloco de contêiner) para abrir suas configurações.

Etapa 2: Abra a guia Avançado

Na barra lateral esquerda, vá para Avançado aba.

Etapa 3: localize as configurações de forma

Desloque-se até o Configurações de forma seção para acessar opções de personalização de bordas, cantos e sombras.

Configurações de borda

As bordas ajudam a definir as bordas de um elemento, adicionando clareza e ênfase ao seu design. Nas configurações de elementos, as configurações de bordas são ajustadas dentro de um Popover, incluindo:

Cor da margem

Escolha uma cor para sua borda para obter a aparência desejada.

Espessura da borda

Você também pode personalizar a espessura de cada lado da borda individualmente.

Traço de Fronteira

Escolha o estilo da sua borda:

• Linha: Uma linha contínua
• Tracejado: Uma borda feita de traços
• Pontilhado: Uma borda feita de pontos

Configurações de canto

Os cantos permitem personalizar o formato de um elemento, adicionando interesse visual ao seu design. Você pode inserir manualmente qualquer raio de canto, com valores sugeridos exibidos no campo de entrada.

Configurações de sombra

As sombras criam profundidade e dimensão, tornando seu design mais dinâmico e visualmente atraente.

Tipo de sombra

• Claro
• Suporte:
• Grande
• Personalizar

Se você escolher personalizar:

• Direção: Ajuste o ângulo da sombra (360 graus) para alinhá-la ao seu estilo de design.
• Cor: Escolha uma cor de sombra que complemente o tema geral do seu design.
• Distância: Ajuste a distância que a sombra aparece do elemento, criando um efeito sutil ou dramático.
• Dimensões:: Defina o tamanho da sombra para uma aparência mais perceptível ou discreta.
• borrão: Controle o nível de desfoque da sombra, determinando se ela é nítida ou difusa para uma aparência mais suave.

Cor da sombra