Imagem de círculo de design com raio de borda de 50%

Criar uma imagem circular é uma técnica de design simples, porém eficaz, para melhorar o apelo visual da sua página. 

Definindo um raio de fronteira de 50%, você pode transformar imagens quadradas ou retangulares em círculos perfeitos, adicionando um visual elegante e moderno ao seu design.

Exemplos de casos de uso de imagens circulares no design de páginas

Imagens circulares não só adicionam um visual moderno e elegante, como também ajudam a chamar a atenção para os principais elementos visuais. Ao aplicar o Raio da borda configuração, você pode transformar imagens padrão em formas redondas atraentes.

Os casos de uso comuns incluem:

• Fotos de perfil: Crie uma aparência profissional e amigável.
• Ícones ou logotipos: Destaque a identidade da marca de uma forma minimalista, porém refinada.
• Elementos decorativos: Adicione um toque de design sutil que rompa com os layouts quadrados.

Esse truque de design simples garante que sua página pareça mais equilibrada, envolvente e visualmente atraente.

Crie uma imagem circular com raio de borda de 50% no GemPages

Siga estas etapas para criar uma imagem circular no GemPages Editor v7.

Etapa 1: Acesse o Editor GemPages

• Faça login no seu administrador do Shopify e navegue até Construtor GemPages aplicativo sob o Apps seção.
• Acesse PÁGINAS e clique na página de destino para entrar no editor.

Etapa 2: Adicionar um elemento de imagem

• Uma vez inserido no Editor GemPages, procure por “imagem”Na barra de pesquisa.
• Na barra lateral esquerda, arraste e solte um Elemento de Imagem para a posição desejada na sua página.

• Clique na imagem para abrir a Configurações painel. Localize o fonte seção para atribuir uma imagem a este elemento.

Você pode escolher na sua biblioteca de mídia (arquivos do Shopify) ou carregar uma nova.

• Sob o Dimensões: seção, defina o quadro para Quadrado para garantir que a largura e a altura sejam iguais.

Ajuste os valores de altura e largura como preferir.

Etapa 3: aplique o raio da borda

Desloque-se até o Shape seção e clique no Corner campo para abrir o painel de configurações do raio do canto.

A partir daqui, ajuste o raio do canto até achar que é o mais adequado para sua imagem e marca.

Melhores dicas para imagens circulares

• Use imagens de alta resolução para evitar pixelização ao cortar.
• Mantenha o assunto centralizado para que partes importantes não sejam cortadas.
• Adicionar bordas ou sombras para contraste extra e uma aparência limpa e marcante.
• Mantenha uma proporção de 1:1 (largura e altura iguais) para manter um círculo perfeito.