Ferramenta de Design Zazzle 101 - Versão para Celular e Aplicativo

Bem-vindo à ferramenta de design Zazzle - versão Móvel! Se pretende ler o artigo de ajuda para o a versão Desktop, clique aqui.

A Ferramenta de Design é o melhor recurso para personalizar o seu design. Este artigo centra-se na versão Móvel da ferramenta, oferecendo uma visão geral detalhada das suas características e funcionalidades. Inclui também instruções passo a passo para executar tarefas comuns.

 

Ir para uma secção deste artigo:

  1. Vídeo - Tour e Criação de Ferramentas de Design e Convite
  2. Informações gerais
  3. Partes da Ferramenta de Design para Dispositivos Móveis
  4. O botão Adicionar
  5. Orientações
  6. Objetos de Design e Ações Básicas

 

Vídeo - Tour e Criação de Ferramentas de Design e Convite

 

Informações gerais

A ferramenta de design Zazzle está disponível em navegadores de desktop, navegadores móveis e no aplicativo Zazzle. Para uma melhor experiência e eficiência, recomendamos a utilização da versão para desktop.

  1. Como aceder à ferramenta de design-
    • Numa página de produto com um design existente - Toque em “Personalizar este design” e, em seguida, toque em “Editar utilizando a ferramenta de design”.
    • Numa página de produto em branco ou crie o seu próprio produto - toque em “Adicionar o seu design” botão.
  2. Como sair da Ferramenta de Design-
    • Quando terminar o seu design, toque no botão "Concluído" em no canto superior direito para voltar à página do produto.
  3. Guardar o seu design-
    • Se estiver conectado, quaisquer alterações feitas no seu design serão guardados na sua conta em "Designs Salvos". Caso contrário, o seu design ainda estará lá quando regressar ao seu URL no mesmo navegador.

 

Partes da Ferramenta de Design para Dispositivos Móveis

 

Barra superior

A barra superior proporciona um acesso rápido às principais ações e definições. Aqui estão as coisas  que encontrará na barra superior, da esquerda para a direita.

  1. Desfazer, Refazer - Isto permite reverter ou reaplicar rapidamente ações no seu processo de design para uma edição eficiente. Para um fluxo de trabalho ainda mais rápido, utilize atalhos de teclado (Ctrl+Z/Command+Z para Desfazer, Ctrl+Y/Command+Shift+Z para Refazer).
  2. Definições - Isto é indicado pelo símbolo "..." à direita do botão concluído. Aqui encontrará configurações adicionais que pode alternar se pretende uma experiência e aparência de ferramenta de design diferente.
  3. Concluído (OK) - Tocar neste botão sai da Ferramenta de Design
  4. Etiqueta da área de design - Esta etiqueta indica qual a área de design está, por exemplo “Frente” ou “Trás”. Tocando sobre isto abre o painel Camadas, onde pode alternar as áreas de design, se necessário.

Ecrã de design

O ecrã é o seu principal espaço de trabalho onde o design é criado e visualizado. É aqui que coloca, organiza e edita todos os elementos para construir o seu produto projeto. Exibe ajustes e visualizações em tempo real.

  1. Área de design - é aqui que irá realizar ações para manipular objetos, etc.

 

Painel Inferior / Painel de Propriedades

Localizado na parte inferior do ecrã, o painel inferior mostrará todas as opções e definições editáveis ​​para um objeto selecionado. Permite personalizar atributos como o tamanho, a cor, o alinhamento e muito mais, dependendo do tipo de elemento.

  1. Botão Adicionar - Tocar neste botão abrirá uma gaveta com características essenciais, mais detalhes abaixo.
  2. Pré-visualização - O botão de pré-visualização mostrará uma pré-visualização do seu design sobreposto no seu produto para que possa visualizar facilmente o seu produto final!

 

O botão Adicionar

 

 

O botão adicionar proporciona um acesso rápido a características essenciais de design, como adicionar imagens, texto, formas. Serve de ponto de partida para a criação e edição componentes de design.

