Wixel: adicionar e personalizar elementos

Neste artigo

Adicionar um elemento
Selecionar cores
Personalizar texto
Personalizar arte vetorial

Os elementos ajudam a melhorar seu projeto e a adicionar personalidade. Você pode adicionar elementos para destacar informações, exibir recursos visuais ou guiar seu público pelo seu design.

Adicione elementos usando o painel lateral à esquerda do seu projeto e personalize-os com a barra de ação. Você pode inserir imagens, textos, elementos gráficos, formas e muito mais, com total liberdade criativa para criar cada design exatamente como quiser.

Captura de tela destacando as opções de elementos no painel lateral do Wixel.

Adicionar um elemento

Adicione novos conteúdos ao seu projeto pelo painel lateral. Cada ícone abre um painel próprio (texto, mídia, formas e elementos gráficos) e cada um deles tem seu próprio campo de busca e abas de categoria para você encontrar exatamente o que precisa.

Observação:

Alguns tipos de design oferecem elementos exclusivos. Talvez você não consiga adicionar elementos decorativos a todos os tipos de design, portanto as opções disponíveis variam de acordo com o que você está criando.

Para adicionar um elemento:

Navegador desktop

App Wixel

Vá para o seu projeto no Wixel.
Clique no design relevante.
No painel lateral, clique no tipo de elemento que você quer adicionar:
- Adicionar texto : adicione uma caixa de texto diretamente ao seu design. Escolha estilos predefinidos para ganhar tempo ou personalize o seu.
- Desenhar : desenhe à mão livre no seu design com caneta ou marca-texto. Escolha uma cor e ajuste o Tamanho e a Opacidade dos traços. Para apagar algo que você desenhou, mude para a borracha.
- Mídia : adicione fotos, vídeos, ilustrações, estampas e recortes.
- Formas : use formas geométricas, setas e molduras para dar um toque criativo.
- Elementos gráficos : adicione arte vetorial e adesivos.
  Dica: personalize as cores da arte vetorial para combinar com o visual do seu design.
- Elementos : adicione outros elementos, como textos predefinidos, números de página e gráficos.
Clique em um elemento para adicioná-lo ao design.
(Opcional) Use as alças de redimensionamento e as ferramentas de personalização na barra de ação para ajustar o tamanho, a cor, a posição do elemento e muito mais.

Uma captura de tela do painel Adicionar elementos no Wixel.

Dica: faça upload da sua própria mídia clicando no ícone Fazer upload no painel lateral. As imagens enviadas ficam em Arquivos do projeto.

Selecionar cores

Sempre que você clica ou toca em um círculo de cor na barra de ação, você acessa o seletor de cores. É aqui que você vê as cores do tema do seu projeto, além de qualquer cor personalizada que esteja usando.

Para selecionar uma cor:

Navegador desktop

App Wixel

Vá para o seu projeto no Wixel.
Clique no ícone Cores na barra de ação.
Mova o ponto no esquema de cores ou insira o código hex da cor (por exemplo, #000000 para preto).
(Opcional) Arraste o slider para ajustar a opacidade da cor.

Uma captura de tela do seletor de cores no Wixel.

Personalizar texto

Personalize seus elementos de texto ajustando fontes, cores, formatação e efeitos como sombras e destaques. Ajuste a aparência e a posição do seu texto para que ele funcione de forma coesa com o seu design.

Para personalizar o texto:

Navegador desktop

App Wixel

Vá para o seu projeto no Wixel.
Selecione o elemento de texto no seu design.
Use as opções disponíveis na barra de ação para personalizar seu texto:
- Fonte: escolha o estilo da fonte.
- Tamanho da fonte: escolha o tamanho da fonte.
- Negrito, Itálico, Sublinhado: destaque seu texto com opções de formatação. Clique no ícone Negrito , no ícone Itálico e/ou no ícone Sublinhado .
- Maiúscula: converta seu texto para letras maiúsculas.
- Mais configurações: escolha um estilo de lista (por exemplo, Lista numerada ou Lista com marcadores) e aumente ou reduza o recuo.
- Alinhamento: escolha como o texto fica alinhado.
- Espaçamento entre linhas: ajuste o espaçamento entre linhas e letras para facilitar a leitura.
- Cor de preenchimento: escolha qualquer cor para o seu texto no seletor de cores ou selecione uma cor do tema.
- Cor de destaque: destaque seu texto com uma cor de fundo.
- Borda: adicione uma borda para o texto se destacar.
- Sombra: adicione um efeito de sombra sutil ou marcante para dar profundidade ao texto.

Uma captura de tela da edição de texto no Wixel.

Personalizar arte vetorial

Dê um toque pessoal à sua arte vetorial ao personalizar as cores e detalhes para que combinem com o seu design. A arte vetorial é uma ilustração digital (arquivo SVG) que mantém a nitidez em qualquer tamanho.

Dica:

Você encontra as opções de arte vetorial na aba Elementos gráficos, no painel lateral.