header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Editor do Wix Harmony: trabalhar com arte vetorial, formas e ícones

Neste artigo
  • Adicionar arte vetorial, formas e ícones
  • Criar arte vetorial, formas e ícones
  • Ajustar as configurações de formas básicas e arte vetorial
Adicione arte vetorial, formas e ícones para expressar seu estilo. Esses gráficos são ilustrações digitais (SVGs) que permanecem nítidas em qualquer tamanho, para que seu design sempre fique incrível. Escolha entre as centenas de opções gratuitas disponíveis no Wix ou faça o upload das suas próprias ilustrações.
Observações:
  • Na seção Gráficos do painel Elementos, você pode encontrar arte vetorial, formas, ícones e adesivos. Adesivos são arquivos de imagem que você pode adicionar ao seu site, enquanto os outros são SVGs, que podem ser editados de forma diferente.

  • Alguns ícones são provenientes de bibliotecas de código aberto externas, como a Tabler Icons (MIT) e Phosphor Icons (MIT)


Adicionar arte vetorial, formas e ícones

Você pode usar arte vetorial, formas e ícones para decorar seu site ou para incluir um call to action atraente. Você pode escolher entre as centenas de opções gratuitas disponíveis no Wix ou você pode fazer upload das suas próprias ilustrações.

Para adicionar arte vetorial, formas e ícones:

  1. Vá para o seu editor.
  2. Clique em + Elementos no canto superior esquerdo do editor.
  3. Selecione Elementos.
  4. Clique no ícone Elementos à esquerda.
  5. Clique em qualquer elemento em Arte vetorial, Formas básicas ou Ícones.
    Dica: acesse mais opções gratuitas ao clicar em Ver tudo.
  6. Clique ou arraste a arte vetorial escolhida para a página.
Uma captura de tela da categoria Gráficos no painel Elementos.
Quer fazer upload do seu próprio SVG?
Clique em Fazer upload na parte superior do painel para adicionar sua própria mídia ao seu site.

Criar arte vetorial, formas e ícones

Personalize arte vetorial, formas e ícones em seu site, incluindo as cores, opacidade e sombra, para que eles combinem com seu design.

Para personalizar o design:

  1. Vá para o seu editor.
  2. Clique no elemento relevante e escolha o que você deseja personalizar:
Uma captura de tela das opções de design de vetor.
Observação:
  • As opções de personalização disponíveis dependem se a arte vetorial apresenta uma única cor, várias cores ou uma paleta de tons de cinza.
  • Ao fazer upload do seu arquivo SVG, analisamos suas cores e o classificamos como um elemento de forma ou um elemento de arte vetorial. Por exemplo, arquivos SVG que mostram apenas uma única cor aparecem como uma 'forma' no editor. Se não conseguirmos identificar as cores no seu arquivo SVG, talvez você não consiga personalizar suas cores no editor.

Ajustar as configurações de formas básicas e arte vetorial

Ajuste a forma como esses elementos aparecem e funcionam no seu site. Você pode atualizar seu tamanho e layout, adicionar um link para transformar o elemento em um botão ou call to action e definir opções de acessibilidade para garantir que todos possam aproveitar o conteúdo do seu site.

Para ajustar as configurações:

  1. Vá para o seu editor.
  2. Selecione o elemento relevante.
  3. Clique no ícone Configurações na barra de ação.
  4. Escolha o que fazer a seguir:
    • Modo de redimensionamento: escolha como o elemento se ajusta à página: Ajustar ou Esticar.
    • Direciona para: adicione um link para o elemento.
    • Acessibilidade: insira uma breve descrição do que você pode ver nessa arte vetorial ou forma básica, para ajudar os motores de busca e recursos de acessibilidade.
Uma captura de tela das opções de configurações do vetor.