Para utilizar esta funcionalidade, primeiro toque no botão Adicionar. Uma gaveta irá então aparecem com as opções que pode utilizar. Utilize a navegação superior na parte superior da gaveta para alternar entre as guias.

  1. Uploads - Permite carregar as suas próprias imagens. Você também pode facilmente carregar fotos da sua galeria de fotos para o seu telefone, tornando é muito conveniente!
  2. Texto - Esta funcionalidade permite adicionar texto personalizado ao seu projeto. Mais tarde, pode ajustar tipos de letra, tamanhos, cores e alinhamento para mais personalização.
  3. Elementos - É aqui que pode adicionar várias formas ou gerar um código QR. Para gerar um código QR, toque no botão “Adicionar um código QR” e introduza o seu URL no diálogo.
  4. Ícones - Aqui pode escolher entre os nossos ícones disponíveis e adicioná-los ao seu design.
  5. Fundo - É aqui que pode definir um fundo para o seu projeto. Pode carregar a sua própria imagem, escolher uma cor ou escolher uma das nossas forneceu fundos.

 

Orientações

Orientações. png

As diretrizes são marcadores visuais no ecrã de design que ajudam a garantir que o seu os elementos de design estão corretamente posicionados na área de impressão ou de visualização pretendida. Para melhores resultados após a impressão,

  1. Linha de Sangramento (Linha Vermelha)- Este espaço extra é para contabilizar para verificar pequenas alterações durante a impressão e garantir que não aparecem margens brancas. Fazer certifique-se de estender todos os seus fundos e padrões aqui para evitar indesejados margens quando impressas.

  2. Área visível (Linha azul)- A secção do design que será totalmente visível no produto final. Evite colocar pontos críticos elementos junto à borda desta área para evitar texto cortado indesejado ou imagens.

  3. Área Segura (Linha tracejada verde)- Elementos importantes do design, como texto ou logótipos, devem ser colocados dentro desta área interior para garantir não são cortadas após a impressão.

 

Objetos de design e ações básicas

Captura de ecrã 2024-11-26 às 14:11:51.png

Os objetos de design são os blocos de construção do seu design, incluindo texto, imagens, formas e ícones.

Aqui está uma visão geral de como trabalhar com objetos de design e as ações básicas que pode executar neles:

Ações básicas para objetos

  1. Selecionar um objeto - Toque no objeto que pretende selecionar.
  2. Selecionar vários objetos - Toque e arraste para formar uma seleção caixa e selecione vários objetos.
  3. Desmarcar um objeto - Toque em qualquer local fora da seleção área a desmarcar.
  4. Mover um objeto - Arraste o objeto selecionado para o reposicionar em qualquer parte do ecrã.
  5. Apagar um objeto -  Selecione um objeto e toque no ícone vermelho da caixa do lixo ou toque em eliminar no painel de propriedades.
  6. Rodar um objeto - Selecione o objeto e depois utilize o pega de rotação para ajustar o seu ângulo.
  7. Redimensionar um objeto - Arraste as pegas dos cantos do objeto selecionado objeto para o redimensionar proporcionalmente. Utilize as pegas laterais para não-proporcionais redimensionamento.
  8. Duplicação de um objeto - Com um objeto selecionado, toque em duplicar no painel de propriedades.
  9. Agrupar e desagrupar objetos -
    1. Para agrupar objetos - Selecione vários objetos e toque no botão Grupo para os combinar e facilitar a edição.
    2. Para desagrupar objetos - Toque no grupo e depois toque no botão Desagrupar para os separar.
    3. Editar um grupo- Para entrar no modo de edição de grupo, toque duas vezes o grupo ou clique no botão Editar grupo. No modo de edição, pode selecionar e manipular os objetos individuais dentro do grupo. Para sair da edição modo de grupo, toque em qualquer local fora do grupo.
  10. Propriedades do objeto- Quando um objeto é selecionado, utilize o Painel inferior/Painel de propriedades na parte inferior para personalizar cor, tamanho, tipos de letra e muito mais, dependendo do tipo de objeto.

 

Camadas

As versões móveis e de aplicação da Ferramenta de Design não têm acesso às Camadas aba. No entanto, pode ainda Organizar a posição do seu texto em relação a outros elementos do seu design. Pode escolher mover o seu elemento para a frente ou para trás usando o Ícone Organizar quando um elemento é seleccionado.

Se se encontrar numa situação em que o texto em layouts pré-concebidos está bloqueado / não pode ser editado. Utilize a versão Desktop para aceder ao recurso Camadas e desbloquear o elemento de design.